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 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 |
157
index.html
@ -9,132 +9,30 @@
|
||||
<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>
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
</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>
|
||||
|
||||
<div class="site-container">
|
||||
|
||||
<!-- responsive-->
|
||||
<input id="bmenub" type="checkbox" class="show">
|
||||
<label for="bmenub" class="burger pseudo button">меню</label>
|
||||
<main>
|
||||
<article class="post">
|
||||
<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>
|
||||
<header id="proxy">Проксирующие</header>
|
||||
|
||||
<h2>TheDrothские сервисы</h2>
|
||||
<h3 id="proxy">Проксирующие</h3>
|
||||
<div class="">
|
||||
<h4>Piped</h4>
|
||||
<p>Лёгкий приватный интерфейс для YouTube, умеюший автоматически проматывать рекламные вставки. Зачем кормить гугл, если можно не кормить...</p>
|
||||
<a href="https://piped.thedroth.rocks"><img src="dithers/piped.png" width="60%"></a>
|
||||
</div>
|
||||
<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="">
|
||||
<h4>WikiLess</h4>
|
||||
@ -142,12 +40,9 @@
|
||||
<a href="https://wiki.thedroth.rocks"><img src="dithers/wikiless.png" width="60%"></a>
|
||||
</div>
|
||||
</center>
|
||||
</article>
|
||||
</section>
|
||||
<section class="flex">
|
||||
<article class="card">
|
||||
<div class="wrapper post__entry">
|
||||
<center>
|
||||
<header id="selfhosted">Собственные</header>
|
||||
<h3> id="selfhosted">Собственные</h3>
|
||||
<div class="">
|
||||
<h4>Asocial</h4>
|
||||
<p>Lemmy - федеративный форум-аггрегатор ссылок в стиле Reddit</p>
|
||||
@ -168,43 +63,17 @@
|
||||
<a href="https://git.thedroth.rocks"><img src="dithers/git.png" width="60%"></a>
|
||||
</div>
|
||||
<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="">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
</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://git.thedroth.rocks/sn4il/thedroth-rocks.git">Исходный код сайта</a>
|
||||
</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;
|
||||
}
|
||||
