Fijxu/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

asasdasdasd

Browse source
This commit is contained in:
Fijxu 2023-12-06 03:01:25 -03:00
parent 1daf7a5334
commit 9693cd5b5b
9 changed files with 591 additions and 487 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
assets/fonts/ChronoType.otf Normal file
View file

Binary file not shown.

BIN
assets/fonts/ChronoType.woff Normal file
View file

Binary file not shown.

BIN
assets/fonts/ChronoType.woff2 Normal file
View file

Binary file not shown.

58
contact/index-en.html
View file

@ -1,34 +1,38 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Contacto"> <meta name="description" content="Contacto">
<link rel="stylesheet" href="../style.css" type="text/css"> <link rel="stylesheet" href="../style.css" type="text/css">
<title>Contact</title> <title>Contact</title>
<style> <style>
h1 { h1 {
font-family: "Gaiatype"; font-family: "Gaiatype";
color: rgb(220, 100, 170); color: rgb(220, 100, 170);
} }
</style> </style>
</head> </head>
<body> <body>
<span style="font-size: 1.2ch; margin: 0 auto" class="langglow"> <span style="font-size: 1.2ch; margin: 0 auto" class="langglow">
<a>Other language?: </a><a href="./index.html">ES</a> <a>Other language?: </a><a href="./index.html">ES</a>
</span> </span>
<div class="content"> <div class="content">
<h1 class="lol">Contact</h1> <h1 class="lol">Contact</h1>
<p style="text-align: center; ">You can contact me trough: <p style="text-align: center; ">You can contact me trough:
</p> </p>
<div style="margin-top: 2px;text-align: center; margin-bottom: 2px;"> <div style="margin-top: 2px;text-align: center; margin-bottom: 2px;">
<p><a href="mailto:admin<at>zzls<dot>xyz">Via email</a><code> (admin[at]zzls[dot]xyz)</code></p> <p><a href="mailto:admin<at>zzls<dot>xyz">Via email</a><code> (admin[at]zzls[dot]xyz)</code></p>
<p><a href="https://matrix.to/#/@fijxu:zzls.xyz">Matrix</a><code> (https://matrix.to/#/@fijxu:zzls.xyz)</code></p> <p><a href="https://matrix.to/#/@fijxu:zzls.xyz">Matrix</a><code> (https://matrix.to/#/@fijxu:zzls.xyz)</code></p>
<p>IRC <code>(OFTC, Libera Chat)</code>: <code>/query Fijxu</code> (Or whatever you use to send private messages via IRC)</p> <p><a>IRC</a> <code>(OFTC, Libera Chat)</code>: <code>/query Fijxu</code> <a>(Or whatever you use to send private messages
<p><a href="">Mastodon</a></p> via IRC)</a></p>
</div> <p><a href="https://noc.social/@fijxu@noc.social">Mastodon</a> <code>(https://noc.social/@fijxu@noc.social)</code></p>
<img src="./assets/1661562598453167.png" class="center"> </div>
</div> <img src="./assets/1661562598453167.png" class="center">
</div>
</body> </body>
</html> </html>

38
contact/index.html Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Contacto">
<link rel="stylesheet" href="../style.css" type="text/css">
<title>Contact</title>
<style>
h1 {
font-family: "Gaiatype";
color: rgb(220, 100, 170);
}
</style>
</head>
<body>
<span style="font-size: 1.2ch; margin: 0 auto" class="langglow">
<a>Other language?: </a><a href="./index.html">ES</a>
</span>
<div class="content">
<h1 class="lol">Contact</h1>
<p style="text-align: center; ">You can contact me trough:
</p>
<div style="margin-top: 2px;text-align: center; margin-bottom: 2px;">
<p><a href="mailto:admin<at>zzls<dot>xyz">Via email</a><code> (admin[at]zzls[dot]xyz)</code></p>
<p><a href="https://matrix.to/#/@fijxu:zzls.xyz">Matrix</a><code> (https://matrix.to/#/@fijxu:zzls.xyz)</code></p>
<p>IRC <code>(OFTC, Libera Chat)</code>: <code>/query Fijxu</code> (Or whatever you use to send private messages
via IRC)</p>
<p><a href="">Mastodon</a></p>
</div>
<img src="./assets/1661562598453167.png" class="center">
</div>
</body>
</html>

16
index-en/index.html
View file

@ -58,7 +58,7 @@
<h2>Services list</h2> <h2>Services list</h2>
<p style="font-size: small; color: burlywood;">⚠️ <i>Before you consider <p style="font-size: small; color: burlywood;">⚠️ <i>Before you consider
using my services on a daily using my services on a daily
basis, the ones marked with <span class="selfhosted">(Self-Hosted)</span> basis, the ones marked with <a class="selfhosted">(Self-Hosted)</a>
may be may be
go down at any time because they are go down at any time because they are
they are hosted with my own home internet. I don't rent dedicated they are hosted with my own home internet. I don't rent dedicated
@ -70,7 +70,7 @@
<li> <li>
<a class="THEYGLOW" style="color: greenyellow;" href="https://4get.zzls.xyz">4get</a> @ <a class="THEYGLOW" style="color: greenyellow;" href="https://4get.zzls.xyz">4get</a> @
🇨🇱 (<a href="http://librex.zzlsghu6mvvwyy75mvga6gaf4znbp3erk5xwfzedb4gg6qqh2j6rlvid.onion/">Tor</a>) 🇨🇱 (<a href="http://librex.zzlsghu6mvvwyy75mvga6gaf4znbp3erk5xwfzedb4gg6qqh2j6rlvid.onion/">Tor</a>)
<span class="selfhosted">(Self-Hosted)</span> ⎯ <span style="background-image: linear-gradient( <a class="selfhosted">(Self-Hosted)</a> ⎯ <span style="background-image: linear-gradient(
90deg, 90deg,
rgba(255, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 0%,
rgba(255, 154, 0, 1) 10%, rgba(255, 154, 0, 1) 10%,
@ -99,7 +99,7 @@
</li> </li>
<li> <li>
<a style="color: greenyellow;"></a><a href="https://matrix.zzls.xyz">Matrix <a style="color: greenyellow;"></a><a href="https://matrix.zzls.xyz">Matrix
Homeserver</a> @ 🇨🇱 <span class="selfhosted">(Self-Hosted)</span> Homeserver</a> @ 🇨🇱 <a class="selfhosted">(Self-Hosted)</a>
⎯ ⎯
Matrix server running <a href="https://github.com/matrix-org/synapse">Synapse</a>, using a Matrix server running <a href="https://github.com/matrix-org/synapse">Synapse</a>, using a
NVME, NVME,
@ -121,7 +121,7 @@
<li> <li>
<a href="https://inv.zzls.xyz">Invidious</a> @ 🇨🇱 (<a <a href="https://inv.zzls.xyz">Invidious</a> @ 🇨🇱 (<a
href="http://inv.zzls.i2p/?i2paddresshelper=6s3qhqcyth644rlssv2sajluvrx632uaucsmnwaowglg6hocxjfa.b32.i2p">I2P</a>) href="http://inv.zzls.i2p/?i2paddresshelper=6s3qhqcyth644rlssv2sajluvrx632uaucsmnwaowglg6hocxjfa.b32.i2p">I2P</a>)
<span class="selfhosted">(Self-Hosted)</span> ⎯ An alternative <a class="selfhosted">(Self-Hosted)</a> ⎯ An alternative
frontend for Youtube, feel free to register. frontend for Youtube, feel free to register.
</li> </li>
<li><s> <li><s>
@ -129,7 +129,7 @@
🇨🇱 (<a href="http://librex.zzlsghu6mvvwyy75mvga6gaf4znbp3erk5xwfzedb4gg6qqh2j6rlvid.onion/">Tor</a>) 🇨🇱 (<a href="http://librex.zzlsghu6mvvwyy75mvga6gaf4znbp3erk5xwfzedb4gg6qqh2j6rlvid.onion/">Tor</a>)
(<a (<a
href="http://librex.zzls.i2p/?i2paddresshelper=huurwog32tny663wkglrhozfoyqyqmsuxjbd7dtudccx44awjda.b32.i2p/">I2P</a>) href="http://librex.zzls.i2p/?i2paddresshelper=huurwog32tny663wkglrhozfoyqyqmsuxjbd7dtudccx44awjda.b32.i2p/">I2P</a>)
<span class="selfhosted">(Self-Hosted)</span> ⎯ "Framework and <a class="selfhosted">(Self-Hosted)</a> ⎯ "Framework and
javascript free privacy javascript free privacy
respecting meta search engine" that uses google to fetch the respecting meta search engine" that uses google to fetch the
results, it acts like a proxy for the results so results, it acts like a proxy for the results so
@ -145,7 +145,7 @@
<a href="https://codeberg.org/video-prize-ranch/rimgo">Source Code</a> <a href="https://codeberg.org/video-prize-ranch/rimgo">Source Code</a>
</li> </li>
<li> <li>
<a href="https://pbin.zzls.xyz">Privatebin</a> @ 🇨🇱 <span class="selfhosted">(Self-Hosted)</span> ⎯ A <a href="https://pbin.zzls.xyz">Privatebin</a> @ 🇨🇱 <a class="selfhosted">(Self-Hosted)</a> ⎯ A
pastebin where the server has 0 knowledge about the pastes, all the pastebin where the server has 0 knowledge about the pastes, all the
data is encrypted in the client side. data is encrypted in the client side.
</li> </li>
@ -159,14 +159,14 @@
<b style="font-size: 1em">➤ Misc Services:</b> <b style="font-size: 1em">➤ Misc Services:</b>
<ul> <ul>
<li> <li>
<a href="https://ayaya.beauty">ayaya.beauty</a> @ 🇨🇱 <span class="selfhosted">(Self-Hosted)</span> ⎯ A <a href="https://ayaya.beauty">ayaya.beauty</a> @ 🇨🇱 <a class="selfhosted">(Self-Hosted)</a> ⎯ A
temporal media uploader using <a href="https://github.com/nokonoko/uguu">Uguu</a>. It allows you to temporal media uploader using <a href="https://github.com/nokonoko/uguu">Uguu</a>. It allows you to
upload files up to <b>512MB</b> (yes, 512MB) and they are deleted upload files up to <b>512MB</b> (yes, 512MB) and they are deleted
automatically in 7 days. automatically in 7 days.
</li> </li>
<li> <li>
<a style="color: greenyellow;"></a><a href="https://git.zzls.xyz">Forgejo</a> <a style="color: greenyellow;"></a><a href="https://git.zzls.xyz">Forgejo</a>
@ 🇨🇱 <span class="selfhosted">(Self-Hosted)</span> ⎯ A git @ 🇨🇱 <a class="selfhosted">(Self-Hosted)</a> ⎯ A git
server where you can host server where you can host
your personal projects or make mirrors of other git repositories your personal projects or make mirrors of other git repositories
with the intention of archiving them. with the intention of archiving them.

564
index.html
View file

@ -2,242 +2,265 @@
<html lang="es"> <html lang="es">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Wuuuuu~</title> <title>Wuuuuu~</title>
<meta name="description" <meta name="description"
content="Alojando servicios de privacidad online para el internet, y mas mierdas que me interesan"> content="Alojando servicios de privacidad online para el internet, y mas mierdas que me interesan">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="Privacy Services, Invidious, 4get, Matrix Federation"> <meta name="keywords" content="Privacy Services, Invidious, 4get, Matrix Federation">
<link rel="stylesheet" href="/style.css" type="text/css"> <link rel="stylesheet" href="/style.css" type="text/css">
<link rel="icon" type="image/x-icon" href="./favicon.ico"> <link rel="icon" type="image/x-icon" href="./favicon.ico">
<a rel="Mastodon" href="https://noc.social/@fijxu"></a> <a rel="Mastodon" href="https://noc.social/@fijxu"></a>
<style> <style>
.lol { .lol {
width: 300vh; width: 300vh;
height: auto; height: auto;
max-height: 100%; max-height: 100%;
max-width: 100%; max-width: 100%;
} }
</style> </style>
</head> </head>
<body> <body>
<div class="top"> <div class="top">
<a class="langglow">Other language?: <a class="langglow" href="./index-en">EN</a></a> | <a class="langglow">Other language?: <a class="langglow" href="./index-en">EN</a></a> |
<a href="./donar/">Donaciones</a> | <a href="./donar/">Donaciones</a> |
<a href="./privacy/">Política de Privacidad</a> | <a href="./privacy/">Política de Privacidad</a> |
<a href="https://files.zzls.xyz">Archivos</a> | <a href="https://files.zzls.xyz">Archivos</a> |
<a href="./anuncios/">Anuncios</a> | <a href="./anuncios/">Anuncios</a> |
<a>Contacto: <a href="https://matrix.to/#/@fijxu:zzls.xyz">@fijxu:zzls.xyz</a> | <a href="./contact/">Contacto</a> |
<a href="./transparency">Transparencia</a> | <a href="./transparency">Transparencia</a> |
<a href="./minecraft">Server de Minecraft (TOTALMENTE VIVO!)</a> | <a href="./minecraft">Server de Minecraft (TOTALMENTE VIVO!)</a> |
<a href="https://noc.social/@fijxu">Mastodon</a> | <a href="https://noc.social/@fijxu">Mastodon</a> |
<a href="https://zzls.xyz/trafficstats">Estadísticas de tráfico de Internet</a> | <a href="https://zzls.xyz/trafficstats">Estadísticas de tráfico de Internet</a> |
<a href="https://blog.zzls.xyz/es">Blog</a> <a href="https://blog.zzls.xyz/es">Blog</a>
</div> </div>
<div class="content"> <div class="content">
<h1>lol</h1> <h1 class="tilttext">Erm...</h1>
<p class="lastupdate">Ultima Actualización: 2023-11-27</p> <p class="lastupdate">Ultima Actualización: 2023-12-06</p>
<p> <p style="color: rgb(214, 164, 248); font-size: smaller;">La pagina esta desactualizada y a medio terminar, pueden haber cosas que no cuadren entre la version en español e ingles de la pagina. Me aburri y me dio sueño lol</p>
Hola, me conocen como "<b>Fijxu</b>" y me dedico a alojar servicios <p style="color: rgb(214, 164, 248); font-size: smaller;">The site is outdated and half finished, there may be things that do not match between the English and Spanish version of the site. I got bored and I got sleepy lol</p>
enfocados a <p>
la Hola, me conocen como "<b>Fijxu</b>" y me dedico a alojar servicios
privacidad y otros tipos de servicios varios para enfocados a
Latinoamérica y el mundo. A muy poca gente de Latinoamérica la
le importa su privacidad (por mera ignorancia y privacidad y otros tipos de servicios varios para
conveniencia) asi que aquí estoy yo, haciéndolo todo más Latinoamérica y el mundo. A muy poca gente de Latinoamérica
fácil para esa gente que quiere empezar a cuidar de le importa su privacidad (por mera ignorancia y
sus datos personales. Obviamente, si eres de otro país, como Estados Unidos o un país europeo siéntete libre conveniencia) asi que aquí estoy yo, haciéndolo todo más
de utilizarlos, mientras funcionen para ti, todo bien. fácil para esa gente que quiere empezar a cuidar de
</p> sus datos personales. Obviamente, si eres de otro país, como Estados Unidos o un país europeo siéntete libre
<h2>Lista de servicios</h2> de utilizarlos, mientras funcionen para ti, todo bien.
<p style="font-size: small; color: burlywood;">⚠️ <i>Por favor, </p>
antes de que pienses usar mis servicios de forma <h2>Lista de servicios</h2>
diaria, toma en cuenta que los que están marcados con <p style="font-size: small; color: burlywood;">⚠️ <i>Por favor,
<span class="selfhosted">(Self-Hosted)</span> antes de que pienses usar mis servicios de forma
pueden diaria, toma en cuenta que los que están marcados con
caerse en cualquier momento porque <a class="selfhosted">(Self-Hosted)</a>
están alojados con mi propio internet, no arriendo pueden
servidores dedicados para estos servicios. caerse en cualquier momento porque
(Porque no soy capaz de pagarlo xD)</i> están alojados con mi propio internet, no arriendo
</p> servidores dedicados para estos servicios.
<h4>Servicios enfocados a la Privacidad:</h4> (Porque no soy capaz de pagarlo xD)</i>
<ul> </p>
<li> <h4>Servicios enfocados a la Privacidad:</h4>
<a class="THEYGLOW" style="color: greenyellow;" href="https://4get.zzls.xyz">4get</a> @ <ul>
🇨🇱 (<a href="http://4get.zzlsghu6mvvwyy75mvga6gaf4znbp3erk5xwfzedb4gg6qqh2j6rlvid.onion/">Tor</a>) <li>
<span class="selfhosted">(Self-Hosted)</span> ⎯ <span style="background-image: linear-gradient( <a class="THEYGLOW" style="color: greenyellow;" href="https://4get.zzls.xyz">4get</a> @
90deg, 🇨🇱 (<a href="http://4get.zzlsghu6mvvwyy75mvga6gaf4znbp3erk5xwfzedb4gg6qqh2j6rlvid.onion/">Tor</a>)
rgba(255, 0, 0, 1) 0%, <a class="selfhosted">(Self-Hosted)</a>
rgba(255, 154, 0, 1) 10%, <p class="rainbowtext">"Un
rgba(208, 222, 33, 1) 20%, metabuscador que
rgba(79, 220, 74, 1) 30%, obtiene resultados de otros motores y elimina todo
rgba(63, 218, 216, 1) 40%, el rastreo y la mierda de Microsoft/globohomo que
rgba(47, 201, 226, 1) 50%, añaden." <a href="https://git.lolcat.ca/lolcat/4get">Codigo fuente</a>
rgba(28, 127, 238, 1) 60%, </p>
rgba(95, 21, 242, 1) 70%, </li>
rgba(186, 12, 248, 1) 80%, <li>
rgba(251, 7, 217, 1) 90%, <a class="THEYGLOW" style="color: greenyellow;" href="https://4getus.zzls.xyz">4get</a> @
rgba(255, 0, 0, 1) 100% 🇺🇸 (<a href="http://4getus.zzls2vhse6jeahgdz5snle37dnngmbeh4jgug5xvsdpmlchaw3ieonid.onion/">Tor</a>)
); color: transparent; background-clip: text; -webkit-background-clip: text;">"Un <p>
metabuscador que Lo mismo que el anterior pero en estados unidos.
obtiene resultados de otros motores y elimina todo Podría ser más estable porque está en un VPS, pero
el rastreo y la mierda de Microsoft/globohomo que tiene más probabilidad de conseguir "rate limit"
añaden."</span> <a href="https://git.lolcat.ca/lolcat/4get">Codigo también.
fuente</a> </p>
</li> </li>
<li> <li>
<a class="THEYGLOW" style="color: greenyellow;" href="https://4getus.zzls.xyz">4get</a> @
🇺🇸 (<a href="http://4getus.zzls2vhse6jeahgdz5snle37dnngmbeh4jgug5xvsdpmlchaw3ieonid.onion/">Tor</a>)
⎯ Lo mismo que el anterior pero en estados unidos.
Podría ser más estable porque está en un VPS, pero
tiene más probabilidad de conseguir "rate limit"
también.
</li>
<li>
<a style="color: greenyellow;"></a><a href="https://matrix.zzls.xyz">Matrix</a> @ 🇨🇱
<span class="selfhosted">(Self-Hosted)</span> ⎯ Servidor
de Matrix que usa <a href="https://github.com/matrix-org/synapse">Synapse</a>,
con un NVME, PostgreSQL y un buen CPU. Es compatible con
Spaces, Threading y otras funciones
experimentales.
<p>También
integra mautrix-whatsapp</p>
Si quieres una cuenta
contactame por <a href="https://matrix.to/#/@fijxu:zzls.xyz">Matrix</a>
</li>
<li>
<a href="https://search.zzls.xyz">SearxNG</a> @ 🇨🇱 (<a <a style="color: greenyellow;"></a><a href="https://matrix.zzls.xyz">Matrix</a> @ 🇨🇱
href="http://searxdr3pqz4nydgnqocsia2xbywptxbkympa2emn7zlgggrir4bkfad.onion/">Tor</a>) <a class="selfhosted">(Self-Hosted)</a>
⎯ <p>Servidor
Un metabuscador de Matrix que usa <a href="https://github.com/matrix-org/synapse">Synapse</a>,
que agrega resultados de más de 70 con un NVME, PostgreSQL y un buen CPU. Es compatible con
servicios de búsqueda. Spaces, Threading y otras funciones
<a href="https://github.com/searxng/searxng">Código experimentales.
Fuente</a>, También integra mautrix-whatsapp
<a href="https://searx.space">Otras Instancias</a> Si quieres una cuenta
</li> contactame por <a href="https://matrix.to/#/@fijxu:zzls.xyz">Matrix</a>
<li> </p>
<a href="https://inv.zzls.xyz">Invidious</a> @ 🇨🇱 (<a </li>
href="http://inv.zzls.i2p/?i2paddresshelper=6s3qhqcyth644rlssv2sajluvrx632uaucsmnwaowglg6hocxjfa.b32.i2p">I2P</a>) <li>
<span class="selfhosted">(Self-Hosted)</span> ⎯ Un <a href="https://search.zzls.xyz">SearxNG</a> @ 🇨🇱 (<a
front-end alternativo a YouTube. href="http://searxdr3pqz4nydgnqocsia2xbywptxbkympa2emn7zlgggrir4bkfad.onion/">Tor</a>)
Siéntete libre de usar las descargas y registrarte. <p>
</li> Un metabuscador
<li><s> que agrega resultados de más de 70
<a href="https://librex.zzls.xyz">LibreX</a> servicios de búsqueda.
@ 🇨🇱 (<a href="http://librex.zzlsghu6mvvwyy75mvga6gaf4znbp3erk5xwfzedb4gg6qqh2j6rlvid.onion/">Tor</a>) <a href="https://github.com/searxng/searxng">Código
(<a Fuente</a>,
href="http://librex.zzls.i2p/?i2paddresshelper=huurwog32tny663wkglrhozfoyqyqmsuxjbd7dtudccx44awjda.b32.i2p/">I2P</a>) <a href="https://searx.space">Otras Instancias</a>
<span class="selfhosted">(Self-Hosted)</span> ⎯ "Metabuscador </p>
libre de frameworks y javascript que </li>
respeta tu privacidad". Usa google y <li>
otros motores de búsqueda <a href="https://inv.zzls.xyz">Invidious</a> @ 🇨🇱 (<a
para obtener los resultados, asi que ninguna de tu href="http://inv.zzls.i2p/?i2paddresshelper=6s3qhqcyth644rlssv2sajluvrx632uaucsmnwaowglg6hocxjfa.b32.i2p">I2P</a>)
información es revelada a hacia los motores de <a class="selfhosted">(Self-Hosted)</a>
búsqueda, se podría decir que actúa como un proxy. <a href="https://github.com/hnhx/librex">Codigo <p>
Fuente</a></s> INSTANCIA MUERTA, ME ABURRI DE ALOJAR LIBREY XD.</li> Un
<li> front-end alternativo a YouTube.
<a href="https://ri.zzls.xyz">Rimgo</a> @ 🇨🇱 (<a Siéntete libre de usar las descargas y registrarte.
href="http://rimgo.zzlsghu6mvvwyy75mvga6gaf4znbp3erk5xwfzedb4gg6qqh2j6rlvid.onion/">Tor</a>) </p>
(<a </li>
href="http://rimgo.zzls.i2p/?i2paddresshelper=p57356k2xwhxrg2lxrjajcftkrptv4zejeeblzfgkcvpzuetkz2a.b32.i2p">I2P</a>) <!-- <li><s>
⎯ Un proxy de Imgur que es capaz de cargar <a href="https://librex.zzls.xyz">LibreX</a>
las imágenes mucho mas rápido que la pagina de Imgur @ 🇨🇱 (<a href="http://librex.zzlsghu6mvvwyy75mvga6gaf4znbp3erk5xwfzedb4gg6qqh2j6rlvid.onion/">Tor</a>)
ocultando tu IP. (<a
<a href="https://codeberg.org/video-prize-ranch/rimgo">Código href="http://librex.zzls.i2p/?i2paddresshelper=huurwog32tny663wkglrhozfoyqyqmsuxjbd7dtudccx44awjda.b32.i2p/">I2P</a>)
Fuente</a> <a class="selfhosted">(Self-Hosted)</a> ⎯ "Metabuscador
</li> libre de frameworks y javascript que
<li> respeta tu privacidad". Usa google y
<a href="https://pbin.zzls.xyz">Privatebin</a> @ 🇨🇱 otros motores de búsqueda
<span class="selfhosted">(Self-Hosted)</span> ⎯ Un para obtener los resultados, asi que ninguna de tu
pastebin donde el servidor tiene 0 conocimiento sobre información es revelada a hacia los motores de
los pastes, todos los búsqueda, se podría decir que actúa como un proxy. <a href="https://github.com/hnhx/librex">Codigo
datos están encriptados en el lado del cliente usando Fuente</a></s> INSTANCIA MUERTA, ME ABURRI DE ALOJAR LIBREY XD.
AES-256. </li> -->
</li> <li>
</ul> <a href="https://ri.zzls.xyz">Rimgo</a> @ 🇨🇱 (<a
<h4>Servicios Varios:</h4> href="http://rimgo.zzlsghu6mvvwyy75mvga6gaf4znbp3erk5xwfzedb4gg6qqh2j6rlvid.onion/">Tor</a>)
<ul> (<a
<li> href="http://rimgo.zzls.i2p/?i2paddresshelper=p57356k2xwhxrg2lxrjajcftkrptv4zejeeblzfgkcvpzuetkz2a.b32.i2p">I2P</a>)
<a href="https://ayaya.beauty">ayaya.beauty</a> @ 🇨🇱 <p>
<span class="selfhosted">(Self-Hosted)</span> ⎯ Un proxy de Imgur que es capaz de cargar
Un subidor multimedia temporal las imágenes mucho mas rápido que la pagina de Imgur
que usa <a href="https://github.com/nokonoko/uguu">Uguu</a>, ocultando tu IP.
permite <a href="https://codeberg.org/video-prize-ranch/rimgo">Código
subir archivos de hasta 512MB como máximo con una Fuente</a>
duración de 7 Dias. </p>
</li> </li>
<li> <li>
<a style="color: greenyellow;"></a><a href="https://git.zzls.xyz">Forgejo</a> @ 🇨🇱 <a href="https://pbin.zzls.xyz">Privatebin</a> @ 🇨🇱
<span class="selfhosted">(Self-Hosted)</span> ⎯ Un <a class="selfhosted">(Self-Hosted)</a>
servidor git donde puedes alojar <p>
tus proyectos personales o hacer mirrors de otros Un
repositorios git con la intención de archivarlos. pastebin donde el servidor tiene 0 conocimiento sobre
<i>Ya era publico hace un tiempo, pero ahora decido los pastes, todos los
destacarlo en la pagina web</i> datos están encriptados en el lado del cliente usando
</li> AES-256.
<li> </p>
<a href="https://logs.zzls.xyz">Logs de Twitch</a> @ </li>
🇺🇸 ⎯ Un montón de logs de varios streamers de </ul>
habla hispana, + de 400GiB de logs (en conjunto de todos <h4>Servicios Varios:</h4>
los canales dentro del listado) existen <ul>
actualmente. <li>
</li> <a style="color: greenyellow;">IRC Bouncer</a> @ 🇺🇸
<li> <p>
<a href="https://logs.spanix.team">Logs de Twitch Un bouncer IRC que sirve para mantenerte conectado en redes IRC sin perder los mensajes.
(Spanixbot)</a> @ 🇺🇸 ⎯ Logs que son usados por el Si quieres una cuenta e
bot instrucciones de uso, háblame por <a href="./contact/index.html">aquí</a>
<a href="https://spanix.team">Spanixbot</a>, hecho por </p>
<a href="https://twitch.tv/ZonianMidian">ZonianMidian</a>. </li>
</li> <li>
<li> <a href="https://ayaya.beauty">ayaya.beauty</a> @ 🇨🇱
<a href="https://count.ayaya.beauty">Moe counter</a> @ <a class="selfhosted">(Self-Hosted)</a>
🇨🇱 ⎯ Un contador de visitas como "Gelbooru" que <p>
puedes integrar a tu pagina web a archivos markdown para Un subidor multimedia temporal
hacer un recuento de la cantidad de visitas. que usa <a href="https://github.com/nokonoko/uguu">Uguu</a>,
</li> permite
</ul> subir archivos de hasta 512MB como máximo con una
<h2>Servers!!!</h2> duración de 7 Dias.
<p>Puedes encontrar información acerca de los servidores que se </p>
usan para alojar los servicios que proveo aquí </li>
-> <a href="../srvspecs">si, aquí</a> (SOLO EN INGLES)</p> <li>
<a style="color: greenyellow;"></a><a href="https://git.zzls.xyz">Forgejo</a> @ 🇨🇱
<a class="selfhosted">(Self-Hosted)</a>
<p>
Un
servidor git donde puedes alojar
tus proyectos personales o hacer mirrors de otros
repositorios git con la intención de archivarlos.
<i>Ya era publico hace un tiempo, pero ahora decido
destacarlo en la pagina web</i>
</p>
</li>
<li>
<a href="https://logs.zzls.xyz">Logs de Twitch</a> @ 🇺🇸
<p>
Un montón de logs de varios streamers de
habla hispana, + de 400GiB de logs (en conjunto de todos
los canales dentro del listado) existen
actualmente.
</p>
</li>
<li>
<a href="https://logs.spanix.team">Logs de Twitch
(Spanixbot)</a> @ 🇺🇸
<p>
Logs que son usados por el
bot
<a href="https://spanix.team">Spanixbot</a>, hecho por
<a href="https://twitch.tv/ZonianMidian">ZonianMidian</a>.
</p>
</li>
<li>
<a href="https://count.ayaya.beauty">Moe counter</a> @ 🇨🇱
<p>
Un contador de visitas como "Gelbooru" que
puedes integrar a tu pagina web a archivos markdown para
hacer un recuento de la cantidad de visitas.
</p>
</li>
</ul>
<h2>Servers!!!</h2>
<p>Puedes encontrar información acerca de los servidores que se
usan para alojar los servicios que proveo aquí
-> <a href="../srvspecs">si, aquí</a> (SOLO EN INGLES)</p>
<h2>Preguntas y Respuestas</h2> <h2>Preguntas y Respuestas</h2>
<h4>Tus servicios están corriendo detrás de <a style="color:coral">Cloudflare?</a></h4> <h4>Tus servicios están corriendo detrás de <a style="color:coral">Cloudflare?</a></h4>
<p><b>No xd</b></p> <p><b>No</b></p>
<p>Aqui esta la razon:</p> <p>Aqui esta la razon:</p>
<p>No se debería usar Cloudflare para servicios <p>No se debería usar Cloudflare para servicios
relacionados con la privacidad, ya que relacionados con la privacidad, ya que
invalida todo el concepto de privacidad y libertad en invalida todo el concepto de privacidad y libertad en
online. Cloudflare puede des-encriptar todo el trafico online. Cloudflare puede des-encriptar todo el trafico
entre el usuario y el servidor y eso no es privado ni entre el usuario y el servidor y eso no es privado ni
seguro. Al alojar varios servicios enfocados en la privacidad hay gente que prefiere utilizar seguro. Al alojar varios servicios enfocados en la privacidad hay gente que prefiere utilizar
navegadores navegadores
con JavaScript desactivado o extensiones para solo permitir JavaScript "libre" y Cloudflare siempre usa con JavaScript desactivado o extensiones para solo permitir JavaScript "libre" y Cloudflare siempre usa
e e
injecta codigo JavaScript en las paginas para analíticas y otras mierdas . Ademas que nadie quiere los injecta codigo JavaScript en las paginas para analíticas y otras mierdas . Ademas que nadie quiere los
captchas de mierda captchas de mierda
y pantallas de carga de más de 5 segundos solo por y pantallas de carga de más de 5 segundos solo por
cloudflare.</p> cloudflare.</p>
<p> Creo que en toda mi vida he gastado al rededor de unas 2 <p> Creo que en toda mi vida he gastado al rededor de unas 2
horas gracias a los captchas de cloudflare que a horas gracias a los captchas de cloudflare que a
veces son infinitos y demasiado molestos. Se supone que veces son infinitos y demasiado molestos. Se supone que
tienen que filtrar bots, no personas.</p> tienen que filtrar bots, no personas.</p>
<h4>Como puedo asegurarme de que no estas guardando datos <h4>Como puedo asegurarme de que no estas guardando datos
personales?</h4> personales?</h4>
<p> <p>
La configuraciones de NGINX y otras configuraciones de La configuraciones de NGINX y otras configuraciones de
los servidores están los servidores están
<a href="https://git.zzls.xyz/Fijxu/etc-configs">aca</a>, <a href="https://git.zzls.xyz/Fijxu/etc-configs">aca</a>,
están en diferentes "ramas" asi que explora lo que están en diferentes "ramas" asi que explora lo que
quieras, si encuentras que algo no es de tu gusto dentro quieras, si encuentras que algo no es de tu gusto dentro
de las configuraciones, cuéntame por Matrix: de las configuraciones, cuéntame por Matrix:
<a href="https://matrix.to/#/@fijxu:zzls.xyz">@fijxu:zzls.xyz</a> <a href="https://matrix.to/#/@fijxu:zzls.xyz">@fijxu:zzls.xyz</a>
(Siempre estoy disponible ahí, no esta muerto). (Siempre estoy disponible ahí, no esta muerto).
</p> </p>
<!-- <b> - Como puedo <span style="color: red">CONFIAR EN TI</span>?</b> <!-- <b> - Como puedo <span style="color: red">CONFIAR EN TI</span>?</b>
<p> <p>
> Confías en <b style="color: #4285f4">G</b><b style="color: #ea4335">O</b><b style="color: #fbbc05">O</b><b > Confías en <b style="color: #4285f4">G</b><b style="color: #ea4335">O</b><b style="color: #fbbc05">O</b><b
style="color: #4285f4">G</b><b style="color: #35ae56">L</b><b style="color: #ea4335">E</b>, style="color: #4285f4">G</b><b style="color: #35ae56">L</b><b style="color: #ea4335">E</b>,
@ -257,7 +280,7 @@
Traducido del Ingles al Español Traducido del Ingles al Español
</p> --> </p> -->
<!-- <b> <!-- <b>
- Porque los servicios enfocados a la privacidad están en Chile y no Estados Unidos?</b> - Porque los servicios enfocados a la privacidad están en Chile y no Estados Unidos?</b>
<p> <p>
> Debido a las "<span class="THEYGLOW">agencias de 3 letras</span>" (Sí, > Debido a las "<span class="THEYGLOW">agencias de 3 letras</span>" (Sí,
@ -270,50 +293,49 @@
</p> </p>
SI LEES ESTO, ESTO ESTA COMENTADO PORQUE SUENA MUY AUTISTA PARA LA GENTE DE LATINO AMERICA Y ESTA MAS ENFOCADO A LOS USUARIOS DE HABLA INGLESA XDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD--> SI LEES ESTO, ESTO ESTA COMENTADO PORQUE SUENA MUY AUTISTA PARA LA GENTE DE LATINO AMERICA Y ESTA MAS ENFOCADO A LOS USUARIOS DE HABLA INGLESA XDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD-->
<h4>Tienes un link para poder donar?</h4> <h4>Tienes un link para poder donar?</h4>
<p><a href="./donate/">Si</a>.</p> <p><a href="./donate/">Si</a>.</p>
<h2 style="text-align: center;">XD!</h2> <h2 style="text-align: center;">XD!</h2>
<p style="text-align: center;">▄▀▄▀▄▀▄▀▄▀▄ LOL! ▄▀▄▀▄▀▄▀▄▀▄</p> <p style="text-align: center;">▄▀▄▀▄▀▄▀▄▀▄ LOL! ▄▀▄▀▄▀▄▀▄▀▄</p>
<iframe src="https://lol.zzls.xyz" title="xD" style="width: 100%; height: 1080px; border: none;"></iframe> <iframe src="https://lol.zzls.xyz" title="xD" style="width: 100%; height: 1080px; border: none;"></iframe>
</div>
<footer> </div>
<div class="banners">
<a href="https://spyware.neocities.org/articles/discord_es.html"><img src="./assets/discord.gif" <footer>
alt="Discord?, No Thanks"></a> <div class="banners">
<a href="https://commonterms.org/"><img src="./assets/notread.gif" alt="Do you read TOS right?"></a> <a href="https://spyware.neocities.org/articles/discord_es.html"><img src="./assets/discord.gif"
<a href="https://absurdismworld.cc/0x40/"><img src="./assets/rave.gif" alt="RAVIN'"></a> alt="Discord?, No Thanks"></a>
<img src="./assets/seedyourtorrents.gif" alt="Sharing is caring <3"> <a href="https://commonterms.org/"><img src="./assets/notread.gif" alt="Do you read TOS right?"></a>
<img src="./assets/nftbutton.gif" alt="NFTs? wtf"> <a href="https://absurdismworld.cc/0x40/"><img src="./assets/rave.gif" alt="RAVIN'"></a>
<a><img src="./assets/08831.gif" alt="OOOOO"></a> <img src="./assets/seedyourtorrents.gif" alt="Sharing is caring <3">
<a href="https://inv.zzls.xyz/watch?v=1pMDdKV8wCw"><img src="./assets/right2repair.gif" <img src="./assets/nftbutton.gif" alt="NFTs? wtf">
alt="I support Right To Repair (Not like Apple)"></a> <a><img src="./assets/08831.gif" alt="OOOOO"></a>
<!-- <p style="margin: auto;"> --> <a href="https://inv.zzls.xyz/watch?v=1pMDdKV8wCw"><img src="./assets/right2repair.gif"
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" alt="I support Right To Repair (Not like Apple)"></a>
style="border-width: 0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png"></a> <!-- <p style="margin: auto;"> -->
<a href="https://jigsaw.w3.org/css-validator/check/referer"> <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License"
<img style="border:0;width:88px;height:31px" src="https://jigsaw.w3.org/css-validator/images/vcss" style="border-width: 0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png"></a>
alt="Valid CSS!"> <a href="https://jigsaw.w3.org/css-validator/check/referer">
</a> <img style="border:0;width:88px;height:31px" src="https://jigsaw.w3.org/css-validator/images/vcss"
<!-- </p> --> alt="Valid CSS!">
</div> </a>
<div class="banners"> <!-- </p> -->
<a><img src="./assets/pasto.gif" alt="Pasto i guess"></a> </div>
<a href="https://bienvenidoainternet.org/"><img src="./assets/8831bai.gif" <div class="banners">
alt="Bienvenido a Internet :D"></a> <a><img src="./assets/pasto.gif" alt="Pasto i guess"></a>
<a><img src="./assets/pasto.gif" alt="Pasto i guess"></a> <a href="https://bienvenidoainternet.org/"><img src="./assets/8831bai.gif" alt="Bienvenido a Internet :D"></a>
</div> <a><img src="./assets/pasto.gif" alt="Pasto i guess"></a>
</div>
<p><img src="https://count.ayaya.beauty/get/@:index.html.zzls2?theme=asoul" style="width: 200px;" /></p> <p><img src="https://count.ayaya.beauty/get/@:index.html.zzls2?theme=asoul" style="width: 200px;" /></p>
<img alt="Cool stats" height="150" src="https://zzls.xyz/assets/traffic/trafficstats.jpg"> <img alt="Cool stats" height="150" src="https://zzls.xyz/assets/traffic/trafficstats.jpg">
<div style="font-size: 0.9rem;"> <div style="font-size: 0.9rem;">
<br>Este trabajo esta licenciado bajo <br>Este trabajo esta licenciado bajo
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">"Creative <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">"Creative
Commons Commons
Attribution-ShareAlike 4.0 Attribution-ShareAlike 4.0
International License"</a>. International License"</a>.
</div> </div>
</footer> </footer>
</body> </body>
</html> </html>

16
index.php
View file

@ -77,7 +77,7 @@ function uptime($url)
<p style="font-size: small; color: burlywood;">⚠️ <i>Por favor, <p style="font-size: small; color: burlywood;">⚠️ <i>Por favor,
antes de que pienses usar mis servicios de forma antes de que pienses usar mis servicios de forma
diaria, toma en cuenta que los que están marcados con diaria, toma en cuenta que los que están marcados con
<span class="selfhosted">(Self-Hosted)</span> <a class="selfhosted">(Self-Hosted)</a>
pueden pueden
caerse en cualquier momento porque caerse en cualquier momento porque
están alojados con mi propio internet, no arriendo están alojados con mi propio internet, no arriendo
@ -89,7 +89,7 @@ function uptime($url)
<li> <li>
<a class="THEYGLOW" style="color: greenyellow;" href="https://4get.zzls.xyz">4get</a> @ <a class="THEYGLOW" style="color: greenyellow;" href="https://4get.zzls.xyz">4get</a> @
🇨🇱 (<a href="http://4get.zzlsghu6mvvwyy75mvga6gaf4znbp3erk5xwfzedb4gg6qqh2j6rlvid.onion/">Tor</a>) 🇨🇱 (<a href="http://4get.zzlsghu6mvvwyy75mvga6gaf4znbp3erk5xwfzedb4gg6qqh2j6rlvid.onion/">Tor</a>)
<span class="selfhosted">(Self-Hosted)</span> ⎯ <span style="background-image: linear-gradient( <a class="selfhosted">(Self-Hosted)</a> ⎯ <span style="background-image: linear-gradient(
90deg, 90deg,
rgba(255, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 0%,
rgba(255, 154, 0, 1) 10%, rgba(255, 154, 0, 1) 10%,
@ -119,7 +119,7 @@ function uptime($url)
</li> </li>
<li> <li>
<a style="color: greenyellow;"></a><a href="https://matrix.zzls.xyz">Matrix</a> @ 🇨🇱 <a style="color: greenyellow;"></a><a href="https://matrix.zzls.xyz">Matrix</a> @ 🇨🇱
<span class="selfhosted">(Self-Hosted)</span> ⎯ Servidor <a class="selfhosted">(Self-Hosted)</a> ⎯ Servidor
de Matrix que usa <a href="https://github.com/matrix-org/synapse">Synapse</a>, de Matrix que usa <a href="https://github.com/matrix-org/synapse">Synapse</a>,
con un NVME, PostgreSQL y un buen CPU. Es compatible con con un NVME, PostgreSQL y un buen CPU. Es compatible con
Spaces, Threading y otras funciones Spaces, Threading y otras funciones
@ -142,7 +142,7 @@ function uptime($url)
</li> </li>
<li> <li>
<a href="https://inv.zzls.xyz">Invidious</a> @ 🇨🇱 (<a href="http://inv.zzls.i2p/?i2paddresshelper=6s3qhqcyth644rlssv2sajluvrx632uaucsmnwaowglg6hocxjfa.b32.i2p">I2P</a>) <a href="https://inv.zzls.xyz">Invidious</a> @ 🇨🇱 (<a href="http://inv.zzls.i2p/?i2paddresshelper=6s3qhqcyth644rlssv2sajluvrx632uaucsmnwaowglg6hocxjfa.b32.i2p">I2P</a>)
<span class="selfhosted">(Self-Hosted)</span> ⎯ Un <a class="selfhosted">(Self-Hosted)</a> ⎯ Un
front-end alternativo a YouTube. front-end alternativo a YouTube.
Siéntete libre de usar las descargas y registrarte. Siéntete libre de usar las descargas y registrarte.
</li> </li>
@ -150,7 +150,7 @@ function uptime($url)
<a href="https://librex.zzls.xyz">LibreX</a> <a href="https://librex.zzls.xyz">LibreX</a>
@ 🇨🇱 (<a href="http://librex.zzlsghu6mvvwyy75mvga6gaf4znbp3erk5xwfzedb4gg6qqh2j6rlvid.onion/">Tor</a>) @ 🇨🇱 (<a href="http://librex.zzlsghu6mvvwyy75mvga6gaf4znbp3erk5xwfzedb4gg6qqh2j6rlvid.onion/">Tor</a>)
(<a href="http://librex.zzls.i2p/?i2paddresshelper=huurwog32tny663wkglrhozfoyqyqmsuxjbd7dtudccx44awjda.b32.i2p/">I2P</a>) (<a href="http://librex.zzls.i2p/?i2paddresshelper=huurwog32tny663wkglrhozfoyqyqmsuxjbd7dtudccx44awjda.b32.i2p/">I2P</a>)
<span class="selfhosted">(Self-Hosted)</span> ⎯ "Metabuscador <a class="selfhosted">(Self-Hosted)</a> ⎯ "Metabuscador
libre de frameworks y javascript que libre de frameworks y javascript que
respeta tu privacidad". Usa google y respeta tu privacidad". Usa google y
otros motores de búsqueda otros motores de búsqueda
@ -170,7 +170,7 @@ function uptime($url)
</li> </li>
<li> <li>
<a href="https://pbin.zzls.xyz">Privatebin</a> @ 🇨🇱 <a href="https://pbin.zzls.xyz">Privatebin</a> @ 🇨🇱
<span class="selfhosted">(Self-Hosted)</span> ⎯ Un <a class="selfhosted">(Self-Hosted)</a> ⎯ Un
pastebin donde el servidor tiene 0 conocimiento sobre pastebin donde el servidor tiene 0 conocimiento sobre
los pastes, todos los los pastes, todos los
datos están encriptados en el lado del cliente usando datos están encriptados en el lado del cliente usando
@ -181,7 +181,7 @@ function uptime($url)
<ul> <ul>
<li> <li>
<a href="https://ayaya.beauty">ayaya.beauty</a> @ 🇨🇱 <a href="https://ayaya.beauty">ayaya.beauty</a> @ 🇨🇱
<span class="selfhosted">(Self-Hosted)</span> ⎯ <a class="selfhosted">(Self-Hosted)</a> ⎯
Un subidor multimedia temporal Un subidor multimedia temporal
que usa <a href="https://github.com/nokonoko/uguu">Uguu</a>, que usa <a href="https://github.com/nokonoko/uguu">Uguu</a>,
permite permite
@ -190,7 +190,7 @@ function uptime($url)
</li> </li>
<li> <li>
<a style="color: greenyellow;"></a><a href="https://git.zzls.xyz">Forgejo</a> @ 🇨🇱 <a style="color: greenyellow;"></a><a href="https://git.zzls.xyz">Forgejo</a> @ 🇨🇱
<span class="selfhosted">(Self-Hosted)</span> ⎯ Un <a class="selfhosted">(Self-Hosted)</a> ⎯ Un
servidor git donde puedes alojar servidor git donde puedes alojar
tus proyectos personales o hacer mirrors de otros tus proyectos personales o hacer mirrors de otros
repositorios git con la intención de archivarlos. repositorios git con la intención de archivarlos.

386
style.css
View file

@ -1,291 +1,331 @@
/* Fonts */ /* Fonts */
@font-face { @font-face {
font-family: "Gaiatype"; font-family: "Gaiatype";
src: url("https://zzls.xyz/assets/fonts/Gaiatype.woff2") format('woff'); src: url("https://zzls.xyz/assets/fonts/Gaiatype.woff2") format('woff');
} }
html { html {
/* background-color: #111111; */ color: #f8feff;
/* background: linear-gradient(to bottom, rgba(11, 11, 11, 0.900), rgba(11, 11, 11, 0.900)); */ font-family: "Roboto", monospace;
/* background-image: url(./assets/bg.png) ; */ background-image: linear-gradient(to bottom,
/* opacity: ; */ rgba(11, 11, 11, 0.80),
color: #f8feff; rgba(11, 11, 11, 0.80)),
font-family: "Roboto", monospace; url(./assets/bgs/bgtile3.gif);
/* background-blend-mode: overlay; background-attachment: fixed;
background-size: auto; */
/* margin-top: 1px; */
background-image: linear-gradient(to bottom,
rgba(11, 11, 11, 0.80),
rgba(11, 11, 11, 0.80)),
url(./assets/bgs/bgtile3.gif);
background-attachment: fixed;
} }
body { body {
margin-top: 0px; margin-top: 0px;
font-size: 1.1em; font-size: 1.1em;
} }
h1 { h1 {
text-align: center; font-family: "Gaiatype";
position: relative; text-align: center;
font-size: 1.7em; position: relative;
margin-top: 15px; font-size: 1.8em;
margin-bottom: 15px; margin-top: 15px;
margin-bottom: 15px;
} }
h2 { h2 {
font-size: 1.5em; font-family: "Gaiatype";
color: rgb(70, 200, 180); font-size: 1.6em;
margin-top: 15px; color: rgb(70, 200, 180);
margin-bottom: 15px; margin-top: 15px;
margin-bottom: 15px;
} }
h3 { h3 {
font-size: 1.3em; font-family: "Gaiatype";
color: rgb(70, 185, 180); font-size: 1.4em;
margin-top: 15px; color: rgb(70, 185, 180);
margin-bottom: 15px; margin-top: 15px;
margin-bottom: 15px;
} }
h4 { h4 {
font-size: 1.1em; font-family: "Gaiatype";
color: rgb(70, 170, 180); font-size: 1.2em;
margin-top: 15px; color: rgb(70, 170, 180);
margin-bottom: 15px; margin-top: 15px;
margin-bottom: 15px;
} }
p { p {
font-size: 0.9em; /* font-family: "04b03"; */
line-height: 1.5em; font-size: 0.9em;
margin-top: 12px; line-height: 1.55em;
margin-bottom: 12px; /* margin-top: 12px; */
/* margin-bottom: 12px; */
} }
a { a {
font-size: 0.9em; font-size: 0.9em;
line-height: 1.5em; line-height: 1.55em;
}
ul {
list-style: none;
/* Remove default bullets */
}
/* https://www.w3schools.com/howto/howto_css_bullet_color.asp */
ul li::before {
content: "\2A00";
/* Add content: \2022 is the CSS Code/unicode for a bullet */
color: rgb(197, 136, 221);
/* Change the color */
font-weight: bold;
/* If you want it to be bold */
display: inline-block;
/* Needed to add space between the bullet and the text */
width: 1em;
/* Also needed for space (tweak if needed) */
margin-left: -1.5em;
/* Also needed for space (tweak if needed) */
} }
s { s {
text-decoration: line-through; text-decoration: line-through;
color: red; color: red;
} }
a:link { a:link {
color: rgb(255, 180, 255); color: rgb(255, 180, 255);
} }
a:visited { a:visited {
color: rgb(255, 180, 255); color: rgb(255, 180, 255);
} }
li { li {
margin-top: 1vh; margin-top: 1vh;
margin-bottom: 1vh; margin-bottom: 1vh;
font-size: 0.9em; font-size: 0.9em;
line-height: 1.5em; line-height: 1.5em;
} }
footer { footer {
text-align: center; text-align: center;
padding: 1em; padding: 1em;
} }
code { code {
color: #adff2f; color: #adff2f;
} }
@keyframes erm {
0% {
transform: rotate(2deg);
}
50% {
transform: rotate(-2deg);
}
100% {
transform: rotate(2deg);
}
}
.lol {
animation: erm 10s infinite;
}
#donate>* { #donate>* {
margin: 0 auto; margin: 0 auto;
} }
#uptime-up { #uptime-up {
text-shadow: 0 0 10px #ffffff45, 0 0 20px #ffffff40, 0 0 30px lime, 0 0 40px #04e669, text-shadow: 0 0 10px #ffffff45, 0 0 20px #ffffff40, 0 0 30px lime, 0 0 40px #04e669,
0 0 50px #34ff1b, 0 0 60px #25fa2b, 0 0 70px #02ec55; 0 0 50px #34ff1b, 0 0 60px #25fa2b, 0 0 70px #02ec55;
color: greenyellow; color: greenyellow;
} }
#uptime-down { #uptime-down {
text-shadow: 0 0 10px #ffffff45, 0 0 20px #ffffff40, 0 0 30px red, 0 0 40px #e61704, text-shadow: 0 0 10px #ffffff45, 0 0 20px #ffffff40, 0 0 30px red, 0 0 40px #e61704,
0 0 50px #ff391b, 0 0 60px #fa3725, 0 0 70px #ec0202; 0 0 50px #ff391b, 0 0 60px #fa3725, 0 0 70px #ec0202;
color: red; color: red;
}
@keyframes erm {
0% {
transform: rotate(2deg);
}
50% {
transform: rotate(-2deg);
}
100% {
transform: rotate(2deg);
}
}
.tilttext {
animation: erm 10s infinite;
}
.rainbowtext {
background-image: linear-gradient(90deg,
rgba(255, 0, 0, 1) 0%,
rgba(255, 154, 0, 1) 10%,
rgba(208, 222, 33, 1) 20%,
rgba(79, 220, 74, 1) 30%,
rgba(63, 218, 216, 1) 40%,
rgba(47, 201, 226, 1) 50%,
rgba(28, 127, 238, 1) 60%,
rgba(95, 21, 242, 1) 70%,
rgba(186, 12, 248, 1) 80%,
rgba(251, 7, 217, 1) 90%,
rgba(255, 0, 0, 1) 100%);
color: transparent;
background-clip: text;
-webkit-background-clip: text;
} }
.lastupdate { .lastupdate {
text-align: center; text-align: center;
font-size: 1.2ch; font-size: 1.2ch;
color: #80d7ff; color: #80d7ff;
} }
.content { .content {
padding: 20px 20px; padding: 20px 20px;
margin: 0 auto; margin: 0 auto;
max-width: 780px; max-width: 780px;
width: 70%; width: 70%;
min-height: 60vh; min-height: 60vh;
word-wrap: break-word; word-wrap: break-word;
line-height: 1.5em; line-height: 1.5em;
} }
.center { .center {
display: block; display: block;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
width: 50%; width: 50%;
height: auto; height: auto;
} }
.qa { .qa {
margin-top: 1vh; margin-top: 1vh;
margin-bottom: 1vh; margin-bottom: 1vh;
} }
.THEYGLOW { .THEYGLOW {
text-shadow: 0 0 10px #ffffff45, 0 0 20px #ffffff40, 0 0 30px lime, 0 0 40px #04e669, text-shadow: 0 0 10px #ffffff45, 0 0 20px #ffffff40, 0 0 30px lime, 0 0 40px #04e669,
0 0 50px #34ff1b, 0 0 60px #25fa2b, 0 0 70px #02ec55; 0 0 50px #34ff1b, 0 0 60px #25fa2b, 0 0 70px #02ec55;
} }
.langglow { .langglow {
text-shadow: 1px 2px 11px rgb(255, 255, 255); text-shadow: 1px 2px 11px rgb(255, 255, 255);
} }
.top { .top {
font-size: small; font-size: 0.7em;
margin-top: 1ch; margin-top: 1ch;
flex: 1; flex: 1;
text-align: center; text-align: center;
} }
.box { .box {
position: relative; position: relative;
text-align: center; text-align: center;
width: 1%; width: 1%;
margin-top: 9ch; margin-top: 9ch;
border: 4px solid #60976b83; border: 4px solid #60976b83;
margin: auto; margin: auto;
} }
.selfhosted { .selfhosted {
color: #adff2f; color: #adff2f;
} }
.header1 { .header1 {
margin: 0; margin: 0;
padding: 0; padding: 0;
border: 0; border: 0;
overflow: hidden; overflow: hidden;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.header2 { .header2 {
margin: 0; margin: 0;
padding: 0; padding: 0;
border: 0; border: 0;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
animation: slide 8s linear infinite; animation: slide 8s linear infinite;
} }
#fade { #fade {
opacity: 1; opacity: 1;
animation: fadeOut 7s linear; animation: fadeOut 7s linear;
} }
@keyframes fadeOut { @keyframes fadeOut {
0% { 0% {
opacity: 1; opacity: 1;
} }
100% { 100% {
opacity: 0; opacity: 0;
} }
} }
@keyframes slide { @keyframes slide {
0% { 0% {
transform: translateX(100vw); transform: translateX(100vw);
/* opacity: 1; */ /* opacity: 1; */
} }
/* 50% { /* 50% {
opacity: 1; opacity: 1;
} */ } */
100% { 100% {
transform: translateX(-100%); transform: translateX(-100%);
/* opacity: 0; */ /* opacity: 0; */
} }
} }
/* https://systemspace.dimden.dev/res/css/scanlines.css /* https://systemspace.dimden.dev/res/css/scanlines.css
/* Scanlines */ /* Scanlines */
body:before { body:before {
content: ""; content: "";
position: fixed; position: fixed;
left: 0; left: 0;
top: 0; top: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
pointer-events: none; pointer-events: none;
z-index: 1000; z-index: 1000;
background-image: url(/assets/bgs/overlay.png); background-image: url(/assets/bgs/overlay.png);
background-repeat: all; background-repeat: all;
background-position: 0px 0px; background-position: 0px 0px;
animation-name: Static; animation-name: Static;
animation-duration: 2s; animation-duration: 2s;
animation-iteration-count: infinite; animation-iteration-count: infinite;
animation-timing-function: steps(4); animation-timing-function: steps(4);
opacity: 0.2; opacity: 0.35;
/* box-shadow: inset 0px 0px 10em rgba(0, 0, 0, 0); */ /* box-shadow: inset 0px 0px 10em rgba(0, 0, 0, 0); */
} }
body:after { body:after {
content: ""; content: "";
position: fixed; position: fixed;
left: 0; left: 0;
top: 0; top: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
pointer-events: none; pointer-events: none;
z-index: 1000; z-index: 1000;
background-image: url(/assets/bgs/overlay2.png); background-image: url(/assets/bgs/overlay2.png);
background-repeat: all; background-repeat: all;
background-position: 0px 0px; background-position: 0px 0px;
animation-name: Static; animation-name: Static;
animation-duration: 0.8s; animation-duration: 0.8s;
animation-iteration-count: infinite; animation-iteration-count: infinite;
animation-timing-function: steps(4); animation-timing-function: steps(4);
opacity: 0.2; opacity: 0.35;
} }
@keyframes Static { @keyframes Static {
0% { 0% {
background-position: 0px 0px; background-position: 0px 0px;
} }
100% { 100% {
background-position: 0px 4px; background-position: 0px 4px;
} }
} }