358 lines
22 KiB
HTML
358 lines
22 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=0.75">
|
|
<title>masiv's lair</title>
|
|
<link rel="stylesheet" href="css/main/main.css">
|
|
<link rel="icon" href="img/favicon/favicon-lair.png">
|
|
</head>
|
|
<body>
|
|
<div class="navbar top blank"></div>
|
|
<div class="navbar top">
|
|
<div class="logo">
|
|
<img src="img/logo/logo_smth.png" alt="">
|
|
<a href="main_es.html" class="logo-text">masiv's lair</a>
|
|
</div>
|
|
<div class="about panel">
|
|
<b><a href="pages/articles/about_es.html">Sobre mí</a></b>
|
|
</div>
|
|
<div class="links">
|
|
<div class="social-media github">
|
|
<img src="img/icons/github.png" alt="">
|
|
<a href="https://github.com/masiv1001" target="_blank">masiv1001</a>
|
|
</div>
|
|
<div class="social-media instagram">
|
|
<img src="img/icons/instagram.png" alt="">
|
|
<a href="https://instagram.com/sietezip/" target="_blank">sietezip</a>
|
|
</div>
|
|
<div class="social-media pixelfed">
|
|
<img src="img/icons/pixelfed.png" alt="">
|
|
<a href="https://pixelfed.social/masiv1001/" target="_blank">masiv1001</a>
|
|
</div>
|
|
<div class="social-media twitter">
|
|
<img src="img/icons/twitter.png" alt="">
|
|
<a href="https://twitter.com/_visam/" target="_blank">_visam</a>
|
|
</div>
|
|
<div class="social-media reddit">
|
|
<img src="img/icons/reddit.png" alt="">
|
|
<a href="https://www.reddit.com/user/masiv_o/" target="_blank">masiv_o</a>
|
|
</div>
|
|
<div class="social-media steam">
|
|
<img src="img/icons/steam.png" alt="">
|
|
<a href="https://steamcommunity.com/id/masiv1001/" target="_blank">masiv1001</a>
|
|
</div>
|
|
<div class="social-media osu">
|
|
<img src="img/icons/osu.png" alt="">
|
|
<a href="https://osu.ppy.sh/users/19273464/" target="_blank">masiv_</a>
|
|
</div>
|
|
<div class="social-media mail">
|
|
<img src="img/icons/mail.png" alt="">
|
|
<a href="mailto:masiv_@ethernal.win" target="_blank">masiv_ @ethernal.win</a>
|
|
</div>
|
|
</div>
|
|
<div class="lang-picker panel">
|
|
<b><a href="main_en.php">English</a></b>
|
|
</div>
|
|
</div>
|
|
<div class="wrapper">
|
|
<div class="primary">
|
|
<div class="blinkies one panel">
|
|
<img id="try_hovering--blinkie" src="img/decorations/try_hovering_es.png" alt="apoya el cursor!">
|
|
<img id="try_tapping--blinkie" src="img/decorations/try_tapping_es.png" alt="mantén presionado!">
|
|
<div class="clip-box">
|
|
<div class="auto-scroll">
|
|
<div class="scroll_one">
|
|
<img src="img/blinkies/0206-nyancat.gif" alt="">
|
|
<img src="img/blinkies/bantimetravel_stamp.jpeg" alt="">
|
|
<img src="img/blinkies/blinkiesCafe-cats.gif" alt="">
|
|
<img src="img/blinkies/blinkiesCafe-nonbinary.gif" alt="">
|
|
<img src="img/blinkies/blinkiesCafe-sudormrf.gif" alt="">
|
|
<img src="img/blinkies/deletetiktok_pink_blinkie.webp" alt="">
|
|
<img src="img/blinkies/dontfeedtheai.gif" alt="">
|
|
<img src="img/blinkies/firefox_user.gif" alt="">
|
|
<img src="img/blinkies/firefoxget.gif" alt="">
|
|
<img src="img/blinkies/htmljunkie.gif" alt="">
|
|
<div class="spacer"></div>
|
|
</div>
|
|
<div class="scroll_two">
|
|
<img src="img/blinkies/0206-nyancat.gif" alt="">
|
|
<img src="img/blinkies/bantimetravel_stamp.jpeg" alt="">
|
|
<img src="img/blinkies/blinkiesCafe-cats.gif" alt="">
|
|
<img src="img/blinkies/blinkiesCafe-nonbinary.gif" alt="">
|
|
<img src="img/blinkies/blinkiesCafe-sudormrf.gif" alt="">
|
|
<img src="img/blinkies/deletetiktok_pink_blinkie.webp" alt="">
|
|
<img src="img/blinkies/dontfeedtheai.gif" alt="">
|
|
<img src="img/blinkies/firefox_user.gif" alt="">
|
|
<img src="img/blinkies/firefoxget.gif" alt="">
|
|
<img src="img/blinkies/htmljunkie.gif" alt="">
|
|
<div class="spacer"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="articles panel">
|
|
<div class="header">
|
|
artículos
|
|
</div>
|
|
<div class="content">
|
|
<a href="pages/articles/about-host_es.html">Acerca del host</a>
|
|
<a href="pages/articles/diy-calculator_es.html">Calculadora DIY</a>
|
|
<a >Rediseño de la página</a> <!-- href="pages/articles/website-redesign_es.html" -->
|
|
<a >Cositas del CSS</a> <!-- href="pages/articles/css-shenanigans_es.html" -->
|
|
</div>
|
|
</div>
|
|
<div class="main">
|
|
<div class="provided panel">
|
|
<div class="hint">
|
|
</div>
|
|
<div class="header">
|
|
servicios
|
|
</div>
|
|
<div class="content">
|
|
<div class="services-hint">
|
|
<img src="img/utilities/exclamation-mark.gif">
|
|
<p>Algunos requieren una cuenta, sólo por invitación!</p>
|
|
</div>
|
|
<div class="services">
|
|
<div>
|
|
<b>masivana</b>
|
|
<a class="button" href="https://movies.media.ethernal.win" target="_blank">Peliculas</a>
|
|
<a class="button" href="https://request.media.ethernal.win" target="_blank">Peticiones</a>
|
|
<a class="button" href="https://books.media.ethernal.win" target="_blank">Libros</a>
|
|
<a class="button" href="https://tube.media.ethernal.win" target="_blank">Videos</a>
|
|
</div>
|
|
<div>
|
|
<b>nube(s)</b>
|
|
<a class="button" href="https://photos.ethernal.win" target="_blank">Fotos</a>
|
|
<a class="button" href="https://cloud2.ethernal.win" target="_blank">Nube</a>
|
|
</div>
|
|
<div>
|
|
<b>misc.</b>
|
|
<a class="button" href="https://convert.ethernal.win" target="_blank">Conversor</a>
|
|
<a class="button" href="https://pdf.ethernal.win" target="_blank">Herr. pdfs</a>
|
|
<a class="button" href="https://dl.ethernal.win" target="_blank">Desc. videos</a>
|
|
<a class="button" href="https://analysis.ethernal.win" target="_blank">Estad. Chats</a>
|
|
<a class="button" href="https://draw.ethernal.win" target="_blank">Pizarra</a>
|
|
<a class="button" href="https://gspanel.ethernal.win" target="_blank">Pan. Juegos</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="updates panel">
|
|
<div class="header">
|
|
actualizaciones! <img src="img/minis/totoro-smile.gif">
|
|
</div>
|
|
<div class="content">
|
|
<hr>
|
|
<div class="update">
|
|
<div class="date">2 Feb 2026</div>
|
|
<h3 class="title">Rediseño del sitio!</h3>
|
|
<p class="content">Después de un tiempo decidí darle una
|
|
nueva cara al sitio ya que el diseño anterior dejaba
|
|
bastante que desear, espero que sea de su agrado!
|
|
(Optimizado para todo tipo de dispositivos) Para más
|
|
información <a href="pages/articles/website-redesign_es.html">
|
|
Rediseño de la página</a> <img src="img/minis/cat-star.gif">
|
|
<a href="archive/ver_1-until2feb2026/es_home.html">Archived version</a>
|
|
</p>
|
|
</div>
|
|
<hr>
|
|
<div class="update">
|
|
<div class="date">17 Ene 2026</div>
|
|
<h3 class="title">Nuevo sitio web!</h3>
|
|
<p class="content">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>
|
|
<hr>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="chat-webrings">
|
|
<div class="chat panel">
|
|
<div class="header">
|
|
chat
|
|
</div>
|
|
<div class="content">
|
|
<form class="chat-account" action="" method="post">
|
|
<div class="chat-account-inputs">
|
|
<input type="text" placeholder="Usuario">
|
|
<input type="text" placeholder="Contraseña">
|
|
</div>
|
|
<div class="chat-account-buttons">
|
|
<button>Registrar</button>
|
|
<button>Ingresar</button>
|
|
</div>
|
|
<div class="chat-account-errors">
|
|
</div>
|
|
</form>
|
|
<div class="chat-history" style="align-self: center;">
|
|
todavía no hay chats!
|
|
</div>
|
|
<form class="chat-input" action="" method="post">
|
|
<input type="text" placeholder="Presiona Enter!">
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="webrings panel">
|
|
<div class="clip-box">
|
|
<div class="auto-scroll">
|
|
<div class="scroll_one">
|
|
<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="img/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 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="img/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 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="img/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 class="spacer"></div>
|
|
</div>
|
|
<div class="scroll_two">
|
|
<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="img/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 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="img/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 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="img/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 class="spacer"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="blinkies two panel">
|
|
<div class="clip-box">
|
|
<div class="auto-scroll">
|
|
<div class="scroll_one">
|
|
<img src="img/blinkies/0206-nyancat.gif" alt="">
|
|
<img src="img/blinkies/bantimetravel_stamp.jpeg" alt="">
|
|
<img src="img/blinkies/blinkiesCafe-cats.gif" alt="">
|
|
<img src="img/blinkies/blinkiesCafe-nonbinary.gif" alt="">
|
|
<img src="img/blinkies/blinkiesCafe-sudormrf.gif" alt="">
|
|
<img src="img/blinkies/deletetiktok_pink_blinkie.webp" alt="">
|
|
<img src="img/blinkies/dontfeedtheai.gif" alt="">
|
|
<img src="img/blinkies/firefox_user.gif" alt="">
|
|
<img src="img/blinkies/firefoxget.gif" alt="">
|
|
<img src="img/blinkies/htmljunkie.gif" alt="">
|
|
<div class="spacer"></div>
|
|
</div>
|
|
<div class="scroll_two">
|
|
<img src="img/blinkies/0206-nyancat.gif" alt="">
|
|
<img src="img/blinkies/bantimetravel_stamp.jpeg" alt="">
|
|
<img src="img/blinkies/blinkiesCafe-cats.gif" alt="">
|
|
<img src="img/blinkies/blinkiesCafe-nonbinary.gif" alt="">
|
|
<img src="img/blinkies/blinkiesCafe-sudormrf.gif" alt="">
|
|
<img src="img/blinkies/deletetiktok_pink_blinkie.webp" alt="">
|
|
<img src="img/blinkies/dontfeedtheai.gif" alt="">
|
|
<img src="img/blinkies/firefox_user.gif" alt="">
|
|
<img src="img/blinkies/firefoxget.gif" alt="">
|
|
<img src="img/blinkies/htmljunkie.gif" alt="">
|
|
<div class="spacer"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="verticalscroll panel blank"></div>
|
|
<div class="verticalscroll panel">
|
|
<div class="vertical-scroll-wrapper">
|
|
<div class="clip-box">
|
|
<div class="auto-scroll">
|
|
<div class="scroll_one"><p>hola terrícolas, este es un mensaje para todxs aquellxs que pasan el día preguntándose si existe la vida extra-terrestre, o si por el contrario ustedes están solxs. Supongo que nunca lo sabrán... </p></div>
|
|
<div class="scroll_two"><p>hola terrícolas, este es un mensaje para todxs aquellxs que pasan el día preguntándose si existe la vida extra-terrestre, o si por el contrario ustedes están solxs. Supongo que nunca lo sabrán... </p></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="scroll_below-clip-box">
|
|
<div class="scroll_below">
|
|
<img id="try_sliding_down" src="img/decorations/try_sliding_down_es.png" alt="try sliding down!">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="navbar bot blank"></div>
|
|
<div class="navbar bot">
|
|
<div class="links">
|
|
<div class="social-media github">
|
|
<img src="img/icons/github.png" alt="">
|
|
<a href="https://github.com/masiv1001" target="_blank">masiv1001</a>
|
|
</div>
|
|
<div class="social-media instagram">
|
|
<img src="img/icons/instagram.png" alt="">
|
|
<a href="https://instagram.com/sietezip/" target="_blank">sietezip</a>
|
|
</div>
|
|
<div class="social-media pixelfed">
|
|
<img src="img/icons/pixelfed.png" alt="">
|
|
<a href="https://pixelfed.social/masiv1001/" target="_blank">masiv1001</a>
|
|
</div>
|
|
<div class="social-media twitter">
|
|
<img src="img/icons/twitter.png" alt="">
|
|
<a href="https://twitter.com/_visam/" target="_blank">_visam</a>
|
|
</div>
|
|
<div class="social-media reddit">
|
|
<img src="img/icons/reddit.png" alt="">
|
|
<a href="https://www.reddit.com/user/masiv_o/" target="_blank">masiv_o</a>
|
|
</div>
|
|
<div class="social-media steam">
|
|
<img src="img/icons/steam.png" alt="">
|
|
<a href="https://steamcommunity.com/id/masiv1001/" target="_blank">masiv1001</a>
|
|
</div>
|
|
<div class="social-media osu">
|
|
<img src="img/icons/osu.png" alt="">
|
|
<a href="https://osu.ppy.sh/users/19273464/" target="_blank">masiv_</a>
|
|
</div>
|
|
<div class="social-media mail last">
|
|
<img src="img/icons/mail.png" alt="">
|
|
<a href="mailto:masiv_@ethernal.win" target="_blank">masiv_ @ethernal.win</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|