Cambiada la intro de la pagina y los estilos un poco :3

src/about.md

@@ -1,24 +0,0 @@
-# About
-
-Hola!, soy un estudiante de ingeniería en informática al que le gusta programar,
-jugar videojuegos cuando se puede y escuchar música, mucha, mucha música.
-
-Me gusta aprender nuevos lenguajes de programación pero generalmente estoy seco 
-de ideas con lo que me cuesta bastante avanzar en lenguajes como C y C++, en los 
-que simplemente no se hacer.
-
-Este blog lo cree principalmente porque quería un proyecto secundario en el que 
-trabajar, que no tuviera tanta importancia y lo hiciera de relax, la idea es 
-publicar snipets de código que generalmente se me olvidan y siempre estoy 
-volviendo a ellos, si en algún momento me emociono quizás publico algo 
-totalmente distinto.
-
-Para ver los proyectos que he hecho puedes verlos en [Gitlab](https://gitlab.com/Ryuuji159)
-
-Socialmente me muevo entre [Twitter](https://twitter.com/skrd159) y 
-[Reddit](https://www.reddit.com/user/Ryuuji159) aunque estoy intentando dejar 
-las redes sociales como ya lo hice con Facebook.
-
-Finalmente, si quieres enviarme un correo mi dirección es daniel.cortes.p159@gmail.com
-
-*Gracias por venir aquí.*

src/assets/fonts.css

@@ -6,7 +6,6 @@
     font-style: normal;
     font-weight: 400;
     src: local('Source Code Pro'), url(https://static.danielcortes.xyz/fonts/SourceCodePro/SourceCodePro-Regular.woff2) format('woff2');
-    font-display: swap
 }
 
 @font-face {
@@ -14,7 +13,6 @@
     font-style: normal;
     font-weight: 700;
     src: local('Source Code Pro'), url(https://static.danielcortes.xyz/fonts/SourceCodePro/SourceCodePro-Bold.woff2) format('woff2');
-    font-display: swap
 }
 
 @font-face {
@@ -29,7 +27,6 @@
     font-style: normal;
     font-weight: 700;
     src: local('Source Serif Pro'), url(https://static.danielcortes.xyz/fonts/SourceSerifPro/SourceSerifPro-Bold.woff2) format('woff2');
-    font-display: swap
 }
 
 @font-face {
@@ -37,7 +34,6 @@
     font-style: normal;
     font-weight: 400;
     src: local('Source Sans Pro'), url(https://static.danielcortes.xyz/fonts/SourceSansPro/SourceSansPro-Regular.woff2) format('woff2');
-    font-display: swap
 }
 
 @font-face {
@@ -45,5 +41,4 @@
     font-style: normal;
     font-weight: 700;
     src: local('Source Sans Pro'), url(https://static.danielcortes.xyz/fonts/SourceSansPro/SourceSansPro-Bold.woff2) format('woff2');
-    font-display: swap
+}
-}

src/assets/script.js

@@ -0,0 +1,9 @@
+function makeImagesClickeable() {
+  document.querySelectorAll("img").forEach(img => {
+    img.addEventListener("click", e => window.open(e.target.src))
+  });
+}
+
+window.addEventListener('load', (event) => {
+  makeImagesClickeable();
+});

src/assets/style.css

@@ -1,76 +1,68 @@
 /******************************************************************************
-    => MAIN STYLES 
+=> MAIN STYLES 
-*******************************************************************************/
+ *******************************************************************************/
 :root {
-    --background-color: hsl(10, 20%, 98%);
+  --background-color: hsl(10, 20%, 98%);
-    --foreground-color: hsl(10, 10%, 13%);
+  --foreground-color: hsl(10, 10%, 13%);
-    --primary-color: hsl(200, 90%, 40%);
+  --light-color: hsl(10, 10%, 40%);
-    --highlight-color: hsl(290, 86%, 43%);
+  --primary-color: hsl(290, 86%, 43%);
-    --light-color: hsl(10, 10%, 40%);
+  --highlight-color: hsl(200, 90%, 40%);
+  --sans-font: "Source Sans Pro";
+  --mono-font: "Source Code Pro";
+}
+
+html {
+  margin: 2em;
 }
 
 body {
-    background-color: var(--background-color);
+  background-color: var(--background-color);
-    color: var(--foreground-color);
-    overflow-y: scroll;
 
-    font-family: Source Sans Pro;
+  font-family: var(--sans-font), "sans-serif";
-    font-size: 1em;
+  font-size: 14pt;
+  color: var(--foreground-color);
 
-}
+  overflow-y: scroll;
 
-@media only screen and (max-width: 800px) {
+  max-width: 100ch;
-    body {
+  padding: 0 0 20em;
-        font-size: 1em;
+  margin: auto;
-    }
-}
-
-.container {
-    max-width: 80ch;
-    padding: 2em 0;
-    margin: auto;
-}
-
-h1 {
-    margin: 0;
-}
-
-time {
-    color: var(--light-color);
-}
-
-p {
-    line-height: 1.5em;
-    text-align: justify;
-}
-
-a,
-a:visited {
-    color: var(--highlight-color);
-    text-decoration: none;
-}
-
-a:hover {
-    text-decoration: underline;
-}
-
-
-img {
-    max-width: 100%;
-    cursor: pointer;
 }
 
 code {
-    font-family: Source Code Pro;
+  font-family: "Source Code Pro", "monospace";
-    font-size: 1em;
+}
+
+h1, h2 { margin: 0 0 .3em 0; }
+
+h1 { font-size: 3em; }
+
+h2 { font-size: 1.875em; }
+
+time { color: var(--light-color); }
+
+p {
+  margin: 0 0 1em 0;
+  line-height: 1.5em;
+  text-align: justify;
+}
+
+a, a:visited { 
+  font-weight: 600;
+  color: var(--primary-color); 
+}
+
+a:hover { color: var(--highlight-color); }
+
+img {
+  max-width: 100%;
+  cursor: pointer;
+}
+
+.container {
 }
 
 .codehilite {
-    border: none;
+  overflow-x: auto;
-    border-radius: 5px;
+  padding: .7em 2em;
-    overflow-x: auto;
-}
-
-.codehilite pre {
-    margin: 1em;
 }

src/index.md

@@ -1,8 +1,42 @@
 #Daniel Cortes
 
-- [Blog](/blog)
+Hola!, soy un estudiante de ingeniería en informática al que le gusta programar,
-- [Now](/now.html)
+jugar videojuegos cuando se puede y escuchar música, mucha, mucha música.
-- [Projects](/projects.html)
+
-- [Setup](/setup.html)
+Me gusta aprender nuevos lenguajes de programación pero generalmente estoy seco 
-- [Random](/random.html)
+de ideas con lo que me cuesta bastante avanzar en lenguajes como C y C++, en los 
-- [About](/about.html)
+que simplemente no se hacer.
+
+Este blog lo cree principalmente porque quería un proyecto secundario en el que 
+trabajar, que no tuviera tanta importancia y lo hiciera de relax, siempre igual
+sirve para practicar html y todas sus estupideces
+
+El codigo que he escrito para distintos proyectos lo mantengo en 
+[Gitlab](https://gitlab.com/Ryuuji159)
+
+Socialmente me muevo entre [Twitter](https://twitter.com/skrd159) y 
+[Reddit](https://www.reddit.com/user/Ryuuji159) aunque no soy tan activo y me 
+intento mantener de las redes sociales.
+
+Finalmente, si quieres enviarme un correo mi dirección es hola@danielcortes.xyz
+
+##[Posts](/blog)
+Aqui posteo lo que intento escribir una vez al año. Me cuesta conseguir ideas y 
+ganas para sentarme a escribir algo pero me agrada tener la posibilidad aqui.
+
+##[Now](/now.html)
+Que estoy haciendo por mi vida en estos momentos, idea del señor 
+[Derek Sievers](https://sive.rs/nowff) con su movimiento de las paginas /now 
+
+##[Projects](/projects.html)
+Un espacio donde presento los proyectos que me gustan y quiero mostrarle al 
+resto, ninguno creo que es precisamente preparado para produccion, pero me gusto
+hacerlos y aprendi bastante con todos ellos.
+
+##[Setup](/setup.html)
+El setup de mi computador, me encanta trabajar con linux y dejar todo a mi gusto.
+De vez en cuando me da por reconfigurar todo o instalar otro sistema operativo
+por lo que no creo que lo mantenga tan actualizado, pero aqui estara :3.
+
+##[Random](/random.html)
+Links a cosas que me parecen interesantes o utiles.

template.html

@@ -7,21 +7,9 @@
     <meta name="author" content="Daniel Cortés">
     <link rel="stylesheet" href="/assets/style.css" type="text/css">
     <link rel="icon" href="data:;base64,iVBORw0KGgo=">
+    <script src="/assets/script.js"></script>
   </head>
   <body>
-    <div class="container">
+    {{ md }}
-      {{ md }}
-    </div>
-    <script>
-      function makeImagesClickeable() {
-        document.querySelectorAll("img").forEach(img => {
-          img.addEventListener("click", e => window.open(e.target.src))
-        });
-      }
-
-      window.addEventListener('load', (event) => {
-        makeImagesClickeable();
-      });
-    </script>
   </body>
 </html>