thedroth-rocks/index.html

213 lines
6.6 KiB
HTML
Raw Normal View History

2023-07-10 10:50:23 +03:00
<!DOCTYPE HTML>
<html>
<head profile="https://thedroth.rocks">
<link rel="icon"
type="image/png"
href="favicon.png" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>TheDroth Rocks! </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/picnic.min.css">
<style>
aside a.top {
font-size: 0;
position: fixed;
bottom: 0;
font-weight: bold;
width: 180px;
padding: .6em 0;
margin-bottom: 0;
border-radius: .3em .3em 0 0;
transition: all .3s ease;
}
aside a.top.visible {
font-size: 1em;
}
aside .links a.button {
text-align: left;
}
@media all and (max-width: 1000px) {
aside a.pseudo.top {
background: rgba(255, 255, 255, .8);
width: 100%;
left: 0;
text-align: center;
z-index: 100;
}
}
.documentation article > h2 {
margin: -2em 0 .6em;
padding: 3em 0 0;
line-height: 1;
}
.documentation article > h3 {
margin-bottom: .6em;
}
.documentation aside h2 {
margin-top: 0;
padding: 1.25em 0;
line-height: 1;
}
.documentation aside a.pseudo {
color: #0074D9;
margin: 0;
}
.documentation > section {
background: #fff;
text-align: left;
width: 90%;
max-width: 960px;
margin: 0 auto;
padding: 80px 0 0;
}
.documentation article > h1 {
margin: 0;
padding: 0.6em 0;
font-size: 2em;
line-height: 1.5;
}
.documentation aside a.button {
display: block;
}
.documentation pre[class*="language-"] {
margin-top: 10px;
margin-bottom: 40px;
}
.documentation .index pre {
margin: 0;
font-size: .9em;
}
</style>
</head>
<body>
<nav class="fedi">
<!-- <font size="1.5em"> -->
<a href="https://thedroth.rocks" class="brand">
<img class="logo" src="dithers/thedroth_logo.png" />
</a>
<!-- responsive-->
<input id="bmenub" type="checkbox" class="show">
<label for="bmenub" class="burger pseudo button">меню</label>
<div class="menu">
<a href="index.html#proxy" class="pseudo button">Проксирующие сервисы</a>
<a href="index.html#selfhosted" class="pseudo button">Собственные сервисы</a>
2023-07-29 16:31:15 +03:00
<!-- <a href="index.html#blog" class="pseudo button">TheДротский бложик</a> -->
2023-07-10 10:50:23 +03:00
</div>
<!-- </font> -->
</nav>
<main id="home" class="documentation">
<section class="flex">
<article class="card four-fifth-1000">
<header>TheDrothские сервисы</header>
<section class="flex">
<article class="card">
<center>
<header id="proxy">Проксирующие</header>
2023-07-29 16:31:15 +03:00
<div class="">
2023-07-10 10:50:23 +03:00
<h4>Piped</h4>
<p>Лёгкий приватный интерфейс для YouTube, умеюший автоматически проматывать рекламные вставки. Зачем кормить гугл, если можно не кормить...</p>
<a href="https://piped.thedroth.rocks"><img src="dithers/piped.png" width="60%"></a>
</div>
<hr>
2023-07-29 16:31:15 +03:00
<div class="">
2023-07-10 10:50:23 +03:00
<h4>Teddit</h4>
<p>Быстрый и лёгкий фронтэнд для Reddit</p>
<a href="https://teddit.thedroth.rocks"><img src="dithers/teddit.png" width="60%"></a>
</div>
<!-- <hr>
<div class="flex">
<h4>Nitter</h4>
<p>Интерфейс для Twitter, избавленный от всего лишнего</p>
<a href="https://nitter.thedroth.rocks"><img src="dithers/nitter.png" width="60%"></a>
</div>
-->
<hr>
2023-07-29 16:31:15 +03:00
<div class="">
2023-07-10 10:50:23 +03:00
<h4>Rural Dictionary</h4>
<p>Фронтэнд для Urban Dictionary. Знакомься с современным фольклором и сленгом без корпоративной слежки!</p>
<a href="https://rd.thedroth.rocks"><img src="dithers/rd.png" width="60%"></a>
</div>
<hr>
2023-07-29 16:31:15 +03:00
<div class="">
2023-07-10 10:50:23 +03:00
<h4>WikiLess</h4>
<p>Wikipedia без ненужных элементов и трекеров</p>
<a href="https://wiki.thedroth.rocks"><img src="dithers/wikiless.png" width="60%"></a>
</div>
</center>
</article>
</section>
<section class="flex">
<article class="card">
<center>
<header id="selfhosted">Собственные</header>
2023-07-31 16:23:27 +03:00
<div class="">
<h4>Asocial</h4>
<p>Lemmy - федеративный форум-аггрегатор ссылок в стиле Reddit</p>
<a href="https://asocial.thedroth.rocks"><img src="dithers/lemmy.png" width="60%"></a>
</div>
<hr>
2023-07-29 16:31:15 +03:00
<div class="">
<h4>TheДротский поиск</h4>
<p>SearXNG — метапоисковый сервис (поиск через Google, Bing, DuckDuckGo...)</p>
<a href="https://search.thedroth.rocks"><img src="dithers/searx.png" width="60%"></a>
</div>
<hr>
<div class="">
2023-07-10 10:50:23 +03:00
<h4>Git</h4>
<p>Хранилище исходных кодов</p>
<a href="https://git.thedroth.rocks"><img src="dithers/git.png" width="60%"></a>
</div>
<hr>
2023-07-29 16:31:15 +03:00
<div class="">
2023-07-10 10:50:23 +03:00
<h4>TheДротский Фонк</h4>
<p>FunkWhale — хостинг музыки и подкастов</p>
<a href="https://fonk.thedroth.rocks"><img src="dithers/fonk.png" width="60%"></a>
</div>
<hr>
2023-07-29 16:31:15 +03:00
<div class="">
2023-07-10 10:50:23 +03:00
<h4>RSS Bridge</h4>
<p>Конвертация новостных лент в RSS</p>
<a href="https://rss.thedroth.rocks"><img src="dithers/rss.png" width="60%"></a>
</div>
</center>
</article>
</section>
</article>
2023-07-29 16:31:15 +03:00
<!--
2023-07-10 10:50:23 +03:00
<article class="card four-fifth-1000">
<section class="flex">
<article class="card">
<div class="flex" id="blog"> <center>
<span>
<iframe style="border:none;" width="90%" height="700px" seamless src="https://blog.thedroth.rocks"></iframe> </span>
<span>
</center>
</div>
</article>
</section>
</article>
2023-07-29 16:31:15 +03:00
-->
2023-07-10 10:50:23 +03:00
</section>
</main>
<section>
<hr>
2023-07-10 10:54:15 +03:00
<a href="https://git.thedroth.rocks/sn4il/thedroth-rocks.git">Исходный код сайта</a>
2023-07-10 10:50:23 +03:00
</section>
</body>
</html>