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

Overarching changes to language changing, not definitive since I'm pondering other alternatives (separate files vs translation files, variables vs functions)

Browse Source
This commit is contained in:
masiv
2026-02-16 21:08:36 -03:00
parent 14866f6b25
commit 04dca92778
29 changed files with 839 additions and 1884 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
components/global/navbar.php Normal file
View File

@@ -0,0 +1,44 @@
<div class="logo">
<img src="../../img/logo/logo_smth.png" alt="">
<a href="../../main.php" class="logo-text">masiv's lair</a>
</div>
<div class="about panel">
<b><a href="../../pages/articles/about.php"><?php echo $tr[$lang]["navbar.about"]; ?></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 last">
<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="?langchange"><?php echo $tr[$lang]["navbar.langPicker"]; ?></a></b>
</div>

8
components/main/navbar.php → components/global/navbarMain.php
View File

@@ -1,9 +1,9 @@
<div class="logo">
<img src="img/logo/logo_smth.png" alt="">
<a href="main_en.html" class="logo-text">masiv's lair</a>
<a href="#top" class="logo-text">masiv's lair</a>
</div>
<div class="about panel">
<b><a href="pages/articles/about_en.html">About me</a></b>
<b><a href="pages/articles/about.php"><?php echo $tr[$lang]["navbar.about"]; ?></a></b>
</div>
<div class="links">
<div class="social-media github">
@@ -34,11 +34,11 @@
<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">
<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 class="lang-picker panel">
<b><a href="main_es.html">Español</a></b>
<b><a href="?langchange"><?php echo $tr[$lang]["navbar.langPicker"]; ?></a></b>
</div>

9
components/main/articles.php
View File

@@ -1,9 +0,0 @@
<div class="header">
articles
</div>
<div class="content">
<a href="pages/articles/about-host_en.html">About this hosting</a>
<a href="pages/articles/diy-calculator_en.html">DIY Calculator</a>
<a >Website redesign</a> <!-- href="pages/articles/website-redesign_en.html" -->
<a >CSS Shenanigans</a> <!-- href="pages/articles/css-shenanigans_en.html" -->
</div>

49
components/main/blinkies.php
View File

@@ -1,30 +1,25 @@
<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>
<!-- Have to replace this logic, maybe by having another way to modify behaviour of marquee -->
<?php for ($i = 0; $i <= 1; $i++) {
if ($i === 0) {
?><div class="scroll_one"><?php
} else if ($i === 1) {
?><div class="scroll_two"><?php
}
?>
<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/html junkie.gif" alt="">
<div class="spacer"></div>
</div>
<?php } ?>
</div>
</div>

32
components/main/provided.php
View File

@@ -1,32 +0,0 @@
<div class="header">
services
</div>
<div class="content">
<div class="services-hint">
<img src="img/utilities/exclamation-mark.gif">
<p>Some may require an account! Invitation only.</p>
</div>
<div class="services">
<div>
<b>masivana</b>
<a class="button" href="https://movies.media.ethernal.win" target="_blank">Movies</a>
<a class="button" href="https://request.media.ethernal.win" target="_blank">Requests</a>
<a class="button" href="https://books.media.ethernal.win" target="_blank">Books</a>
<a class="button" href="https://tube.media.ethernal.win" target="_blank">Videos</a>
</div>
<div>
<b>cloud(s)</b>
<a class="button" href="https://photos.ethernal.win" target="_blank">Photos</a>
<a class="button" href="https://cloud2.ethernal.win" target="_blank">Cloud</a>
</div>
<div>
<b>misc.</b>
<a class="button" href="https://convert.ethernal.win" target="_blank">Converter</a>
<a class="button" href="https://pdf.ethernal.win" target="_blank">Pdf tools</a>
<a class="button" href="https://dl.ethernal.win" target="_blank">Vid. downloader</a>
<a class="button" href="https://analysis.ethernal.win" target="_blank">Chat stats</a>
<a class="button" href="https://draw.ethernal.win" target="_blank">Whiteboard</a>
<a class="button" href="https://gspanel.ethernal.win" target="_blank">Game panel</a>
</div>
</div>
</div>

37
components/main/updates.php
View File

@@ -1,37 +0,0 @@
<hr>
<div class="update">
<div class="date">4 Feb 2026</div>
<h3 class="title">Under the hood changes</h3>
<p class="content">After some trial and error, I set-up
this site using a selfhosted git server, implementing and
pushing some changes I'm working on like php code to improve
website structure and maintenance, you can test the chat right
now, or you can visit
<a href="https://git.ethernal.win/masiv/website">https://git.ethernal.win/masiv/website</a> to see
the source code.
<img src="img/minis/pompompurin-heart.gif"> This is my first
time using git, php, and more, don't expect best practices
on the first try, rest assured I will keep improving :p</p>
</div>
<hr>
<div class="update">
<div class="date">2 Feb 2026</div>
<h3 class="title">Website redesign!</h3>
<p class="content">I decided to give this website a whole new appeareance,
the previous design was pretty barebones so I hope y'all like it!
(Mobile optimized :D) If you wanna know more:
<a href="pages/articles/en_website-redesign.html">
Website Redesign</a> <img src="img/minis/cat-star.gif">
<a href="archive/ver_1-until2feb2026/en_home.html">Archived version</a>
</p>
</div>
<hr>
<div class="update">
<div class="date">17 Jan 2026</div>
<h3 class="title">New website!</h3>
<p class="content">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>
<hr>

6
components/main/verticalscroll.php
View File

@@ -1,6 +0,0 @@
<div class="clip-box">
<div class="auto-scroll">
<div class="scroll_one"><p>hello earthlings, this message if for you all that are wondering whether extra-terrestial life exists or you humans are alone. I guess you will never know... hello earthlings, this message if for you all that are wondering whether extra-terrestial life exists or you humans are alone. I guess you will never know...</p></div>
<div class="scroll_two"><p>hello earthlings, this message if for you all that are wondering whether extra-terrestial life exists or you humans are alone. I guess you will never know... hello earthlings, this message if for you all that are wondering whether extra-terrestial life exists or you humans are alone. I guess you will never know...</p></div>
</div>
</div>

64
components/main/webrings.php
View File

@@ -1,64 +0,0 @@
<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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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>