Files
2026-02-03 19:37:38 -03:00

166 lines
9.9 KiB
HTML

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Masivana</title>
<meta name='viewport' content='width=device-width, initial-scale=0.5'>
<meta name="robots" content="noai, noimageai">
<link rel="stylesheet" type='text/css' href="css/global/components.css">
<link rel="stylesheet" type='text/css' href="css/global/styles.css">
<link rel='stylesheet' type='text/css' href='css/specific/main.css'>
<link rel='stylesheet' type='text/css' href='css/specific/chat.css'>
<link rel='stylesheet' type='text/css' href='css/specific/noaiwebring.css'>
</head>
<body>
<div class="top bar panel">
<div class="left">
<p><a href="es/about-this-site.html">Sobre el sitio</a></p>
</div>
<div class="mid">
<p><a href="es_home.html">Principal</a></p>
</div>
<div class="right">
<p>
<a href="#top">ES</a>
<a href="en_home.html">EN</a>
</p>
</div>
</div>
<div class="middle">
<div class="first">
<div class="blinkies panel">
<h1 class="title">Blinkies :p</h1>
<img src="imgs/blinkies/firefox_user.gif" alt="Firefox user." title="Lost-source">
<img src="imgs/blinkies/firefoxget.gif" alt="Firefox, the trusted browser." title="Lost source">
<img src="imgs/blinkies/deletetiktok_pink_blinkie.webp" alt="Delete tiktok." title="Lost source">
<img src="imgs/blinkies/bantimetravel_stamp.jpeg" alt="Ban time travel now." title="Lost source">
<img src="imgs/blinkies/0206-nyancat.gif" alt="Nyan cat." title="Lost source">
<img src="imgs/blinkies/blinkiesCafe-nonbinary.gif" alt="Non-binary flag." title="Generated on blinkies.cafe">
<img src="imgs/blinkies/queso_cubano_masiv_.gif" alt="Queso Cubano." title="Made it myself :D">
<img src="imgs/blinkies/blinkiesCafe-cats.gif" alt="Cat love." title="Generated on blinkies.cafe">
<img src="imgs/blinkies/blinkiesCafe-sudormrf.gif" alt="sudo rm -rf /" title="Generated on blinkies.cafe">
<img src="imgs/blinkies/dontfeedtheai.gif" alt="Don't feed the AI." title="Found on https://kotatsu.me/blinkies/dontfeedtheai.gif">
<img src="imgs/blinkies/steins.png" alt="Steins Gate Timeline Divergence clock." title="Made it myself :D">
<img src="imgs/blinkies/htmljunkie.gif" alt="HTML Junkie." title="Found on https://minx98.neocities.org/Assets/IDButtons/Ribbon/htmljunkie.gif">
<img src="imgs/blinkies/ihatepopups.gif" alt="I hate popups." title="Found on https://minx98.neocities.org/Assets/IDButtons/Ribbon/ihatepopups.webp">
<img src="imgs/blinkies/poweredbydoctorpepper.gif" alt="Powered by Dr. Pepper" title="Found on https://quinnbozon.nekoweb.org/indexs.html, source https://files.catbox.moe/1ouoj9.gif">
(Fuentes haciendo <br> hover)
</div>
<div class="webrings panel last">
<h1 class="title">Webrings</h1>
<!-- Completely replaced how this webring was provided for better accesibility, original one used <area> to include links inside the image,
but scaling it messes up the coordinates of each link, dynamically changing dimensions can only be achieved by using transform: scale(),
but that too is limited, as it can't access the current div's dimensions, you can get pixel scaling on width and height using calc and
percentages, but that doesn't scale the map accordingly.
Found a solution elsewhere, making clickable divs, and sizing them absolutely with respect to the image itself using percentages instead of
pixel's coordinates, here https://stackoverflow.com/questions/7844399/responsive-image-map/53597608#53597608 I think this solution works on
any browser, on any version (at least with my testing)-->
<div class="noaiwebring">
<a href="https://baccyflap.com/noai" target="_blank" alt="no ai webring" title="no ai webring"><div class="home"></div></a>
<a href="https://baccyflap.com/noai/?prv&s=msv" target="_top" alt="previous" title="previous"><div class="prv"></div></a>
<a href="https://baccyflap.com/noai/?rnd" target="_top" alt="random" title="random"><div class="rnd"></div></a>
<a href="https://baccyflap.com/noai/?nxt&s=msv" target="_top" alt="next" title="next"><div class="nxt"></div></a>
<img src="imgs/webrings/miniwidget5.gif" alt="the top of a fuzzy,
black sphere with two arrows rising from it, one curving to the left, one to the right. across the bulk of the sphere it reads NO AI / WEBRING in squiggly,
uneven letters and next to those words is a small question mark">
</div>
</div>
</div>
<div class="main">
<div class="about panel">
<p>Bienvenidxs a mi página web, aquí podrán encontrar los servicios que proveeo, y otra información :D</p>
</div>
<div class="invitation-info panel">
<h1 class="title">Registro</h1>
<p>Para acceder a algunos de los servicios de abajo, es necesaria <b>una cuenta</b>, por información contactar a la administradora.</p>
</div>
<div class="links panel">
<h1 class="title">Links</h1>
<div>
<div>
<h2>Masivana</h2>
<p>
<a href="https://movies.media.ethernal.win" target="_blank">Películas y series</a><br>
<a href="https://request.media.ethernal.win" target="_blank">Peticiones de contenido</a><br>
<a href="https://books.media.ethernal.win" target="_blank">Libros</a><br>
<a href="https://tube.media.ethernal.win" target="_blank">Videos</a><br>
</p>
</div>
<div>
<h2>Almacenamiento</h2>
<p>
<a href="https://photos.ethernal.win" target="_blank">Nube de fotos</a><br>
<a href="https://cloud2.ethernal.win" target="_blank">Nube</a><br>
</p>
</div>
<div>
<h2>Herramientas</h2>
<p>
<a href="https://convert.ethernal.win" target="_blank">Conversor de archivos</a><br>
<a href="https://pdf.ethernal.win" target="_blank">Conversor de pdfs</a><br>
<a href="https://dl.ethernal.win" target="_blank">Descargador de videos</a><br>
<a href="https://analysis.ethernal.win" target="_blank">Analizador de chats</a><br>
<a href="https://draw.ethernal.win" target="_blank">Pizarra</a><br>
<a href="https://gspanel.ethernal.win" target="_blank">Panel de juegos</a><br>
</p>
</div>
</div>
</div>
<div class="updates panel last">
<h1 class="title">Actualizaciones</h1>
<p>17/01/2026</p>
<hr>
<p>
Nuevo sitio web!
Espero les guste, desde ya hacía tiempo que quería tener mi propio sitio web, pero programado desde cero, estuve unas horitas re-aprendiendo html y css, sinceramente prefiero un internet sin bloat, por lo que a-priori no habrá javascript en este sitio.
</p>
</div>
</div>
<div class="other">
<div class="more panel">
<div>
<h1 class="title">Más</h1>
<a href="es/about-host.html">Sobre el host</a><br><br>
<a href="es/calc.html">Calculadora DIY</a>
</div>
</div>
<div class="chat panel last">
<h1 class="title">Chat</h1>
<div class="history panel">
<div>
<div class="comment">
<div class="user">masiv_:</div>
<div class="message">Vitae incidunt doloremque nostrum doloribus saepe minus quasi. Commodi iste sit nemo vel ut in. Qui enim ut eius nihil et quibusdam consequuntur.</div>
</div>
<div class="comment">
<div class="user">masiv_:</div>
<div class="message">Reiciendis tenetur suscipit nostrum qui atque quos ea. Minima quibusdam et excepturi voluptatem qui ea voluptatibus sed. Ea sed sint aut unde. Qui molestiae illo voluptatum. Nihil excepturi quidem officia. Et vero saepe molestias.</div>
</div>
<div class="comment">
<div class="user">masiv_:</div>
<div class="message">Unde quas dolorem explicabo quis iste. Iusto tempore eligendi qui consequatur a. Odio quas quo modi eos odio nemo ut. Tempore possimus ut nesciunt aut. Culpa voluptatibus quisquam est maiores non accusamus facere. Et mollitia asperiores autem.</div>
</div>
<div class="comment">
<div class="user">masiv_:</div>
<div class="message">Prueba N4</div>
</div>
</div>
</div>
<div class="inputs panel">
<input type="text" id="message" autocomplete="off" form="message" placeholder="Testing, not working.">
<input type="submit" value="Send">
</div>
</div>
</div>
</div>
</div>
<div class="bot bar panel">
<div class="left"><p>Hecho a mano, sólo html y css :D</p></div>
<img src="imgs/global/rainbowcable.png" alt="Rainbow cable." title="Found on https://minx98.neocities.org/Assets/IDButtons/Ribbon/rainbowcable.png">
<div class="right"><p>Versión 1.0.3, 21.01.2026</p></div>
</div>
</body>
</html>