177 lines
3.6 KiB
HTML
177 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<style>
|
|
body {
|
|
font: 18px "Hack";
|
|
background: #1D2021;
|
|
}
|
|
|
|
a {
|
|
color: #a89984;
|
|
text-decoration: none;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 1.4em;
|
|
font-weight: normal;
|
|
margin: 10px 0 10px 0;
|
|
}
|
|
|
|
ul {
|
|
text-align: center;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
ul:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
ul > li:hover a {
|
|
transition: color 1.5s ease;
|
|
color: #d5c4a1;
|
|
}
|
|
|
|
ul > li a:hover {
|
|
transition: color 0.2s ease;
|
|
color: #fbf1c7;
|
|
}
|
|
|
|
ul > li:nth-child(1n) h1 {
|
|
color: #458588;
|
|
}
|
|
|
|
ul > li:nth-child(2n) h1 {
|
|
color: #b16286;
|
|
}
|
|
|
|
ul > li:nth-child(3n) h1 {
|
|
color: #98971a;
|
|
}
|
|
|
|
ul > li:nth-child(4n) h1 {
|
|
color: #d65d0e;
|
|
}
|
|
|
|
ul > li:nth-child(5n) h1 {
|
|
color: #689d6a;
|
|
}
|
|
|
|
ul > li:nth-child(6n) h1 {
|
|
color: #d79921;
|
|
}
|
|
|
|
ul > li:nth-child(7n) h1 {
|
|
color: #cc241d;
|
|
}
|
|
|
|
ul > li:nth-child(8n) h1 {
|
|
color: #859900;
|
|
}
|
|
|
|
@media (max-width: 900px) {
|
|
ul li > ul {
|
|
display: none;
|
|
}
|
|
|
|
ul li:hover ul {
|
|
display: block;
|
|
}
|
|
|
|
}
|
|
|
|
@media (min-width: 900px) {
|
|
|
|
body > ul {
|
|
width: 800px;
|
|
}
|
|
|
|
body > ul > li {
|
|
float: left;
|
|
width: 180px;
|
|
margin: 0 10px;
|
|
}
|
|
}
|
|
|
|
@media (max-height: 500px) {
|
|
body > ul {
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
|
|
@media (min-height: 500px) {
|
|
body > ul {
|
|
margin: 200px auto 0 auto;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<center>
|
|
</center>
|
|
|
|
<ul>
|
|
<li>
|
|
<h1>social</h1>
|
|
<ul>
|
|
<li><a href="https://twitter.com">twitter</a></li>
|
|
<li><a href="https://mst3k.interlinked.me">mst3k</a></li>
|
|
<li><a href="https://youtube.com">youtube</a></li>
|
|
<li><a href="https://lobste.rs">lobsters</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<h1>git</h1>
|
|
<ul>
|
|
<li><a href="https://github.com">github</a></li>
|
|
<li><a href="https://tulpa.dev">tulpa.dev</a></li>
|
|
<li><a href="https://github.com/Xe/xepkgs">xepkgs</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<h1>nixos</h1>
|
|
<ul>
|
|
<li><a href="https://nixos.org/nixos/options.html">options</a></li>
|
|
<li><a href="https://nixos.org/nixos/manual/">manual</a></li>
|
|
<li><a href="https://nixos.org/nixpkgs/manual/">nixpkgs manual</a></li>
|
|
<li><a href="https://nixos.org/nix/manual/">nix manual</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<h1>within</h1>
|
|
<ul>
|
|
<li><a href="https://maison.within.website">maison</a></li>
|
|
<li><a href="https://g.o">g.o</a></li>
|
|
<li><a href="https://mi.within.website">mi</a></li>
|
|
<li><a href="https://christine.website">site</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<h1>lojban</h1>
|
|
<ul>
|
|
<li><a href="https://lojban.pw/cll/uncll-1.2.6/xhtml_section_chunks/">cll</a></li>
|
|
<li><a href="http://lojban.github.io/ilmentufa/camxes.html">camxes</a></li>
|
|
<li><a href="https://la-lojban.github.io/sutysisku/en/">sutysisku</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<h1>reddit</h1>
|
|
<ul>
|
|
<li><a href="https://www.reddit.com/r/tulpas/">/r/tulpas</a></li>
|
|
<li><a href="https://www.reddit.com/r/conlangs/">/r/conlangs</a></li>
|
|
<li><a href="https://www.reddit.com/r/unixporn/">/r/unixporn</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<h1>owo</h1>
|
|
<ul>
|
|
<li><a href="https://e621.net">e621</a></li>
|
|
<li><a href="https://www.reddit.com/r/yiff">/r/yiff</a></li>
|
|
<li><a href="https://derpibooru.org">derpibooru</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<h1></h1>
|
|
</li>
|
|
</ul>
|