Minification
1
css/picnic.min.css
vendored
1
css/style.css
Executable file
@ -1,4 +1,4 @@
|
|||||||
#!/usr/bin/python3
|
#!/usr/local/bin/python3.8
|
||||||
|
|
||||||
import hitherdither
|
import hitherdither
|
||||||
import os
|
import os
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 7.9 KiB After Width: | Height: | Size: 3.1 KiB |
1
dithers/favicon_dithered.png
Symbolic link
@ -0,0 +1 @@
|
|||||||
|
favicon.png
|
||||||
BIN
dithers/fonk.png
|
Before Width: | Height: | Size: 7.1 KiB |
BIN
dithers/git_dithered.png
Normal file
|
After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 24 KiB |
BIN
dithers/piped_dithered.png
Normal file
|
After Width: | Height: | Size: 45 KiB |
BIN
dithers/rd.png
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 6.9 KiB |
BIN
favicon.png
|
Before Width: | Height: | Size: 69 KiB After Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 4.5 KiB |
BIN
images/fonk.png
|
Before Width: | Height: | Size: 61 KiB |
BIN
images/git.png
|
Before Width: | Height: | Size: 76 KiB |
|
Before Width: | Height: | Size: 209 KiB |
BIN
images/piped.png
|
Before Width: | Height: | Size: 267 KiB |
BIN
images/rd.png
|
Before Width: | Height: | Size: 91 KiB |
BIN
images/rss.png
|
Before Width: | Height: | Size: 41 KiB |
BIN
images/searx.png
|
Before Width: | Height: | Size: 75 KiB |
|
Before Width: | Height: | Size: 156 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 209 KiB |
153
index.html
@ -9,145 +9,40 @@
|
|||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<title>TheDroth Rocks! </title>
|
<title>TheDroth Rocks! </title>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<link rel="stylesheet" href="css/picnic.min.css">
|
<link rel="stylesheet" href="css/style.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>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<nav class="fedi">
|
|
||||||
<!-- <font size="1.5em"> -->
|
|
||||||
<a href="https://thedroth.rocks" class="brand">
|
<a href="https://thedroth.rocks" class="brand">
|
||||||
<img class="logo" src="dithers/thedroth_logo.png" />
|
<img class="logo" src="dithers/thedroth_logo.png" />
|
||||||
|
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
<div class="site-container">
|
||||||
|
|
||||||
<!-- responsive-->
|
<main>
|
||||||
<input id="bmenub" type="checkbox" class="show">
|
<article class="post">
|
||||||
<label for="bmenub" class="burger pseudo button">меню</label>
|
<div class="wrapper post__entry">
|
||||||
|
|
||||||
<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>
|
<center>
|
||||||
<header id="proxy">Проксирующие</header>
|
|
||||||
|
<h2>TheDrothские сервисы</h2>
|
||||||
|
<h3 id="proxy">Проксирующие</h3>
|
||||||
<div class="">
|
<div class="">
|
||||||
<h4>Piped</h4>
|
<h4>Piped</h4>
|
||||||
<p>Лёгкий приватный интерфейс для YouTube, умеюший автоматически проматывать рекламные вставки. Зачем кормить гугл, если можно не кормить...</p>
|
<p>Лёгкий приватный интерфейс для YouTube, умеюший автоматически проматывать рекламные вставки. Зачем кормить гугл, если можно не кормить...</p>
|
||||||
<a href="https://piped.thedroth.rocks"><img src="dithers/piped.png" width="60%"></a>
|
<a href="https://piped.thedroth.rocks"><img src="dithers/piped.png" width="60%"></a>
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr>
|
||||||
<div class="">
|
|
||||||
<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="">
|
|
||||||
<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="">
|
<div class="">
|
||||||
<h4>WikiLess</h4>
|
<h4>WikiLess</h4>
|
||||||
<p>Wikipedia без ненужных элементов и трекеров</p>
|
<p>Wikipedia без ненужных элементов и трекеров</p>
|
||||||
<a href="https://wiki.thedroth.rocks"><img src="dithers/wikiless.png" width="60%"></a>
|
<a href="https://wiki.thedroth.rocks"><img src="dithers/wikiless.png" width="60%"></a>
|
||||||
</div>
|
</div>
|
||||||
</center>
|
</center>
|
||||||
</article>
|
<div class="wrapper post__entry">
|
||||||
</section>
|
|
||||||
<section class="flex">
|
|
||||||
<article class="card">
|
|
||||||
<center>
|
<center>
|
||||||
<header id="selfhosted">Собственные</header>
|
<h3> id="selfhosted">Собственные</h3>
|
||||||
<div class="">
|
<div class="">
|
||||||
<h4>Asocial</h4>
|
<h4>Asocial</h4>
|
||||||
<p>Lemmy - федеративный форум-аггрегатор ссылок в стиле Reddit</p>
|
<p>Lemmy - федеративный форум-аггрегатор ссылок в стиле Reddit</p>
|
||||||
@ -168,43 +63,17 @@
|
|||||||
<a href="https://git.thedroth.rocks"><img src="dithers/git.png" width="60%"></a>
|
<a href="https://git.thedroth.rocks"><img src="dithers/git.png" width="60%"></a>
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr>
|
||||||
<div class="">
|
|
||||||
<h4>TheДротский Фонк</h4>
|
|
||||||
<p>FunkWhale — хостинг музыки и подкастов</p>
|
|
||||||
<a href="https://fonk.thedroth.rocks"><img src="dithers/fonk.png" width="60%"></a>
|
|
||||||
</div>
|
|
||||||
<hr>
|
|
||||||
<div class="">
|
<div class="">
|
||||||
<h4>RSS Bridge</h4>
|
<h4>RSS Bridge</h4>
|
||||||
<p>Конвертация новостных лент в RSS</p>
|
<p>Конвертация новостных лент в RSS</p>
|
||||||
<a href="https://rss.thedroth.rocks"><img src="dithers/rss.png" width="60%"></a>
|
<a href="https://rss.thedroth.rocks"><img src="dithers/rss.png" width="60%"></a>
|
||||||
</div>
|
</div>
|
||||||
</center>
|
</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>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</article>
|
</article>
|
||||||
</section>
|
|
||||||
</article>
|
|
||||||
-->
|
|
||||||
|
|
||||||
</section>
|
|
||||||
</main>
|
</main>
|
||||||
<section>
|
|
||||||
<hr>
|
<hr>
|
||||||
<a href="https://git.thedroth.rocks/sn4il/thedroth-rocks.git">Исходный код сайта</a>
|
<a href="https://git.thedroth.rocks/sn4il/thedroth-rocks.git">Исходный код сайта</a>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
4
js/jquery.min.js
vendored
@ -1,8 +0,0 @@
|
|||||||
function dropme() {
|
|
||||||
var x = document.getElementById("rtopnav");
|
|
||||||
if (x.className === "topnav") {
|
|
||||||
x.className += " responsive";
|
|
||||||
} else {
|
|
||||||
x.className = "topnav";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
36
js/popup.js
@ -1,36 +0,0 @@
|
|||||||
function openModal() {
|
|
||||||
document.getElementById("myModal").style.display = "block";
|
|
||||||
}
|
|
||||||
|
|
||||||
function closeModal() {
|
|
||||||
document.getElementById("myModal").style.display = "none";
|
|
||||||
}
|
|
||||||
|
|
||||||
var slideIndex = 1;
|
|
||||||
showSlides(slideIndex);
|
|
||||||
|
|
||||||
function plusSlides(n) {
|
|
||||||
showSlides(slideIndex += n);
|
|
||||||
}
|
|
||||||
|
|
||||||
function currentSlide(n) {
|
|
||||||
showSlides(slideIndex = n);
|
|
||||||
}
|
|
||||||
|
|
||||||
function showSlides(n) {
|
|
||||||
var i;
|
|
||||||
var slides = document.getElementsByClassName("mySlides");
|
|
||||||
var dots = document.getElementsByClassName("demo");
|
|
||||||
var captionText = document.getElementById("caption");
|
|
||||||
if (n > slides.length) {slideIndex = 1}
|
|
||||||
if (n < 1) {slideIndex = slides.length}
|
|
||||||
for (i = 0; i < slides.length; i++) {
|
|
||||||
slides[i].style.display = "none";
|
|
||||||
}
|
|
||||||
for (i = 0; i < dots.length; i++) {
|
|
||||||
dots[i].className = dots[i].className.replace(" active", "");
|
|
||||||
}
|
|
||||||
slides[slideIndex-1].style.display = "block";
|
|
||||||
dots[slideIndex-1].className += " active";
|
|
||||||
captionText.innerHTML = dots[slideIndex-1].alt;
|
|
||||||
}
|
|
||||||
