- 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
-
+
+
+ 
+
+
+
+
- 
+
+
- Español
+
\ No newline at end of file
diff --git a/components/main/articles.php b/components/main/articles.php
deleted file mode 100644
index 808fbad..0000000
--- a/components/main/articles.php
+++ /dev/null
@@ -1,9 +0,0 @@
-
- articles
-
-
\ No newline at end of file
diff --git a/components/main/blinkies.php b/components/main/blinkies.php
index 19f0d22..0e76a94 100644
--- a/components/main/blinkies.php
+++ b/components/main/blinkies.php
@@ -1,30 +1,25 @@
-
+
+
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- services
-
-
-
\ No newline at end of file
diff --git a/components/main/updates.php b/components/main/updates.php
deleted file mode 100644
index b1235c8..0000000
--- a/components/main/updates.php
+++ /dev/null
@@ -1,37 +0,0 @@
-
- 
-
-
- Some may require an account! Invitation only.
-
-
-
-
-
--
-
-4 Feb 2026
- Under the hood changes
-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
- https://git.ethernal.win/masiv/website to see
- the source code.
- 
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
-
-
-2 Feb 2026
- Website redesign!
-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:
-
- Website Redesign 
- Archived version
-
-
-
-17 Jan 2026
- New website!
-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)
-\ No newline at end of file diff --git a/components/main/verticalscroll.php b/components/main/verticalscroll.php deleted file mode 100644 index e39467f..0000000 --- a/components/main/verticalscroll.php +++ /dev/null @@ -1,6 +0,0 @@ -
-
\ No newline at end of file
diff --git a/components/main/webrings.php b/components/main/webrings.php
deleted file mode 100644
index 0e8b18d..0000000
--- a/components/main/webrings.php
+++ /dev/null
@@ -1,64 +0,0 @@
-
-
-
-
-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...
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...
-
-
\ No newline at end of file
diff --git a/css/global/layout/global-layout.css b/css/global/layout/global-layout.css
index 8790d67..75d59f5 100644
--- a/css/global/layout/global-layout.css
+++ b/css/global/layout/global-layout.css
@@ -31,30 +31,28 @@ body {
display: flex;
flex-direction: row;
height: 100%;
- overflow: hidden;
-}
+ overflow: hidden;}
.navbar {
position: fixed;
z-index: 999;
display: flex;
gap: var(--gap);
- padding: var(--gap);
-}
-
- .navbar.blank {
- position: relative;
- flex-shrink: 0;
- opacity: 0;}
+ padding: calc(var(--gap) / 2);}
.navbar.top {
flex-direction: column;
justify-content: space-around;
align-items: center;
width: var(--side-bar-width);
- height: 100%;
- --max-width: var(--max-percentage-width-navar);
- }
+ height: calc(100% - 20px);
+ --max-width: var(--max-percentage-width-navar);}
+
+ .navbar.blank {
+ position: relative;
+ flex-shrink: 0;
+ opacity: 0;
+ height: calc(100% - (10px * 2) - 5px);}
.links {
flex-grow: 1;
@@ -102,6 +100,10 @@ body {
@media only all and (max-width:700px) {
+ /* -- Display -- */
+
+ .navbar.bot > .about, .navbar.bot > .logo, .navbar.bot > .lang-picker { display: none; }
+
/* -- Ordering -- */
.about { order: 1; }
.logo { order: 2; }
@@ -123,13 +125,19 @@ body {
overflow: auto;
position: relative;}
+ .navbar.bot.blank, .navbar.top.blank { height: calc(var(--mobile-topnavbar-height) - 5px); } /* Adjustment, shrink divs for main navbar to overlay*/
+
+ .navbar.top, .navbar.bot {
+ width: calc(100% - (10px * 2));
+ padding-top: 0px;
+ padding-bottom: 0px;}
+
.navbar.top {
flex-direction: row;
justify-content: space-around;
align-items: center;
height: var(--mobile-topnavbar-height);
gap: var(--gap);
- width: 100%;
--max-width: 80%;}
.navbar.top > .links { display: none; }
@@ -147,8 +155,7 @@ body {
height: var(--mobile-botnavbar-height);
flex-direction: column;
justify-content: center;
- align-content: center;
- width: 100%;}
+ align-content: center;}
.navbar.bot > div { flex-direction: row; }
@@ -162,7 +169,7 @@ body {
/* Ordering */
justify-content: flex-start;
clip-path: content-box;
- align-items: flex-start;
+ align-items: center;
flex-direction: column;}
.links .last { margin-right: 20%; } /* Complementing visual trick by allow extra scrolling to hide previous visual trick, 100% - 80% */
diff --git a/css/global/styling/global-styling.css b/css/global/styling/global-styling.css
index c5a0d87..cc9e131 100644
--- a/css/global/styling/global-styling.css
+++ b/css/global/styling/global-styling.css
@@ -15,7 +15,7 @@ html {
--input-background-hover: rgb(216, 222, 227);
--input-highlight: rgb(86, 176, 255);
--navvar-background: rgb(179, 200, 218);
- --navbar-buttons-bg: var(--accent-color-light);
+ --navbar-buttons-bg: white;
--navbar-buttons-hover: var(--input-background-hover);
--input-border-radius: var(--border-radius);
--link-color: var(--accent-color-dark);
@@ -27,7 +27,7 @@ html {
body { background-image: url('graphgreen.gif'); }
-/* ----------------- Others -------------------- */
+/* ----------------- Others -------------------- */
* { scrollbar-width: thin;}
@@ -76,7 +76,6 @@ img { image-rendering: pixelated;}
body { font-family: 'special elite', honyaji, basiic, monospace, serif, sans-serif; }
/* ----------------- Color -------------------- */
-.navbar { background-color: var(--navvar-background); }
.panel {
position: relative;
@@ -99,12 +98,19 @@ body { font-family: 'special elite', honyaji, basiic, monospace, serif, sans-ser
/* ------------- Navbars stiling ------------------- */
.about, .links > div, .lang-picker {
border: 5px groove rgb(214, 236, 255);
- background: var(--navbar-buttons-bg);}
+ background-color: var(--navbar-buttons-bg);}
.about:hover, .links > div:hover, .lang-picker:hover {
background-color: var(--navbar-buttons-hover);
transition: background-color 0.1s;}
+.navbar {
+ border-style: solid;
+ border-width: 20px;
+ border-image: url('../../../img/ui/border-1.png') 9 10 fill round;
+ margin: 10px;
+ image-rendering: pixelated;}
+
/* ------------- Inputs & links ----------------- */
button, .button {
font-family: 'special elite';
@@ -171,4 +177,9 @@ a:hover {
.logo a {
color: white;
text-decoration: none;
- }
\ No newline at end of file
+ }
+
+@media only all and (max-width:700px) {
+ .navbar.bot { margin-top: 0px; }
+ .navbar.top { margin-bottom: 0px; }
+}
\ No newline at end of file
diff --git a/css/main/layouts/desktop-slim.css b/css/main/layouts/desktop-slim.css
index 3370b23..9a51adb 100644
--- a/css/main/layouts/desktop-slim.css
+++ b/css/main/layouts/desktop-slim.css
@@ -1,6 +1,6 @@
/* RESPONSIVE DESIGN, LAPTOP SLIM */
-@media only all and (max-width:1175px){
+@media only all and (max-width:1225px){
/* ------------- Order ------------- */
.blinkies.one { order: 1; }
.articles { order: 4; }
diff --git a/css/main/layouts/mobile.css b/css/main/layouts/mobile.css
index e1a03ca..eb822eb 100644
--- a/css/main/layouts/mobile.css
+++ b/css/main/layouts/mobile.css
@@ -13,8 +13,6 @@
.verticalscroll { display: flex; }
.scroll_below-clip-box { display: block; }
- .navbar.bot > .about, .navbar.bot > .logo, .navbar.bot > .lang-picker { display: none; }
-
/* Decoration */
#try_hovering--blinkie { display: none; }
@@ -41,7 +39,7 @@
right: 0; /* There is a slight inconsistency with this, as scrollbar width isn't considered with fixed, but the blank version does contemplate, creating a gap wider than expected */
margin: var(--gap);
justify-content: center;
- height: calc(100% - var(--mobile-botnavbar-height) - var(--mobile-topnavbar-height) - var(--gap) * 2);
+ height: calc(100% - (var(--mobile-botnavbar-height) + 5px) - (var(--mobile-topnavbar-height) + 5px) - var(--gap) * 2);
width: var(--scrolls-height);
overflow: hidden;}
diff --git a/img/ui/border-1.png b/img/ui/border-1.png
new file mode 100644
index 0000000..bc6fe04
Binary files /dev/null and b/img/ui/border-1.png differ
diff --git a/includes/config_session.inc.php b/includes/config_session.inc.php
index c7181c8..7fa0c5b 100644
--- a/includes/config_session.inc.php
+++ b/includes/config_session.inc.php
@@ -2,12 +2,14 @@
declare(strict_types=1);
+require_once "var_loading.inc.php";
+
ini_set('session.use_only_cookies' , 1);
ini_set('session.use_strict_mode' , 1);
session_set_cookie_params([
'lifetime' => 1800,
- 'domain' => 'ethernal.win',
+ 'domain' => $_ENV["COOKIES_SITE"],
'path' => '/',
'secure' => true,
'httponly' => true
@@ -28,4 +30,11 @@ if ( !isset($_SESSION["last_regen"]) ){
function session_regen() {
session_regenerate_id();
$_SESSION["last_regen"] = time();
-}
\ No newline at end of file
+}
+
+# Default language
+if (!isset($_SESSION["lang"])) {
+ $_SESSION["lang"] = "es";
+}
+
+$lang = $_SESSION["lang"];
\ No newline at end of file
diff --git a/includes/lang.inc.php b/includes/lang.inc.php
new file mode 100644
index 0000000..cada393
--- /dev/null
+++ b/includes/lang.inc.php
@@ -0,0 +1,383 @@
+
+ Hello, + + You clicking this article means you have an interest on how this + website is structured, and what infrastructure it runs in. + I've gotta say this will probably change over time, but there is one + aspect I will adhere to, mantaining custody over my own data, in practice + that means everything I host will be hosted on-site on my own infrastructure, + just below a little about the homelab's history and some details.
+ +
Specs
+
+
+ +
+
+ CPU: AMD Ryzen 5 4600G
+ RAM: 32GB DDR4 3200MHZ
+ Motherboard: ASRock A320M-HDV 4.0
+ PSU: EVGA 450W 80plus
+ Storage:
+
- x1 1TB SSD NVME Samsung 970 Plus
- x2 3TB HDD WD Green (RAID 1)
+ +
History
++ Each one of the components has a different origin, the case, psu and motherboard + have always been the same since the begining, part of the original PC I got as + a birthday present a while back, it was equiped with 8gb of ram, a modest HDD, + together with an AMD Ryzen 3 3200G, it was enough back then, but just as it came, + I got myself a brand new laptop, somewhat comparable (or even better) to the pc, + I ended up using it way more, thanks to it being portable. +
++ After some time, can't quite remember the reason, I took the decision to move it to its + current location, a secure place with a good broadband connection, this was all the way + back at the start of 2022, when I installed Ubuntu Server 22.04 LTS. +
++ I graudually updated it, I got the current proccesor over on amazon, then the ram + (attempted to purchase it from Aliexpress, but once it arrived I discovered it + wasn't compatible, had to re-sell it, and buy my current 2x16gb kit), and last but + not least, two 3tb disks which I thought was plenty for my usecase (foreshadowing). +
++ I currently still have the same Ubuntu Server install on bare hardware, and almost + every single service I host is using a docker container, managed using Portainer. +
+Networking
+Domain name
++ I've used several domain names over time, starting with No-IP to ssh remotely, rapidely migrating + to DuckDNS, that setup endured quite a while but after having some problems with DNS resolution, and + limitations on their DNS capabilities (they used AWS) thanks to my sub-domain repertoire I + decided to finally make the leap and purchase my own domain on some of the internet's registrars, + ended up with this domain on Porkbun, for a measly 5 dollars and a half, a lot /s. +
+Proxy & DDNS
++ I use NginxProxyManager to manage all my domains and redirects, I don't plan on migrating to + Traefik for now because NPM does the job, and increasing my infrastructure's complexity isn't my + number one priority, maybe in the future. For Dynamic DNS I use DDClient, my ISP (Antel) doesn't + provide static IPs to residential addresses, so I'm stuck having to update my registers once or + twice a day in-leiu of having a fixed one. +
"; +$tr["es"]["about-host.content"] = " +
+ Buenas,
+
+ Si estás leyendo esto es que te interesa saber un poco sobre la estructura
+ en la que están hosteados mis servicios, y esta página.
+ He de decir que esto irá cambiando, pero si hay algo que no creo cambie
+ será el hecho de que quiero mantener la custodia de mis datos, por lo que
+ todos lo que hostee será hosteado en mi propio homelab, debajo detalles e historia.
+
Especificaciones
+
+
+ es bastante cuadrado. + +
+
+ Procesador: AMD Ryzen 5 4600G
+ RAM: 32GB DDR4 3200MHZ
+ Placa: ASRock A320M-HDV 4.0
+ PSU: EVGA 450W 80plus
+ Almacenamiento:
+
- x1 1TB SSD NVME Samsung 970 Plus
- x2 3TB HDD WD Green (RAID 1)
+ es bastante cuadrado. + +
Historia
++ Cada componente tiene una historia un poquito diferente, el gabinete, + fuente y placa madre han sido la misma, y fueron un regalo de cumpleaños + de hace tiempo, en su momento con 8gb de ram, un disco HDD modesto, y + un AMD Ryzen 3 3200G, en su momento era algo, mas justo coincidió que + en esa ocasión, había recibido una laptop, a la cual le terminé dando + muchísimo más uso que a la torre, sumado al hecho de poderla transportarla + que personalmente me fue un gran plus. +
++ Tiempo después, ya no recuerdo bien en qué contexto, decido llevarla al + lugar dónde ahora se encuentra, dónde estaba segura y con una buena conexión + de fibra óptica, esto fue por 2022, cuándo le instalé Ubuntu Server 22.04 LTS. +
++ Gradualmente la fui mejorando, le compré su procesador actual por internet, luego + la memoria ram (intenté comprarla por Aliexpress, pero resultaba era incompatible, + por lo que tuve que revenderla, y comprarme los dos sticks de 16gb que tengo ahora), + y por último la decisión de comprar dos discos de 3tb para tener almacenamiento de + sobra (que resulta no lo fue) para lo que quisiese. +
++ Actualmente sigo teniendo instalado el Ubuntu directo sobre el hardware, y casi todo + lo que tengo instalado allí lo manejo usando Docker a través de Portainer. +
+Red
+Dominio
++ He usado varios dominios, al principio llegué a usar No-IP para conectarme remotamente, + para luego rápidamente migrar a DuckDNS, que me supo proveer de dominios gratuitos por varios años, + sin embargo, luego de toparme con las limitaciones de su servicio (por la cantidad de sub-dominios, + y debido a su dependendencia en servidores de no tan buena calidad de AWS) decidí invertir y + comprarme el dominio que estoy usando actualmente, con el registrante de Porkbun, que + debo decir fue muy económico, actualmente pago unos 5 dólares y medios al año, básicamente nada. +
+Proxy y DDNS
++ Para manejar los dominios y redirecciones he usado y seguiré usando NginxProxyManager, por ahora + no tengo planeado migrar a Traefik puesto que no está dentro de mis prioridades añadir + esa complejidad a mi setup (aunque quizás en un futuro lo haga). Uso DDClient para el DNS dinámico + puesto que mi ISP (Antel) no provee IP fijas a planes residenciales, y necesito actualizar los + registros con mi IP cada vez que esta cambia. +
"; \ No newline at end of file diff --git a/main.php b/main.php new file mode 100644 index 0000000..8652ef5 --- /dev/null +++ b/main.php @@ -0,0 +1,193 @@ + + + + + + + +
+
+
+
+
+
+
diff --git a/main_en.html b/main_en.html
deleted file mode 100644
index 90b7075..0000000
--- a/main_en.html
+++ /dev/null
@@ -1,10 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
- 
- 
-
-
-
-
-
-
-
-
-
-
-
-
-
- services
-
-
-
-
-
-
-
- Some may require an account! Invitation only.
-
-
-
-
-
-
-
-
- updates!
-
-
-
-
-
-
-
-
-
-
- chat
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 
-
-
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
-
- 
-