Transfer to git
This commit is contained in:
103
archive/ver_1-until2feb2026/es/about-host.html
Normal file
103
archive/ver_1-until2feb2026/es/about-host.html
Normal file
@@ -0,0 +1,103 @@
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=0.5">
|
||||
<title>Sobre el host</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="../es/about-this-site.html">Sobre el sitio</a></p>
|
||||
</div>
|
||||
<div id="middle">
|
||||
<p><a href="../es_home.html">Principal</a></p>
|
||||
</div>
|
||||
<div class="right">
|
||||
<p>
|
||||
<a href="#top">ES</a>
|
||||
<a href="../en/about-host.html">EN</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="article panel">
|
||||
<p>
|
||||
Buenas, <br><br>
|
||||
|
||||
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 <i>homelab</i>, debajo detalles e historia.<br>
|
||||
</p>
|
||||
<h3>Especificaciones</h3>
|
||||
<div class="specs panel">
|
||||
<p>
|
||||
Procesador: AMD Ryzen 5 4600G <br>
|
||||
RAM: 32GB DDR4 3200MHZ <br>
|
||||
Placa: ASRock A320M-HDV 4.0 <br>
|
||||
PSU: EVGA 450W 80plus <br>
|
||||
Almacenamiento: <br>
|
||||
<span class="li">x1 1TB SSD NVME Samsung 970 Plus</span>
|
||||
<span class="li">x2 3TB HDD WD Green (RAID 1)</span>
|
||||
Gabinete: Marca genérica, <br>
|
||||
es bastante cuadrado.
|
||||
</p>
|
||||
</div>
|
||||
<h3>Historia</h3>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<h3>Red</h3>
|
||||
<h4>Dominio</h4>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<h4>Proxy y DDNS</h4>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="bot bar panel">
|
||||
<div class="left"><p>Hecho a mano, sólo html y css :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>Versión 1.0.1, 17.01.2026</p></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
37
archive/ver_1-until2feb2026/es/about-this-site.html
Normal file
37
archive/ver_1-until2feb2026/es/about-this-site.html
Normal file
@@ -0,0 +1,37 @@
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=0.5">
|
||||
<title>Sobre el sitio</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">Sobre el sitio</a></p>
|
||||
</div>
|
||||
<div id="middle">
|
||||
<p><a href="../es_home.html">Principal</a></p>
|
||||
</div>
|
||||
<div class="right">
|
||||
<p>
|
||||
<a href="#top">ES</a>
|
||||
<a href="../en/about-this-site.html">EN</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="article panel">
|
||||
<p>
|
||||
No seas impaciente, vuelve más tarde :p
|
||||
</p>
|
||||
</div>
|
||||
<div class="bot bar panel">
|
||||
<div class="left"><p>Hecho a mano, sólo html y css :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>Versión 1.0.1, 17.01.2026</p></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
120
archive/ver_1-until2feb2026/es/calc.html
Normal file
120
archive/ver_1-until2feb2026/es/calc.html
Normal file
@@ -0,0 +1,120 @@
|
||||
<!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="../es/about-this-site.html">Sobre el sitio</a></p>
|
||||
</div>
|
||||
<div id="middle">
|
||||
<p><a href="../es_home.html">Principal</a></p>
|
||||
</div>
|
||||
<div class="right">
|
||||
<p>
|
||||
<a href="#top">ES</a>
|
||||
<a href="../en/calc.html">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">Un poco de información</h1>
|
||||
<p>
|
||||
Hace tiempo que no programaba en Javascript, y quería
|
||||
nuevamente agarrarle la mano, por lo que decidí hacer esta
|
||||
calculadora sin hacer uso de absolutamente nada más que
|
||||
w3 school y algunas búsquedas sobre javascript, nada de
|
||||
preguntar mis dudas a ninguna IA (aunque sea más lento).
|
||||
</p>
|
||||
<p>
|
||||
Así que me puse manos a la obra re-aprendiendo algunas cosas,
|
||||
he de decir que fue un ejercicio divertido, y aunque el
|
||||
resultado carece de algunas características (cómo el uso
|
||||
de paréntesis), sigue el orden de las operaciones, y eso
|
||||
es bastante.
|
||||
</p>
|
||||
<p>
|
||||
En un futuro si la hiciese nuevamente, podría implementar
|
||||
algoritmos más eficientes, puesto que realmente lo hice de
|
||||
la manera que se me fue ocurriendo, y realmente debe ser muy
|
||||
ineficiente, si quisiese eficiencia tendría mil maneras y
|
||||
librerías, pero el objetivo de este ejercicio es aprender.
|
||||
</p>
|
||||
<p>
|
||||
Yendo un poco más a lo técnico, mi idea principal fue almacenar
|
||||
cada caracter escrito en un array, y luego procesarlo de la
|
||||
siguiente manera:
|
||||
<span class="li">Unir los números, de [1,1,'+',2,3] a [11,'+',23].</span>
|
||||
<span class="li">Buscar dónde están los separa términos, e ir creando arrays
|
||||
multidimensionales, cada nivel tiene un tipo de operación (on orden).
|
||||
</span>
|
||||
<span class="li">Deshacer ese array multidimensional, e ir procesando
|
||||
todas las operaciones.
|
||||
</span>
|
||||
Dicho así parece sencillo, pero esutve un día y medio programando y lidiando
|
||||
con cosas que, o no sabía, o no recordaba. (He de decir que trabajar con tanta iteración
|
||||
en los arrays multidimensionales es un trabajo no trivial).
|
||||
</p>
|
||||
<p>
|
||||
Actualización 23/01/2026 <br>
|
||||
Le mostré la calcualdora a unx amigx, y me hizo darme
|
||||
cuenta de que no había implementado el botón del 0,
|
||||
la verdad no tengo ni idea cómo no me di cuenta XD.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bot bar panel">
|
||||
<div class="left"><p>Hecho a mano, sólo html y css (y un poco de js aquí) :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>Versión 1.0.4, 23.01.2026</p></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user