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>
<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>
<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>
<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><a>IRC</a> <code>(OFTC, Libera Chat)</code>: <code>/query Fijxu</code> <a>(Or whatever you use to send private messages
via IRC)</a></p>
<p><a href="https://noc.social/@fijxu@noc.social">Mastodon</a> <code>(https://noc.social/@fijxu@noc.social)</code></p>
</div>
<img src="./assets/1661562598453167.png" class="center">
</div>
</body>
</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>
<p style="font-size: small; color: burlywood;">⚠️ <i>Before you consider
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
go down at any time because they are
they are hosted with my own home internet. I don't rent dedicated
@ -70,7 +70,7 @@
<li>
<a class="THEYGLOW" style="color: greenyellow;" href="https://4get.zzls.xyz">4get</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,
rgba(255, 0, 0, 1) 0%,
rgba(255, 154, 0, 1) 10%,
@ -99,7 +99,7 @@
</li>
<li>
<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
NVME,
@ -121,7 +121,7 @@
<li>
<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> ⎯ An alternative
<a class="selfhosted">(Self-Hosted)</a> ⎯ An alternative
frontend for Youtube, feel free to register.
</li>
<li><s>
@ -129,7 +129,7 @@
🇨🇱 (<a href="http://librex.zzlsghu6mvvwyy75mvga6gaf4znbp3erk5xwfzedb4gg6qqh2j6rlvid.onion/">Tor</a>)
(<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
respecting meta search engine" that uses google to fetch the
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>
</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
data is encrypted in the client side.
</li>
@ -159,14 +159,14 @@
<b style="font-size: 1em">➤ Misc Services:</b>
<ul>
<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
upload files up to <b>512MB</b> (yes, 512MB) and they are deleted
automatically in 7 days.
</li>
<li>
<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
your personal projects or make mirrors of other git repositories
with the intention of archiving them.

564
index.html
View file

@ -2,242 +2,265 @@
<html lang="es">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Wuuuuu~</title>
<meta name="description"
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="keywords" content="Privacy Services, Invidious, 4get, Matrix Federation">
<link rel="stylesheet" href="/style.css" type="text/css">
<link rel="icon" type="image/x-icon" href="./favicon.ico">
<a rel="Mastodon" href="https://noc.social/@fijxu"></a>
<style>
.lol {
width: 300vh;
height: auto;
max-height: 100%;
max-width: 100%;
}
</style>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Wuuuuu~</title>
<meta name="description"
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="keywords" content="Privacy Services, Invidious, 4get, Matrix Federation">
<link rel="stylesheet" href="/style.css" type="text/css">
<link rel="icon" type="image/x-icon" href="./favicon.ico">
<a rel="Mastodon" href="https://noc.social/@fijxu"></a>
<style>
.lol {
width: 300vh;
height: auto;
max-height: 100%;
max-width: 100%;
}
</style>
</head>
<body>
<div class="top">
<a class="langglow">Other language?: <a class="langglow" href="./index-en">EN</a></a> |
<a href="./donar/">Donaciones</a> |
<a href="./privacy/">Política de Privacidad</a> |
<a href="https://files.zzls.xyz">Archivos</a> |
<a href="./anuncios/">Anuncios</a> |
<a>Contacto: <a href="https://matrix.to/#/@fijxu:zzls.xyz">@fijxu:zzls.xyz</a> |
<a href="./transparency">Transparencia</a> |
<a href="./minecraft">Server de Minecraft (TOTALMENTE VIVO!)</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://blog.zzls.xyz/es">Blog</a>
</div>
<div class="content">
<h1>lol</h1>
<p class="lastupdate">Ultima Actualización: 2023-11-27</p>
<p>
Hola, me conocen como "<b>Fijxu</b>" y me dedico a alojar servicios
enfocados a
la
privacidad y otros tipos de servicios varios para
Latinoamérica y el mundo. A muy poca gente de Latinoamérica
le importa su privacidad (por mera ignorancia y
conveniencia) asi que aquí estoy yo, haciéndolo todo más
fácil para esa gente que quiere empezar a cuidar de
sus datos personales. Obviamente, si eres de otro país, como Estados Unidos o un país europeo siéntete libre
de utilizarlos, mientras funcionen para ti, todo bien.
</p>
<h2>Lista de servicios</h2>
<p style="font-size: small; color: burlywood;">⚠️ <i>Por favor,
antes de que pienses usar mis servicios de forma
diaria, toma en cuenta que los que están marcados con
<span class="selfhosted">(Self-Hosted)</span>
pueden
caerse en cualquier momento porque
están alojados con mi propio internet, no arriendo
servidores dedicados para estos servicios.
(Porque no soy capaz de pagarlo xD)</i>
</p>
<h4>Servicios enfocados a la Privacidad:</h4>
<ul>
<li>
<a class="THEYGLOW" style="color: greenyellow;" href="https://4get.zzls.xyz">4get</a> @
🇨🇱 (<a href="http://4get.zzlsghu6mvvwyy75mvga6gaf4znbp3erk5xwfzedb4gg6qqh2j6rlvid.onion/">Tor</a>)
<span class="selfhosted">(Self-Hosted)</span> ⎯ <span style="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;">"Un
metabuscador que
obtiene resultados de otros motores y elimina todo
el rastreo y la mierda de Microsoft/globohomo que
añaden."</span> <a href="https://git.lolcat.ca/lolcat/4get">Codigo
fuente</a>
</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>
<div class="top">
<a class="langglow">Other language?: <a class="langglow" href="./index-en">EN</a></a> |
<a href="./donar/">Donaciones</a> |
<a href="./privacy/">Política de Privacidad</a> |
<a href="https://files.zzls.xyz">Archivos</a> |
<a href="./anuncios/">Anuncios</a> |
<a href="./contact/">Contacto</a> |
<a href="./transparency">Transparencia</a> |
<a href="./minecraft">Server de Minecraft (TOTALMENTE VIVO!)</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://blog.zzls.xyz/es">Blog</a>
</div>
<div class="content">
<h1 class="tilttext">Erm...</h1>
<p class="lastupdate">Ultima Actualización: 2023-12-06</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>
<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>
<p>
Hola, me conocen como "<b>Fijxu</b>" y me dedico a alojar servicios
enfocados a
la
privacidad y otros tipos de servicios varios para
Latinoamérica y el mundo. A muy poca gente de Latinoamérica
le importa su privacidad (por mera ignorancia y
conveniencia) asi que aquí estoy yo, haciéndolo todo más
fácil para esa gente que quiere empezar a cuidar de
sus datos personales. Obviamente, si eres de otro país, como Estados Unidos o un país europeo siéntete libre
de utilizarlos, mientras funcionen para ti, todo bien.
</p>
<h2>Lista de servicios</h2>
<p style="font-size: small; color: burlywood;">⚠️ <i>Por favor,
antes de que pienses usar mis servicios de forma
diaria, toma en cuenta que los que están marcados con
<a class="selfhosted">(Self-Hosted)</a>
pueden
caerse en cualquier momento porque
están alojados con mi propio internet, no arriendo
servidores dedicados para estos servicios.
(Porque no soy capaz de pagarlo xD)</i>
</p>
<h4>Servicios enfocados a la Privacidad:</h4>
<ul>
<li>
<a class="THEYGLOW" style="color: greenyellow;" href="https://4get.zzls.xyz">4get</a> @
🇨🇱 (<a href="http://4get.zzlsghu6mvvwyy75mvga6gaf4znbp3erk5xwfzedb4gg6qqh2j6rlvid.onion/">Tor</a>)
<a class="selfhosted">(Self-Hosted)</a>
<p class="rainbowtext">"Un
metabuscador que
obtiene resultados de otros motores y elimina todo
el rastreo y la mierda de Microsoft/globohomo que
añaden." <a href="https://git.lolcat.ca/lolcat/4get">Codigo fuente</a>
</p>
</li>
<li>
<a class="THEYGLOW" style="color: greenyellow;" href="https://4getus.zzls.xyz">4get</a> @
🇺🇸 (<a href="http://4getus.zzls2vhse6jeahgdz5snle37dnngmbeh4jgug5xvsdpmlchaw3ieonid.onion/">Tor</a>)
<p>
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.
</p>
</li>
<li>
<a href="https://search.zzls.xyz">SearxNG</a> @ 🇨🇱 (<a
href="http://searxdr3pqz4nydgnqocsia2xbywptxbkympa2emn7zlgggrir4bkfad.onion/">Tor</a>)
⎯
Un metabuscador
que agrega resultados de más de 70
servicios de búsqueda.
<a href="https://github.com/searxng/searxng">Código
Fuente</a>,
<a href="https://searx.space">Otras Instancias</a>
</li>
<li>
<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
front-end alternativo a YouTube.
Siéntete libre de usar las descargas y registrarte.
</li>
<li><s>
<a href="https://librex.zzls.xyz">LibreX</a>
@ 🇨🇱 (<a href="http://librex.zzlsghu6mvvwyy75mvga6gaf4znbp3erk5xwfzedb4gg6qqh2j6rlvid.onion/">Tor</a>)
(<a
href="http://librex.zzls.i2p/?i2paddresshelper=huurwog32tny663wkglrhozfoyqyqmsuxjbd7dtudccx44awjda.b32.i2p/">I2P</a>)
<span class="selfhosted">(Self-Hosted)</span> ⎯ "Metabuscador
libre de frameworks y javascript que
respeta tu privacidad". Usa google y
otros motores de búsqueda
para obtener los resultados, asi que ninguna de tu
información es revelada a hacia los motores de
búsqueda, se podría decir que actúa como un proxy. <a href="https://github.com/hnhx/librex">Codigo
Fuente</a></s> INSTANCIA MUERTA, ME ABURRI DE ALOJAR LIBREY XD.</li>
<li>
<a href="https://ri.zzls.xyz">Rimgo</a> @ 🇨🇱 (<a
href="http://rimgo.zzlsghu6mvvwyy75mvga6gaf4znbp3erk5xwfzedb4gg6qqh2j6rlvid.onion/">Tor</a>)
(<a
href="http://rimgo.zzls.i2p/?i2paddresshelper=p57356k2xwhxrg2lxrjajcftkrptv4zejeeblzfgkcvpzuetkz2a.b32.i2p">I2P</a>)
⎯ Un proxy de Imgur que es capaz de cargar
las imágenes mucho mas rápido que la pagina de Imgur
ocultando tu IP.
<a href="https://codeberg.org/video-prize-ranch/rimgo">Código
Fuente</a>
</li>
<li>
<a href="https://pbin.zzls.xyz">Privatebin</a> @ 🇨🇱
<span class="selfhosted">(Self-Hosted)</span> ⎯ Un
pastebin donde el servidor tiene 0 conocimiento sobre
los pastes, todos los
datos están encriptados en el lado del cliente usando
AES-256.
</li>
</ul>
<h4>Servicios Varios:</h4>
<ul>
<li>
<a href="https://ayaya.beauty">ayaya.beauty</a> @ 🇨🇱
<span class="selfhosted">(Self-Hosted)</span> ⎯
Un subidor multimedia temporal
que usa <a href="https://github.com/nokonoko/uguu">Uguu</a>,
permite
subir archivos de hasta 512MB como máximo con una
duración de 7 Dias.
</li>
<li>
<a style="color: greenyellow;"></a><a href="https://git.zzls.xyz">Forgejo</a> @ 🇨🇱
<span class="selfhosted">(Self-Hosted)</span> ⎯ 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>
</li>
<li>
<a href="https://logs.zzls.xyz">Logs de Twitch</a> @
🇺🇸 ⎯ 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.
</li>
<li>
<a href="https://logs.spanix.team">Logs de Twitch
(Spanixbot)</a> @ 🇺🇸 ⎯ Logs que son usados por el
bot
<a href="https://spanix.team">Spanixbot</a>, hecho por
<a href="https://twitch.tv/ZonianMidian">ZonianMidian</a>.
</li>
<li>
<a href="https://count.ayaya.beauty">Moe counter</a> @
🇨🇱 ⎯ 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.
</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>
<a style="color: greenyellow;"></a><a href="https://matrix.zzls.xyz">Matrix</a> @ 🇨🇱
<a class="selfhosted">(Self-Hosted)</a>
<p>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.
También integra mautrix-whatsapp
Si quieres una cuenta
contactame por <a href="https://matrix.to/#/@fijxu:zzls.xyz">Matrix</a>
</p>
</li>
<li>
<a href="https://search.zzls.xyz">SearxNG</a> @ 🇨🇱 (<a
href="http://searxdr3pqz4nydgnqocsia2xbywptxbkympa2emn7zlgggrir4bkfad.onion/">Tor</a>)
<p>
Un metabuscador
que agrega resultados de más de 70
servicios de búsqueda.
<a href="https://github.com/searxng/searxng">Código
Fuente</a>,
<a href="https://searx.space">Otras Instancias</a>
</p>
</li>
<li>
<a href="https://inv.zzls.xyz">Invidious</a> @ 🇨🇱 (<a
href="http://inv.zzls.i2p/?i2paddresshelper=6s3qhqcyth644rlssv2sajluvrx632uaucsmnwaowglg6hocxjfa.b32.i2p">I2P</a>)
<a class="selfhosted">(Self-Hosted)</a>
<p>
Un
front-end alternativo a YouTube.
Siéntete libre de usar las descargas y registrarte.
</p>
</li>
<!-- <li><s>
<a href="https://librex.zzls.xyz">LibreX</a>
@ 🇨🇱 (<a href="http://librex.zzlsghu6mvvwyy75mvga6gaf4znbp3erk5xwfzedb4gg6qqh2j6rlvid.onion/">Tor</a>)
(<a
href="http://librex.zzls.i2p/?i2paddresshelper=huurwog32tny663wkglrhozfoyqyqmsuxjbd7dtudccx44awjda.b32.i2p/">I2P</a>)
<a class="selfhosted">(Self-Hosted)</a> ⎯ "Metabuscador
libre de frameworks y javascript que
respeta tu privacidad". Usa google y
otros motores de búsqueda
para obtener los resultados, asi que ninguna de tu
información es revelada a hacia los motores de
búsqueda, se podría decir que actúa como un proxy. <a href="https://github.com/hnhx/librex">Codigo
Fuente</a></s> INSTANCIA MUERTA, ME ABURRI DE ALOJAR LIBREY XD.
</li> -->
<li>
<a href="https://ri.zzls.xyz">Rimgo</a> @ 🇨🇱 (<a
href="http://rimgo.zzlsghu6mvvwyy75mvga6gaf4znbp3erk5xwfzedb4gg6qqh2j6rlvid.onion/">Tor</a>)
(<a
href="http://rimgo.zzls.i2p/?i2paddresshelper=p57356k2xwhxrg2lxrjajcftkrptv4zejeeblzfgkcvpzuetkz2a.b32.i2p">I2P</a>)
<p>
Un proxy de Imgur que es capaz de cargar
las imágenes mucho mas rápido que la pagina de Imgur
ocultando tu IP.
<a href="https://codeberg.org/video-prize-ranch/rimgo">Código
Fuente</a>
</p>
</li>
<li>
<a href="https://pbin.zzls.xyz">Privatebin</a> @ 🇨🇱
<a class="selfhosted">(Self-Hosted)</a>
<p>
Un
pastebin donde el servidor tiene 0 conocimiento sobre
los pastes, todos los
datos están encriptados en el lado del cliente usando
AES-256.
</p>
</li>
</ul>
<h4>Servicios Varios:</h4>
<ul>
<li>
<a style="color: greenyellow;">IRC Bouncer</a> @ 🇺🇸
<p>
Un bouncer IRC que sirve para mantenerte conectado en redes IRC sin perder los mensajes.
Si quieres una cuenta e
instrucciones de uso, háblame por <a href="./contact/index.html">aquí</a>
</p>
</li>
<li>
<a href="https://ayaya.beauty">ayaya.beauty</a> @ 🇨🇱
<a class="selfhosted">(Self-Hosted)</a>
<p>
Un subidor multimedia temporal
que usa <a href="https://github.com/nokonoko/uguu">Uguu</a>,
permite
subir archivos de hasta 512MB como máximo con una
duración de 7 Dias.
</p>
</li>
<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>
<h4>Tus servicios están corriendo detrás de <a style="color:coral">Cloudflare?</a></h4>
<p><b>No xd</b></p>
<p>Aqui esta la razon:</p>
<p>No se debería usar Cloudflare para servicios
relacionados con la privacidad, ya que
invalida todo el concepto de privacidad y libertad en
online. Cloudflare puede des-encriptar todo el trafico
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
navegadores
con JavaScript desactivado o extensiones para solo permitir JavaScript "libre" y Cloudflare siempre usa
e
injecta codigo JavaScript en las paginas para analíticas y otras mierdas . Ademas que nadie quiere los
captchas de mierda
y pantallas de carga de más de 5 segundos solo por
cloudflare.</p>
<p> Creo que en toda mi vida he gastado al rededor de unas 2
horas gracias a los captchas de cloudflare que a
veces son infinitos y demasiado molestos. Se supone que
tienen que filtrar bots, no personas.</p>
<h4>Como puedo asegurarme de que no estas guardando datos
personales?</h4>
<p>
La configuraciones de NGINX y otras configuraciones de
los servidores están
<a href="https://git.zzls.xyz/Fijxu/etc-configs">aca</a>,
están en diferentes "ramas" asi que explora lo que
quieras, si encuentras que algo no es de tu gusto dentro
de las configuraciones, cuéntame por Matrix:
<a href="https://matrix.to/#/@fijxu:zzls.xyz">@fijxu:zzls.xyz</a>
(Siempre estoy disponible ahí, no esta muerto).
</p>
<!-- <b> - Como puedo <span style="color: red">CONFIAR EN TI</span>?</b>
<p><b>No</b></p>
<p>Aqui esta la razon:</p>
<p>No se debería usar Cloudflare para servicios
relacionados con la privacidad, ya que
invalida todo el concepto de privacidad y libertad en
online. Cloudflare puede des-encriptar todo el trafico
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
navegadores
con JavaScript desactivado o extensiones para solo permitir JavaScript "libre" y Cloudflare siempre usa
e
injecta codigo JavaScript en las paginas para analíticas y otras mierdas . Ademas que nadie quiere los
captchas de mierda
y pantallas de carga de más de 5 segundos solo por
cloudflare.</p>
<p> Creo que en toda mi vida he gastado al rededor de unas 2
horas gracias a los captchas de cloudflare que a
veces son infinitos y demasiado molestos. Se supone que
tienen que filtrar bots, no personas.</p>
<h4>Como puedo asegurarme de que no estas guardando datos
personales?</h4>
<p>
La configuraciones de NGINX y otras configuraciones de
los servidores están
<a href="https://git.zzls.xyz/Fijxu/etc-configs">aca</a>,
están en diferentes "ramas" asi que explora lo que
quieras, si encuentras que algo no es de tu gusto dentro
de las configuraciones, cuéntame por Matrix:
<a href="https://matrix.to/#/@fijxu:zzls.xyz">@fijxu:zzls.xyz</a>
(Siempre estoy disponible ahí, no esta muerto).
</p>
<!-- <b> - Como puedo <span style="color: red">CONFIAR EN TI</span>?</b>
<p>
> 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>,
@ -257,7 +280,7 @@
Traducido del Ingles al Español
</p> -->
<!-- <b>
<!-- <b>
- Porque los servicios enfocados a la privacidad están en Chile y no Estados Unidos?</b>
<p>
> Debido a las "<span class="THEYGLOW">agencias de 3 letras</span>" (Sí,
@ -270,50 +293,49 @@
</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-->
<h4>Tienes un link para poder donar?</h4>
<p><a href="./donate/">Si</a>.</p>
<h4>Tienes un link para poder donar?</h4>
<p><a href="./donate/">Si</a>.</p>
<h2 style="text-align: center;">XD!</h2>
<p style="text-align: center;">▄▀▄▀▄▀▄▀▄▀▄ LOL! ▄▀▄▀▄▀▄▀▄▀▄</p>
<iframe src="https://lol.zzls.xyz" title="xD" style="width: 100%; height: 1080px; border: none;"></iframe>
</div>
<iframe src="https://lol.zzls.xyz" title="xD" style="width: 100%; height: 1080px; border: none;"></iframe>
<footer>
<div class="banners">
<a href="https://spyware.neocities.org/articles/discord_es.html"><img src="./assets/discord.gif"
alt="Discord?, No Thanks"></a>
<a href="https://commonterms.org/"><img src="./assets/notread.gif" alt="Do you read TOS right?"></a>
<a href="https://absurdismworld.cc/0x40/"><img src="./assets/rave.gif" alt="RAVIN'"></a>
<img src="./assets/seedyourtorrents.gif" alt="Sharing is caring <3">
<img src="./assets/nftbutton.gif" alt="NFTs? wtf">
<a><img src="./assets/08831.gif" alt="OOOOO"></a>
<a href="https://inv.zzls.xyz/watch?v=1pMDdKV8wCw"><img src="./assets/right2repair.gif"
alt="I support Right To Repair (Not like Apple)"></a>
<!-- <p style="margin: auto;"> -->
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License"
style="border-width: 0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png"></a>
<a href="https://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px" src="https://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!">
</a>
<!-- </p> -->
</div>
<div class="banners">
<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>
<a><img src="./assets/pasto.gif" alt="Pasto i guess"></a>
</div>
</div>
<footer>
<div class="banners">
<a href="https://spyware.neocities.org/articles/discord_es.html"><img src="./assets/discord.gif"
alt="Discord?, No Thanks"></a>
<a href="https://commonterms.org/"><img src="./assets/notread.gif" alt="Do you read TOS right?"></a>
<a href="https://absurdismworld.cc/0x40/"><img src="./assets/rave.gif" alt="RAVIN'"></a>
<img src="./assets/seedyourtorrents.gif" alt="Sharing is caring <3">
<img src="./assets/nftbutton.gif" alt="NFTs? wtf">
<a><img src="./assets/08831.gif" alt="OOOOO"></a>
<a href="https://inv.zzls.xyz/watch?v=1pMDdKV8wCw"><img src="./assets/right2repair.gif"
alt="I support Right To Repair (Not like Apple)"></a>
<!-- <p style="margin: auto;"> -->
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License"
style="border-width: 0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png"></a>
<a href="https://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px" src="https://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!">
</a>
<!-- </p> -->
</div>
<div class="banners">
<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>
<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>
<img alt="Cool stats" height="150" src="https://zzls.xyz/assets/traffic/trafficstats.jpg">
<div style="font-size: 0.9rem;">
<br>Este trabajo esta licenciado bajo
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">"Creative
Commons
Attribution-ShareAlike 4.0
International License"</a>.
</div>
</footer>
<img alt="Cool stats" height="150" src="https://zzls.xyz/assets/traffic/trafficstats.jpg">
<div style="font-size: 0.9rem;">
<br>Este trabajo esta licenciado bajo
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">"Creative
Commons
Attribution-ShareAlike 4.0
International License"</a>.
</div>
</footer>
</body>
</html>

16
index.php
View file

@ -77,7 +77,7 @@ function uptime($url)
<p style="font-size: small; color: burlywood;">⚠️ <i>Por favor,
antes de que pienses usar mis servicios de forma
diaria, toma en cuenta que los que están marcados con
<span class="selfhosted">(Self-Hosted)</span>
<a class="selfhosted">(Self-Hosted)</a>
pueden
caerse en cualquier momento porque
están alojados con mi propio internet, no arriendo
@ -89,7 +89,7 @@ function uptime($url)
<li>
<a class="THEYGLOW" style="color: greenyellow;" href="https://4get.zzls.xyz">4get</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,
rgba(255, 0, 0, 1) 0%,
rgba(255, 154, 0, 1) 10%,
@ -119,7 +119,7 @@ function uptime($url)
</li>
<li>
<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>,
con un NVME, PostgreSQL y un buen CPU. Es compatible con
Spaces, Threading y otras funciones
@ -142,7 +142,7 @@ function uptime($url)
</li>
<li>
<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.
Siéntete libre de usar las descargas y registrarte.
</li>
@ -150,7 +150,7 @@ function uptime($url)
<a href="https://librex.zzls.xyz">LibreX</a>
@ 🇨🇱 (<a href="http://librex.zzlsghu6mvvwyy75mvga6gaf4znbp3erk5xwfzedb4gg6qqh2j6rlvid.onion/">Tor</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
respeta tu privacidad". Usa google y
otros motores de búsqueda
@ -170,7 +170,7 @@ function uptime($url)
</li>
<li>
<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
los pastes, todos los
datos están encriptados en el lado del cliente usando
@ -181,7 +181,7 @@ function uptime($url)
<ul>
<li>
<a href="https://ayaya.beauty">ayaya.beauty</a> @ 🇨🇱
<span class="selfhosted">(Self-Hosted)</span> ⎯
<a class="selfhosted">(Self-Hosted)</a> ⎯
Un subidor multimedia temporal
que usa <a href="https://github.com/nokonoko/uguu">Uguu</a>,
permite
@ -190,7 +190,7 @@ function uptime($url)
</li>
<li>
<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
tus proyectos personales o hacer mirrors de otros
repositorios git con la intención de archivarlos.

386
style.css
View file

@ -1,291 +1,331 @@
/* Fonts */
@font-face {
font-family: "Gaiatype";
src: url("https://zzls.xyz/assets/fonts/Gaiatype.woff2") format('woff');
font-family: "Gaiatype";
src: url("https://zzls.xyz/assets/fonts/Gaiatype.woff2") format('woff');
}
html {
/* background-color: #111111; */
/* background: linear-gradient(to bottom, rgba(11, 11, 11, 0.900), rgba(11, 11, 11, 0.900)); */
/* background-image: url(./assets/bg.png) ; */
/* opacity: ; */
color: #f8feff;
font-family: "Roboto", monospace;
/* background-blend-mode: overlay;
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;
color: #f8feff;
font-family: "Roboto", monospace;
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 {
margin-top: 0px;
font-size: 1.1em;
margin-top: 0px;
font-size: 1.1em;
}
h1 {
text-align: center;
position: relative;
font-size: 1.7em;
margin-top: 15px;
margin-bottom: 15px;
font-family: "Gaiatype";
text-align: center;
position: relative;
font-size: 1.8em;
margin-top: 15px;
margin-bottom: 15px;
}
h2 {
font-size: 1.5em;
color: rgb(70, 200, 180);
margin-top: 15px;
margin-bottom: 15px;
font-family: "Gaiatype";
font-size: 1.6em;
color: rgb(70, 200, 180);
margin-top: 15px;
margin-bottom: 15px;
}
h3 {
font-size: 1.3em;
color: rgb(70, 185, 180);
margin-top: 15px;
margin-bottom: 15px;
font-family: "Gaiatype";
font-size: 1.4em;
color: rgb(70, 185, 180);
margin-top: 15px;
margin-bottom: 15px;
}
h4 {
font-size: 1.1em;
color: rgb(70, 170, 180);
margin-top: 15px;
margin-bottom: 15px;
font-family: "Gaiatype";
font-size: 1.2em;
color: rgb(70, 170, 180);
margin-top: 15px;
margin-bottom: 15px;
}
p {
font-size: 0.9em;
line-height: 1.5em;
margin-top: 12px;
margin-bottom: 12px;
/* font-family: "04b03"; */
font-size: 0.9em;
line-height: 1.55em;
/* margin-top: 12px; */
/* margin-bottom: 12px; */
}
a {
font-size: 0.9em;
line-height: 1.5em;
font-size: 0.9em;
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 {
text-decoration: line-through;
text-decoration: line-through;
color: red;
}
a:link {
color: rgb(255, 180, 255);
color: rgb(255, 180, 255);
}
a:visited {
color: rgb(255, 180, 255);
color: rgb(255, 180, 255);
}
li {
margin-top: 1vh;
margin-bottom: 1vh;
font-size: 0.9em;
line-height: 1.5em;
margin-top: 1vh;
margin-bottom: 1vh;
font-size: 0.9em;
line-height: 1.5em;
}
footer {
text-align: center;
padding: 1em;
text-align: center;
padding: 1em;
}
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>* {
margin: 0 auto;
margin: 0 auto;
}
#uptime-up {
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;
color: greenyellow;
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;
color: greenyellow;
}
#uptime-down {
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;
color: red;
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;
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 {
text-align: center;
font-size: 1.2ch;
color: #80d7ff;
text-align: center;
font-size: 1.2ch;
color: #80d7ff;
}
.content {
padding: 20px 20px;
margin: 0 auto;
max-width: 780px;
width: 70%;
min-height: 60vh;
word-wrap: break-word;
line-height: 1.5em;
padding: 20px 20px;
margin: 0 auto;
max-width: 780px;
width: 70%;
min-height: 60vh;
word-wrap: break-word;
line-height: 1.5em;
}
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
height: auto;
}
.qa {
margin-top: 1vh;
margin-bottom: 1vh;
margin-top: 1vh;
margin-bottom: 1vh;
}
.THEYGLOW {
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;
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;
}
.langglow {
text-shadow: 1px 2px 11px rgb(255, 255, 255);
text-shadow: 1px 2px 11px rgb(255, 255, 255);
}
.top {
font-size: small;
margin-top: 1ch;
flex: 1;
text-align: center;
font-size: 0.7em;
margin-top: 1ch;
flex: 1;
text-align: center;
}
.box {
position: relative;
text-align: center;
width: 1%;
margin-top: 9ch;
border: 4px solid #60976b83;
margin: auto;
position: relative;
text-align: center;
width: 1%;
margin-top: 9ch;
border: 4px solid #60976b83;
margin: auto;
}
.selfhosted {
color: #adff2f;
color: #adff2f;
}
.header1 {
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
display: flex;
align-items: center;
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
display: flex;
align-items: center;
}
.header2 {
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
position: relative;
animation: slide 8s linear infinite;
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
position: relative;
animation: slide 8s linear infinite;
}
#fade {
opacity: 1;
animation: fadeOut 7s linear;
opacity: 1;
animation: fadeOut 7s linear;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
0% {
opacity: 1;
}
100% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes slide {
0% {
transform: translateX(100vw);
/* opacity: 1; */
}
0% {
transform: translateX(100vw);
/* opacity: 1; */
}
/* 50% {
/* 50% {
opacity: 1;
} */
100% {
transform: translateX(-100%);
/* opacity: 0; */
}
100% {
transform: translateX(-100%);
/* opacity: 0; */
}
}
/* https://systemspace.dimden.dev/res/css/scanlines.css
/* Scanlines */
body:before {
content: "";
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1000;
background-image: url(/assets/bgs/overlay.png);
background-repeat: all;
background-position: 0px 0px;
animation-name: Static;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: steps(4);
opacity: 0.2;
/* box-shadow: inset 0px 0px 10em rgba(0, 0, 0, 0); */
content: "";
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1000;
background-image: url(/assets/bgs/overlay.png);
background-repeat: all;
background-position: 0px 0px;
animation-name: Static;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: steps(4);
opacity: 0.35;
/* box-shadow: inset 0px 0px 10em rgba(0, 0, 0, 0); */
}
body:after {
content: "";
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1000;
background-image: url(/assets/bgs/overlay2.png);
background-repeat: all;
background-position: 0px 0px;
animation-name: Static;
animation-duration: 0.8s;
animation-iteration-count: infinite;
animation-timing-function: steps(4);
opacity: 0.2;
content: "";
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1000;
background-image: url(/assets/bgs/overlay2.png);
background-repeat: all;
background-position: 0px 0px;
animation-name: Static;
animation-duration: 0.8s;
animation-iteration-count: infinite;
animation-timing-function: steps(4);
opacity: 0.35;
}
@keyframes Static {
0% {
background-position: 0px 0px;
}
0% {
background-position: 0px 0px;
}
100% {
background-position: 0px 4px;
}
100% {
background-position: 0px 4px;
}
}