197 lines
6.1 KiB
HTML
197 lines
6.1 KiB
HTML
<!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>
|
||
<a href="index.html#blog" class="pseudo button">TheДротский бложик</a>
|
||
</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>
|
||
<div class="flex">
|
||
<h4>Piped</h4>
|
||
<p>Лёгкий приватный интерфейс для YouTube, умеюший автоматически проматывать рекламные вставки. Зачем кормить гугл, если можно не кормить...</p>
|
||
<a href="https://piped.thedroth.rocks"><img src="dithers/piped.png" width="60%"></a>
|
||
</div>
|
||
<hr>
|
||
<div class="flex">
|
||
<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>
|
||
<div class="flex">
|
||
<h4>Rural Dictionary</h4>
|
||
<p>Фронтэнд для Urban Dictionary. Знакомься с современным фольклором и сленгом без корпоративной слежки!</p>
|
||
<a href="https://rd.thedroth.rocks"><img src="dithers/rd.png" width="60%"></a>
|
||
</div>
|
||
<hr>
|
||
<div class="flex">
|
||
<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>
|
||
<div class="flex">
|
||
<h4>Git</h4>
|
||
<p>Хранилище исходных кодов</p>
|
||
<a href="https://git.thedroth.rocks"><img src="dithers/git.png" width="60%"></a>
|
||
</div>
|
||
<hr>
|
||
<div class="flex">
|
||
<h4>TheДротский Фонк</h4>
|
||
<p>FunkWhale — хостинг музыки и подкастов</p>
|
||
<a href="https://fonk.thedroth.rocks"><img src="dithers/fonk.png" width="60%"></a>
|
||
</div>
|
||
<hr>
|
||
<div class="flex">
|
||
<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>
|
||
<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>
|
||
|
||
</section>
|
||
</main>
|
||
<section>
|
||
<hr>
|
||
<a href="https://gitflic.ru/project/the_sn4il/thedroth-rocks">Исходный код сайта</a>
|
||
</section>
|
||
</body>
|
||
</html>
|