pasdjuyhsidbsadauid xdasd
This commit is contained in:
parent
694b2a91d3
commit
3098f79f5f
5 changed files with 216 additions and 143 deletions
BIN
assets/bgs/overlay.png
Normal file
BIN
assets/bgs/overlay.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 196 B |
BIN
assets/bgs/overlay2.png
Normal file
BIN
assets/bgs/overlay2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 208 B |
|
|
@ -24,25 +24,23 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<span style="font-size: 1.2ch; margin: 0 auto;">
|
||||
<a class="langglow">Other language?: <a class="langglow" href="../index.html">ES</a></a> | <a
|
||||
href="./donate/">Donations</a> | <a href="https://files.zzls.xyz">Files</a>
|
||||
| <a href="../privacy-en/">Privacy Policy</a>
|
||||
| <a href="../announcements/">Announcements</a> |
|
||||
<a>Contact: <a href="https://matrix.to/#/@fijxu:zzls.xyz">@fijxu:zzls.xyz</a>
|
||||
|
|
||||
<a href="../transparency">Transparency</a> | <a href="../minecraft-en">Minecraft
|
||||
Server (NOT DEAD, IT'S ALIVE
|
||||
NOW!!!)</a> | <a href="https://noc.social/@fijxu">Mastodon</a> | <a
|
||||
href="https://zzls.xyz/trafficstats">Internet Traffic
|
||||
Stats</a> | <a href="https://blog.zzls.xyz/en">Blog</a>
|
||||
</span>
|
||||
<div class="top">
|
||||
<a class="langglow">Other language?: <a class="langglow" href="../index.html">ES</a></a> |
|
||||
<a href="./donate/">Donations</a> |
|
||||
<a href="https://files.zzls.xyz">Files</a> |
|
||||
<a href="../privacy-en/">Privacy Policy</a> |
|
||||
<a href="../announcements/">Announcements</a> |
|
||||
<a>Contact: <a href="https://matrix.to/#/@fijxu:zzls.xyz">@fijxu:zzls.xyz</a> |
|
||||
<a href="../transparency">Transparency</a> |
|
||||
<a href="../minecraft-en">Minecraft Server (NOT DEAD, IT'S ALIVE NOW!!!)</a> |
|
||||
<a href="https://noc.social/@fijxu">Mastodon</a> |
|
||||
<a href="https://zzls.xyz/trafficstats">Internet Traffic Stats</a> |
|
||||
<a href="https://blog.zzls.xyz/en">Blog</a>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<h1>
|
||||
lisahkjsaldsadjadsadsadoiajdooow <img style="width: 3%; height: 3%;" alt="pepeL" src="../assets/pepeL.webp">
|
||||
</h1>
|
||||
<p class="lastupdate">Last Updated: 2023-10-25</p>
|
||||
<h1>xd</h1>
|
||||
<p class="lastupdate">Last Updated: 2023-10-27</p>
|
||||
<!-- <p style=" color:#35ae56">I will try to remove Intel Management Engine from the BIOS of my Self-hosted server.
|
||||
So
|
||||
expect some downtime @~00:00 UTC+0</p> -->
|
||||
|
|
@ -58,7 +56,7 @@
|
|||
a European country feel free to use them, as long as they work for you, it's all good.
|
||||
</p>
|
||||
<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
|
||||
basis, the ones marked with <span class="selfhosted">(Self-Hosted)</span>
|
||||
may be
|
||||
|
|
@ -67,7 +65,7 @@
|
|||
servers for these services (because I am not
|
||||
able to afford it xD).</i>
|
||||
</p>
|
||||
<b style="font-size: 1em">➤ Privacy Oriented Ones:</b>
|
||||
<h4>Privacy Oriented Ones:</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<a class="THEYGLOW" style="color: greenyellow;" href="https://4get.zzls.xyz">4get</a> @
|
||||
|
|
@ -197,21 +195,12 @@
|
|||
of the page
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<b style="font-size: 1em">➤ Status Webpages:</b>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://justloginstances.zzls.xyz">Justlog Instances Uptime</a>
|
||||
@ <span style="color: red">GitHub</span> ⎯ Webpage that runs with the
|
||||
upptime bot from github, running with Github actions and Github pages
|
||||
</li>
|
||||
</ul>
|
||||
<h2>Servers specifications</h2>
|
||||
<p>You can find more information about the servers/computers running this
|
||||
kind of services here -> <a href="../srvspecs">yes, here</a></p>
|
||||
<h2>Q&A</h2>
|
||||
<b> - Your services are running behind <a style="color:coral">Cloudflare?</a></b>
|
||||
<p class="qa">> <b>NO</b>
|
||||
<h4>Your services are running behind <a style="color:coral">Cloudflare?</a></h4>
|
||||
<p>No</p>
|
||||
<p>And here is the reason why</p>
|
||||
<p>People shouldn't use Cloudflare for privacy related services, it
|
||||
defeats the whole concept of online
|
||||
|
|
@ -220,26 +209,17 @@
|
|||
server. And nobody wants a hundred of Cloudflare captchas shit just to
|
||||
access a site, that is supposed to stop bad
|
||||
bots, not humans.
|
||||
<p><a href="https://0xacab.org/dCF/deCloudflare/">https://0xacab.org/dCF/deCloudflare/</a>
|
||||
+ <a href="https://0xacab.org/dCF/deCloudflare/-/raw/master/image/iminurtls.jpg">kek</a>
|
||||
+ <a href="./assets/imgs/omsnote.jpg">One more step...</a></p>
|
||||
</p>
|
||||
<b> - How I can ensure you are not collecting any data?</b>
|
||||
<p class="qa">
|
||||
> The NGINX configs and other configs are available
|
||||
<h4>How I can ensure you are not collecting any data?</h4>
|
||||
<p>The NGINX configs and other configs are available
|
||||
<a href="https://git.zzls.xyz/Fijxu/etc-configs">here</a>, they are on
|
||||
different branches so explore whatever you want, if you find something
|
||||
that is not very privacy respecting into the Privacy Oriented services
|
||||
configs, contact me via matrix:
|
||||
<a href="https://matrix.to/#/@fijxu:zzls.xyz">@fijxu:zzls.xyz</a>
|
||||
(I'am always available there, it's not dead).
|
||||
<a style="font-size: 1vh">- Discord?</a><a style="font-size: 1vh"> > I
|
||||
don't use discord, and you should stop
|
||||
using discord too, is not about you don't have anything to hide</a>
|
||||
</p>
|
||||
<b> - How I can TRUST YOU?</b>
|
||||
<p>
|
||||
> Like, do you trust <b style="color: #4285f4">G</b><b style="color: #ea4335">O</b><b
|
||||
<h4>How I can TRUST YOU?</h4>
|
||||
<p>Do you trust <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> with your data right? So there is not
|
||||
problem in trusting a random person of internet that fights for online
|
||||
|
|
@ -256,10 +236,9 @@
|
|||
blood, and vomit. Now that I think about it, administering a mail host
|
||||
is exactly like being a nurse, only people die slightly less often.
|
||||
</blockquote>
|
||||
<b>
|
||||
- Why are your privacy oriented services running on Chile and not US?</b>
|
||||
<p>
|
||||
> Because of the <span class="THEYGLOW">3 letter agencies</span> (yes,
|
||||
<!-- BELLOW COMMENTED TEXT IS JUST BULLSHIT (but true ololololololo) -->
|
||||
<!-- <h4>Why are your privacy oriented services running on Chile and not US?</h4>
|
||||
<p>Because of the <span class="THEYGLOW">3 letter agencies</span> (yes,
|
||||
they <span class="THEYGLOW">glow</span> a lot) that exists on the US,
|
||||
also i don't want everything running on the same country where i host
|
||||
everything. Regarding to the Self-hosted services, they are far more
|
||||
|
|
@ -270,11 +249,9 @@
|
|||
down
|
||||
by a long time, that services will not be available, but that happens
|
||||
rarely.
|
||||
</p>
|
||||
<b> - Do you have any donations link?</b>
|
||||
<p>
|
||||
> <a href="../donate">Yes</a>.
|
||||
</p>
|
||||
</p> -->
|
||||
<h4>Do you have any donations link?</h4>
|
||||
<p><a href="../donate">Yes</a>.</p>
|
||||
</div>
|
||||
<footer>
|
||||
<div class="banners">
|
||||
|
|
|
|||
138
index.html
138
index.html
|
|
@ -23,25 +23,22 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<span style="font-size: 1.2ch;margin: 0 auto;">
|
||||
<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>
|
||||
</span>
|
||||
<span style="float: right;">
|
||||
</span>
|
||||
<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>
|
||||
ajskaincchwehwcsdcdscdscsckjnnkjsa <img style="width: 3%; height: 3%;" alt="pepeL"
|
||||
src="./assets/pepeL.webp">
|
||||
</h1>
|
||||
<p class="lastupdate">Ultima Actualización: 2023-10-25</p>
|
||||
<h1>lol</h1>
|
||||
<p class="lastupdate">Ultima Actualización: 2023-10-27</p>
|
||||
<p>
|
||||
Hola, me conocen como "<b>Fijxu</b>" y me dedico a alojar servicios
|
||||
enfocados a
|
||||
|
|
@ -55,7 +52,7 @@
|
|||
de utilizarlos, mientras funcionen para ti, todo bien.
|
||||
</p>
|
||||
<h2>Lista de servicios</h2>
|
||||
<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
|
||||
diaria, toma en cuenta que los que están marcados con
|
||||
<span class="selfhosted">(Self-Hosted)</span>
|
||||
|
|
@ -65,7 +62,7 @@
|
|||
servidores dedicados para estos servicios.
|
||||
(Porque no soy capaz de pagarlo xD)</i>
|
||||
</p>
|
||||
<b style="font-size: 1em">➤ Servicios enfocados a la Privacidad:</b>
|
||||
<h4>Servicios enfocados a la Privacidad:</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<a class="THEYGLOW" style="color: greenyellow;" href="https://4get.zzls.xyz">4get</a> @
|
||||
|
|
@ -162,14 +159,8 @@
|
|||
datos están encriptados en el lado del cliente usando
|
||||
AES-256.
|
||||
</li>
|
||||
<!-- <li>
|
||||
<a href="dns.zzls.xyz">DNS + DoT</a> @ 🇨🇱 ⎯ Servidor DNS sin censura corriendo con
|
||||
BIND9, probablemente la <a
|
||||
href="https://git.zzls.xyz/Fijxu/etc-configs/src/branch/vpscl/named.conf">configuración</a> sea
|
||||
mierda pero funciona.
|
||||
</li> -->
|
||||
</ul>
|
||||
<b style="font-size: 1em">➤ Servicios Varios:</b>
|
||||
<h4>Servicios Varios:</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://ayaya.beauty">ayaya.beauty</a> @ 🇨🇱
|
||||
|
|
@ -210,55 +201,44 @@
|
|||
hacer un recuento de la cantidad de visitas.
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<b style="font-size: 1em">➤ Uptime de los servicios:</b>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://justloginstances.zzls.xyz">Uptime de
|
||||
instancias de Justlog</a>
|
||||
@ <span style="color: red">GitHub</span> ⎯ Pagina web
|
||||
que corre usando el bot Upptime de Github, muestra
|
||||
las instancias disponibles de Justlog y su Uptime.
|
||||
</li>
|
||||
</ul>
|
||||
<h2>Especificación de los servidores</h2>
|
||||
<h2>Servers!!!</h2>
|
||||
<p>Puedes encontrar información acerca de los servidores que se
|
||||
usan para correr los servicios que proveo aquí
|
||||
usan para alojar los servicios que proveo aquí
|
||||
-> <a href="../srvspecs">si, aquí</a> (SOLO EN INGLES)</p>
|
||||
<h2>Preguntas y Respuestas</h2>
|
||||
<b> - Tus servicios están corriendo detrás de <a style="color:coral">Cloudflare?</a></b>
|
||||
<p class="qa">> <b>No :)</b>
|
||||
<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>
|
||||
<b> - Como puedo asegurarme de que no estas guardando datos
|
||||
personales?</b>
|
||||
<p class="qa">
|
||||
> 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>
|
||||
<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>
|
||||
> 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>,
|
||||
|
|
@ -278,7 +258,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í,
|
||||
|
|
@ -291,10 +271,8 @@
|
|||
</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-->
|
||||
<b> - Tienes un link para poder donar?</b>
|
||||
<p>
|
||||
> <a href="./donate/">Si</a>.
|
||||
</p>
|
||||
<h4>Tienes un link para poder donar?</h4>
|
||||
<p><a href="./donate/">Si</a>.</p>
|
||||
</div>
|
||||
<footer>
|
||||
<div class="banners">
|
||||
|
|
@ -322,8 +300,8 @@
|
|||
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">
|
||||
<p><img src="https://count.ayaya.beauty/get/@:index.html.zzls2?theme=asoul" style="width: 200px;" /></p>
|
||||
<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
|
||||
|
|
|
|||
140
style.css
140
style.css
|
|
@ -8,13 +8,11 @@ html {
|
|||
/* background-blend-mode: overlay;
|
||||
background-size: auto; */
|
||||
/* margin-top: 1px; */
|
||||
background-image: linear-gradient(
|
||||
to bottom,
|
||||
background-image: linear-gradient(to bottom,
|
||||
rgba(11, 11, 11, 0.80),
|
||||
rgba(11, 11, 11, 0.90)
|
||||
),
|
||||
rgba(11, 11, 11, 0.90)),
|
||||
url(./assets/bgs/bgtile3.gif);
|
||||
background-attachment: fixed;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
body {
|
||||
|
|
@ -26,26 +24,36 @@ h1 {
|
|||
text-align: center;
|
||||
position: relative;
|
||||
font-size: 1.7em;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.5em;
|
||||
color: steelblue;
|
||||
color: rgb(70, 200, 180);
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.3em;
|
||||
color: rgb(70, 145, 156);
|
||||
color: rgb(70, 185, 180);
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.1em;
|
||||
color: rgb(183, 106, 187);
|
||||
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;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
@ -77,13 +85,15 @@ code {
|
|||
color: #adff2f;
|
||||
}
|
||||
|
||||
#donate > * {
|
||||
#donate>* {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.lastupdate {
|
||||
text-align: center;
|
||||
font-size: 1.1ch;
|
||||
text-align: center;
|
||||
font-size: 1.2ch;
|
||||
color: #80d7ff;
|
||||
|
||||
}
|
||||
|
||||
.content {
|
||||
|
|
@ -95,6 +105,7 @@ code {
|
|||
word-wrap: break-word;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
|
|
@ -117,6 +128,13 @@ code {
|
|||
text-shadow: 1px 2px 11px rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
.top {
|
||||
font-size: small;
|
||||
margin-top: 1ch;
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.box {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
|
|
@ -128,4 +146,104 @@ code {
|
|||
|
||||
.selfhosted {
|
||||
color: #adff2f;
|
||||
}
|
||||
|
||||
.header1 {
|
||||
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;
|
||||
}
|
||||
|
||||
#fade {
|
||||
opacity: 1;
|
||||
animation: fadeOut 7s linear;
|
||||
}
|
||||
|
||||
@keyframes fadeOut {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes slide {
|
||||
0% {
|
||||
transform: translateX(100vw);
|
||||
/* opacity: 1; */
|
||||
}
|
||||
|
||||
/* 50% {
|
||||
opacity: 1;
|
||||
} */
|
||||
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); */
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
@keyframes Static {
|
||||
0% {
|
||||
background-position: 0px 0px;
|
||||
}
|
||||
|
||||
100% {
|
||||
background-position: 0px 4px;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue