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

pasdjuyhsidbsadauid xdasd

This commit is contained in:
Fijxu 2023-10-28 04:12:31 -03:00
parent 694b2a91d3
commit 3098f79f5f
5 changed files with 216 additions and 143 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/bgs/overlay.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 196 B

BIN
assets/bgs/overlay2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 208 B

81
index-en/index.html
View File

@ -24,25 +24,23 @@
</head> </head>
<body> <body>
<span style="font-size: 1.2ch; margin: 0 auto;"> <div class="top">
<a class="langglow">Other language?: <a class="langglow" href="../index.html">ES</a></a> | <a <a class="langglow">Other language?: <a class="langglow" href="../index.html">ES</a></a> |
href="./donate/">Donations</a> | <a href="https://files.zzls.xyz">Files</a> <a href="./donate/">Donations</a> |
| <a href="../privacy-en/">Privacy Policy</a> <a href="https://files.zzls.xyz">Files</a> |
| <a href="../announcements/">Announcements</a> | <a href="../privacy-en/">Privacy Policy</a> |
<a>Contact: <a href="https://matrix.to/#/@fijxu:zzls.xyz">@fijxu:zzls.xyz</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 <a href="../transparency">Transparency</a> |
Server (NOT DEAD, IT'S ALIVE <a href="../minecraft-en">Minecraft Server (NOT DEAD, IT'S ALIVE NOW!!!)</a> |
NOW!!!)</a> | <a href="https://noc.social/@fijxu">Mastodon</a> | <a <a href="https://noc.social/@fijxu">Mastodon</a> |
href="https://zzls.xyz/trafficstats">Internet Traffic <a href="https://zzls.xyz/trafficstats">Internet Traffic Stats</a> |
Stats</a> | <a href="https://blog.zzls.xyz/en">Blog</a> <a href="https://blog.zzls.xyz/en">Blog</a>
</span> </div>
<div class="content"> <div class="content">
<h1> <h1>xd</h1>
lisahkjsaldsadjadsadsadoiajdooow <img style="width: 3%; height: 3%;" alt="pepeL" src="../assets/pepeL.webp"> <p class="lastupdate">Last Updated: 2023-10-27</p>
</h1>
<p class="lastupdate">Last Updated: 2023-10-25</p>
<!-- <p style=" color:#35ae56">I will try to remove Intel Management Engine from the BIOS of my Self-hosted server. <!-- <p style=" color:#35ae56">I will try to remove Intel Management Engine from the BIOS of my Self-hosted server.
So So
expect some downtime @~00:00 UTC+0</p> --> 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. a European country feel free to use them, as long as they work for you, it's all good.
</p> </p>
<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 <span class="selfhosted">(Self-Hosted)</span>
may be may be
@ -67,7 +65,7 @@
servers for these services (because I am not servers for these services (because I am not
able to afford it xD).</i> able to afford it xD).</i>
</p> </p>
<b style="font-size: 1em">➤ Privacy Oriented Ones:</b> <h4>Privacy Oriented Ones:</h4>
<ul> <ul>
<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> @
@ -197,21 +195,12 @@
of the page of the page
</li> </li>
</ul> </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> <h2>Servers specifications</h2>
<p>You can find more information about the servers/computers running this <p>You can find more information about the servers/computers running this
kind of services here -> <a href="../srvspecs">yes, here</a></p> kind of services here -> <a href="../srvspecs">yes, here</a></p>
<h2>Q&A</h2> <h2>Q&A</h2>
<b> - Your services are running behind <a style="color:coral">Cloudflare?</a></b> <h4>Your services are running behind <a style="color:coral">Cloudflare?</a></h4>
<p class="qa">> <b>NO</b> <p>No</p>
<p>And here is the reason why</p> <p>And here is the reason why</p>
<p>People shouldn't use Cloudflare for privacy related services, it <p>People shouldn't use Cloudflare for privacy related services, it
defeats the whole concept of online defeats the whole concept of online
@ -220,26 +209,17 @@
server. And nobody wants a hundred of Cloudflare captchas shit just to server. And nobody wants a hundred of Cloudflare captchas shit just to
access a site, that is supposed to stop bad access a site, that is supposed to stop bad
bots, not humans. bots, not humans.
<p><a href="https://0xacab.org/dCF/deCloudflare/">https://0xacab.org/dCF/deCloudflare/</a> <h4>How I can ensure you are not collecting any data?</h4>
+ <a href="https://0xacab.org/dCF/deCloudflare/-/raw/master/image/iminurtls.jpg">kek</a> <p>The NGINX configs and other configs are available
+ <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
<a href="https://git.zzls.xyz/Fijxu/etc-configs">here</a>, they are on <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 different branches so explore whatever you want, if you find something
that is not very privacy respecting into the Privacy Oriented services that is not very privacy respecting into the Privacy Oriented services
configs, contact me via matrix: configs, contact me via 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>
(I'am always available there, it's not dead). (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> </p>
<b> - How I can TRUST YOU?</b> <h4>How I can TRUST YOU?</h4>
<p> <p>Do you trust <b style="color: #4285f4">G</b><b style="color: #ea4335">O</b><b
> Like, 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: #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 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 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 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. is exactly like being a nurse, only people die slightly less often.
</blockquote> </blockquote>
<b> <!-- BELLOW COMMENTED TEXT IS JUST BULLSHIT (but true ololololololo) -->
- Why are your privacy oriented services running on Chile and not US?</b> <!-- <h4>Why are your privacy oriented services running on Chile and not US?</h4>
<p> <p>Because of the <span class="THEYGLOW">3 letter agencies</span> (yes,
> Because of the <span class="THEYGLOW">3 letter agencies</span> (yes,
they <span class="THEYGLOW">glow</span> a lot) that exists on the US, 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 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 everything. Regarding to the Self-hosted services, they are far more
@ -270,11 +249,9 @@
down down
by a long time, that services will not be available, but that happens by a long time, that services will not be available, but that happens
rarely. rarely.
</p> </p> -->
<b> - Do you have any donations link?</b> <h4>Do you have any donations link?</h4>
<p> <p><a href="../donate">Yes</a>.</p>
> <a href="../donate">Yes</a>.
</p>
</div> </div>
<footer> <footer>
<div class="banners"> <div class="banners">

138
index.html
View File

@ -23,25 +23,22 @@
</head> </head>
<body> <body>
<span style="font-size: 1.2ch;margin: 0 auto;"> <div class="top">
<a class="langglow">Other language?: <a class="langglow" href="./index-en">EN</a></a> | <a <a class="langglow">Other language?: <a class="langglow" href="./index-en">EN</a></a> |
href="./donar/">Donaciones</a> | <a href="./privacy/">Política <a href="./donar/">Donaciones</a> |
de Privacidad</a> | <a href="https://files.zzls.xyz">Archivos</a> | <a href="./anuncios/">Anuncios</a> | <a href="./privacy/">Política de Privacidad</a> |
<a>Contacto: <a href="https://matrix.to/#/@fijxu:zzls.xyz">@fijxu:zzls.xyz</a> <a href="https://files.zzls.xyz">Archivos</a> |
| <a href="./transparency">Transparencia</a> | <a href="./minecraft">Server de Minecraft (TOTALMENTE <a href="./anuncios/">Anuncios</a> |
VIVO!)</a> <a>Contacto: <a href="https://matrix.to/#/@fijxu:zzls.xyz">@fijxu:zzls.xyz</a> |
| <a href="https://noc.social/@fijxu">Mastodon</a> | <a href="https://zzls.xyz/trafficstats">Estadísticas de <a href="./transparency">Transparencia</a> |
tráfico de Internet</a> | <a <a href="./minecraft">Server de Minecraft (TOTALMENTE VIVO!)</a> |
href="https://blog.zzls.xyz/es">Blog</a> <a href="https://noc.social/@fijxu">Mastodon</a> |
</span> <a href="https://zzls.xyz/trafficstats">Estadísticas de tráfico de Internet</a> |
<span style="float: right;"> <a href="https://blog.zzls.xyz/es">Blog</a>
</span> </div>
<div class="content"> <div class="content">
<h1> <h1>lol</h1>
ajskaincchwehwcsdcdscdscsckjnnkjsa <img style="width: 3%; height: 3%;" alt="pepeL" <p class="lastupdate">Ultima Actualización: 2023-10-27</p>
src="./assets/pepeL.webp">
</h1>
<p class="lastupdate">Ultima Actualización: 2023-10-25</p>
<p> <p>
Hola, me conocen como "<b>Fijxu</b>" y me dedico a alojar servicios Hola, me conocen como "<b>Fijxu</b>" y me dedico a alojar servicios
enfocados a enfocados a
@ -55,7 +52,7 @@
de utilizarlos, mientras funcionen para ti, todo bien. de utilizarlos, mientras funcionen para ti, todo bien.
</p> </p>
<h2>Lista de servicios</h2> <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 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> <span class="selfhosted">(Self-Hosted)</span>
@ -65,7 +62,7 @@
servidores dedicados para estos servicios. servidores dedicados para estos servicios.
(Porque no soy capaz de pagarlo xD)</i> (Porque no soy capaz de pagarlo xD)</i>
</p> </p>
<b style="font-size: 1em">➤ Servicios enfocados a la Privacidad:</b> <h4>Servicios enfocados a la Privacidad:</h4>
<ul> <ul>
<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> @
@ -162,14 +159,8 @@
datos están encriptados en el lado del cliente usando datos están encriptados en el lado del cliente usando
AES-256. AES-256.
</li> </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> </ul>
<b style="font-size: 1em">➤ Servicios Varios:</b> <h4>Servicios Varios:</h4>
<ul> <ul>
<li> <li>
<a href="https://ayaya.beauty">ayaya.beauty</a> @ 🇨🇱 <a href="https://ayaya.beauty">ayaya.beauty</a> @ 🇨🇱
@ -210,55 +201,44 @@
hacer un recuento de la cantidad de visitas. hacer un recuento de la cantidad de visitas.
</li> </li>
</ul> </ul>
<h2>Servers!!!</h2>
<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>
<p>Puedes encontrar información acerca de los servidores que se <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> -> <a href="../srvspecs">si, aquí</a> (SOLO EN INGLES)</p>
<h2>Preguntas y Respuestas</h2> <h2>Preguntas y Respuestas</h2>
<b> - Tus servicios están corriendo detrás de <a style="color:coral">Cloudflare?</a></b> <h4>Tus servicios están corriendo detrás de <a style="color:coral">Cloudflare?</a></h4>
<p class="qa">> <b>No :)</b> <p><b>No xd</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>
<b> - Como puedo asegurarme de que no estas guardando datos <h4>Como puedo asegurarme de que no estas guardando datos
personales?</b> personales?</h4>
<p class="qa"> <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>,
@ -278,7 +258,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í,
@ -291,10 +271,8 @@
</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-->
<b> - Tienes un link para poder donar?</b> <h4>Tienes un link para poder donar?</h4>
<p> <p><a href="./donate/">Si</a>.</p>
> <a href="./donate/">Si</a>.
</p>
</div> </div>
<footer> <footer>
<div class="banners"> <div class="banners">
@ -322,8 +300,8 @@
alt="Bienvenido a Internet :D"></a> 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>
</div> </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"> <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;"> <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

140
style.css
View File

@ -8,13 +8,11 @@ html {
/* background-blend-mode: overlay; /* background-blend-mode: overlay;
background-size: auto; */ background-size: auto; */
/* margin-top: 1px; */ /* margin-top: 1px; */
background-image: linear-gradient( background-image: linear-gradient(to bottom,
to bottom,
rgba(11, 11, 11, 0.80), rgba(11, 11, 11, 0.80),
rgba(11, 11, 11, 0.90) rgba(11, 11, 11, 0.90)),
),
url(./assets/bgs/bgtile3.gif); url(./assets/bgs/bgtile3.gif);
background-attachment: fixed; background-attachment: fixed;
} }
body { body {
@ -26,26 +24,36 @@ h1 {
text-align: center; text-align: center;
position: relative; position: relative;
font-size: 1.7em; font-size: 1.7em;
margin-top: 15px;
margin-bottom: 15px;
} }
h2 { h2 {
font-size: 1.5em; font-size: 1.5em;
color: steelblue; color: rgb(70, 200, 180);
margin-top: 15px;
margin-bottom: 15px;
} }
h3 { h3 {
font-size: 1.3em; font-size: 1.3em;
color: rgb(70, 145, 156); color: rgb(70, 185, 180);
margin-top: 15px;
margin-bottom: 15px;
} }
h4 { h4 {
font-size: 1.1em; font-size: 1.1em;
color: rgb(183, 106, 187); color: rgb(70, 170, 180);
margin-top: 15px;
margin-bottom: 15px;
} }
p { p {
font-size: 0.9em; font-size: 0.9em;
line-height: 1.5em; line-height: 1.5em;
margin-top: 12px;
margin-bottom: 12px;
} }
a { a {
@ -77,13 +85,15 @@ code {
color: #adff2f; color: #adff2f;
} }
#donate > * { #donate>* {
margin: 0 auto; margin: 0 auto;
} }
.lastupdate { .lastupdate {
text-align: center; text-align: center;
font-size: 1.1ch; font-size: 1.2ch;
color: #80d7ff;
} }
.content { .content {
@ -95,6 +105,7 @@ code {
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;
@ -117,6 +128,13 @@ code {
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;
}
.box { .box {
position: relative; position: relative;
text-align: center; text-align: center;
@ -128,4 +146,104 @@ code {
.selfhosted { .selfhosted {
color: #adff2f; 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;
}
} }