Transfer to git
This commit is contained in:
102
archive/ver_1-until2feb2026/en/about-host.html
Normal file
102
archive/ver_1-until2feb2026/en/about-host.html
Normal file
@@ -0,0 +1,102 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=0.5">
|
||||
<title>About this hosting</title>
|
||||
<link rel='stylesheet' type='text/css' href='../css/specific/about-host.css'>
|
||||
<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/global/articles.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 id="middle">
|
||||
<p><a href="../en_home.html">Main</a></p>
|
||||
</div>
|
||||
<div class="right">
|
||||
<p>
|
||||
<a href="../es/about-host.html">ES</a>
|
||||
<a href="#top">EN</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="article panel">
|
||||
<p>
|
||||
Hello, <br><br>
|
||||
|
||||
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 <i>homelab's</i> history and some details.<br>
|
||||
</p>
|
||||
<h3>Specs</h3>
|
||||
<div class="specs panel">
|
||||
<p>
|
||||
CPU: AMD Ryzen 5 4600G <br>
|
||||
RAM: 32GB DDR4 3200MHZ <br>
|
||||
Motherboard: ASRock A320M-HDV 4.0 <br>
|
||||
PSU: EVGA 450W 80plus <br>
|
||||
Storage: <br>
|
||||
<span class="li">x1 1TB SSD NVME Samsung 970 Plus</span>
|
||||
<span class="li">x2 3TB HDD WD Green (RAID 1)</span>
|
||||
Case: No-name brand,
|
||||
quite square-ish.<br>
|
||||
</p>
|
||||
</div>
|
||||
<h3>History</h3>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<p>
|
||||
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).
|
||||
</p>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<h3>Networking</h3>
|
||||
<h4>Domain name</h4>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<h4>Proxy & DDNS</h4>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
|
||||
|
||||
</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."> <!-- Found on https://minx98.neocities.org/Assets/IDButtons/Ribbon/rainbowcable.png -->
|
||||
<div class="right"><p>Version 1.0.1, 17.01.2026</p></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
38
archive/ver_1-until2feb2026/en/about-this-site.html
Normal file
38
archive/ver_1-until2feb2026/en/about-this-site.html
Normal file
@@ -0,0 +1,38 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=0.5">
|
||||
<title>About this site</title>
|
||||
<link rel='stylesheet' type='text/css' href='../css/specific/about-this-site.css'>
|
||||
<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/global/articles.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="top bar panel">
|
||||
<div class="left">
|
||||
<p><a href="#top">About this site</a></p>
|
||||
</div>
|
||||
<div id="middle">
|
||||
<p><a href="../en_home.html">Main</a></p>
|
||||
</div>
|
||||
<div class="right">
|
||||
<p>
|
||||
<a href="../es/about-this-site.html">ES</a>
|
||||
<a href="#top">EN</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="article panel">
|
||||
<p>
|
||||
Still in construction, come back later :p
|
||||
</p>
|
||||
</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."> <!-- Found on https://minx98.neocities.org/Assets/IDButtons/Ribbon/rainbowcable.png -->
|
||||
<div class="right"><p>Version 1.0.1, 17.01.2026</p></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
123
archive/ver_1-until2feb2026/en/calc.html
Normal file
123
archive/ver_1-until2feb2026/en/calc.html
Normal file
@@ -0,0 +1,123 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=0.5">
|
||||
<title>Calculadora</title>
|
||||
<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/calc.css">
|
||||
<script src="../js/calc1.js"></script>
|
||||
<script defer src="../js/calc2.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!--
|
||||
<div class="panel">
|
||||
<div>
|
||||
<button onclick="calc()">CalcV1</button>
|
||||
<p>Testing</p>
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
<div class="top bar panel">
|
||||
<div class="left">
|
||||
<p><a href="../en/about-this-site.html">About this site</a></p>
|
||||
</div>
|
||||
<div id="middle">
|
||||
<p><a href="../en_home.html">Main</a></p>
|
||||
</div>
|
||||
<div class="right">
|
||||
<p>
|
||||
<a href="../es/calc.html">ES</a>
|
||||
<a href="#top">EN</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="middle">
|
||||
<div class="calculator panel">
|
||||
<div>
|
||||
<div class="calctitle">
|
||||
Calculadora
|
||||
</div>
|
||||
<div class="viewing panel">
|
||||
<span id="output"></span>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<button onclick="q_manage('add',1)">1</button>
|
||||
<button onclick="q_manage('add',2)">2</button>
|
||||
<button onclick="q_manage('add',3)">3</button>
|
||||
<button onclick="q_manage('add','+')">+</button>
|
||||
<button onclick="q_manage('add',4)">4</button>
|
||||
<button onclick="q_manage('add',5)">5</button>
|
||||
<button onclick="q_manage('add',6)">6</button>
|
||||
<button onclick="q_manage('add','-')">-</button>
|
||||
<button onclick="q_manage('add',7)">7</button>
|
||||
<button onclick="q_manage('add',8)">8</button>
|
||||
<button onclick="q_manage('add',9)">9</button>
|
||||
<button onclick="q_manage('add','*')">*</button>
|
||||
<button onclick="">(</button>
|
||||
<button onclick="q_manage('add',0)">0</button>
|
||||
<button onclick="">)</button>
|
||||
<button onclick="q_manage('add','/')">/</button>
|
||||
<button onclick="q_manage('remove')"><</button>
|
||||
<button onclick="q_manage('add','^')">^</button>
|
||||
<button onclick="q_execute('add','=')" id="equal">=</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info panel">
|
||||
<h1 class="title">About this project</h1>
|
||||
<p>
|
||||
It has certainly been a while since I've touched Javascript,
|
||||
and I wanted to regain some of the know-how I had about it,
|
||||
that's why decided to code this calculator from scratch
|
||||
without using any external libraries, nor chatbots, only
|
||||
wikis like w3 school about the language itself even if
|
||||
that required more time.
|
||||
</p>
|
||||
<p>
|
||||
So it began my learning journey, coding this entire calculator
|
||||
has been quite a joy I must say, and even if the final product
|
||||
is lacking some funcionality like parenthesis parsing it still
|
||||
works completely fine for most things, as it process inputs using
|
||||
PEMDAS.
|
||||
</p>
|
||||
<p>
|
||||
Were I to make it all over again, I would probably go about
|
||||
things differently, researching about more efficient algorithms
|
||||
and methods and not reinventing the wheel, but the thing is,
|
||||
that's the entire point of this excersice, wasn't for that
|
||||
self-impossed limitation, I could make use of tons of more
|
||||
efficient libraries.
|
||||
</p>
|
||||
<p>
|
||||
Now about the inner workings of the script, I implemented a
|
||||
simple array that stores every character typed, and once the
|
||||
equal key is pressed, it sends the array to be processed in
|
||||
the following steps:
|
||||
<span class="li">Concatenate the digits, from [1,1,'+',2,3] to [11,'+',23].</span>
|
||||
<span class="li">Search for term separators, and create multidimensional arrays with
|
||||
each level representing one type of operation.
|
||||
</span>
|
||||
<span class="li">Undo all this array but backwards, processing the output as it goes.
|
||||
</span>
|
||||
It looks easy on paper, but I spent an entire day and a half coding and dealing with
|
||||
each aspect of programming, things I didn't quite remember, others I didn't know from
|
||||
the get-go, etc. (I must add a personal rant about how difficult is dealing with
|
||||
multidimensional arrays, it's not a trivial task for sure).
|
||||
</p>
|
||||
<p>
|
||||
Update 23/01/2026 <br>
|
||||
I showed my calculator to a friend of mine and they
|
||||
pointed out I was lacking a 0 button, how could I miss
|
||||
that, seriously XD.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bot bar panel">
|
||||
<div class="left"><p>Entirely handmade, css & html only (and some js here) :D</p></div>
|
||||
<img src="../imgs/global/rainbowcable.png" alt="Rainbow cable."> <!-- Found on https://minx98.neocities.org/Assets/IDButtons/Ribbon/rainbowcable.png -->
|
||||
<div class="right"><p>Version 1.0.4, 23.01.2026</p></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user