Transfer to git
This commit is contained in:
164
archive/ver_1-until2feb2026/en_home.html
Normal file
164
archive/ver_1-until2feb2026/en_home.html
Normal file
@@ -0,0 +1,164 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<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="en/about-this-site.html">About this site</a></p>
|
||||
</div>
|
||||
<div class="mid">
|
||||
<p><a href="en_home.html">Main</a></p>
|
||||
</div>
|
||||
<div class="right">
|
||||
<p>
|
||||
<a href="es_home.html">ES</a>
|
||||
<a href="#top">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">
|
||||
<a>(Sources on hover)</a>
|
||||
</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>Welcome to my personal website, below you can find information about the services I host + other info :D </p>
|
||||
</div>
|
||||
<div class="invitation-info panel">
|
||||
<h1 class="title">Registration</h1>
|
||||
<p>You need to create <b>an account</b> to use some of the services listed below, for information please contact the admin.</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">Movies & Series</a><br>
|
||||
<a href="https://request.media.ethernal.win" target="_blank">Content requests</a><br>
|
||||
<a href="https://books.media.ethernal.win" target="_blank">Books</a><br>
|
||||
<a href="https://tube.media.ethernal.win" target="_blank">Videos</a><br>
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Storage</h2>
|
||||
<p>
|
||||
|
||||
<a href="https://photos.ethernal.win" target="_blank">Photos cloud</a><br>
|
||||
<a href="https://cloud2.ethernal.win" target="_blank">Cloud</a><br>
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Tools</h2>
|
||||
<p>
|
||||
<a href="https://convert.ethernal.win" target="_blank">File converter</a><br>
|
||||
<a href="https://pdf.ethernal.win" target="_blank">PDF converter</a><br>
|
||||
<a href="https://dl.ethernal.win" target="_blank">Video downloader</a><br>
|
||||
<a href="https://analysis.ethernal.win" target="_blank">Chat analyser</a><br>
|
||||
<a href="https://draw.ethernal.win" target="_blank">Drawing board</a><br>
|
||||
<a href="https://gspanel.ethernal.win" target="_blank">Game panel</a><br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="updates panel last">
|
||||
<h1 class="title">Updates</h1>
|
||||
<p>17/01/2026</p>
|
||||
<hr>
|
||||
<p>
|
||||
New website!
|
||||
I hope you find these new changes favorable, it's been a while since I wanted to make my own website from scratch, I spent some hours re-learning html css. I honestly prefer a bloat-less internet, therefore there won't be any javascript (unless specified)
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="other">
|
||||
<div class="more panel">
|
||||
<div>
|
||||
<h1 class="title">More</h1>
|
||||
<a href="en/about-host.html">About this hosting</a><br><br>
|
||||
<a href="en/calc.html">Handmade calculator</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="chat panel last">
|
||||
<h1 class="title">Chat</h1>
|
||||
<div class="inputs panel">
|
||||
<input type="text" id="message" autocomplete="off" form="message" placeholder="Escriba su mensaje">
|
||||
<input type="submit" value="Enviar">
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bot bar panel">
|
||||
<div class="left"><p>Entirely handmade, css & html only :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>Version 1.0.3, 21.01.2026</p></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user