22.0 beta

miermontoto · miermontoto · commit f59bdd6c7299 · 2024-07-21T19:29:38.000+02:00
[general]
- new global font (+ style changes)
- remove multicolor animation from links :(
- version tag style changes
- other minor changes and fixes

[index]
- enhance modal flow and styling

[webutils]
- fix md5
- fix webutils not loading properly on general page

[backup]
- global projects
- added tfg/prácticas

[changelog]
- remove first newline from commit messages
diff --git a/assets/fonts/BerkeleyMonoVariable-Regular.woff2 b/assets/fonts/BerkeleyMonoVariable-Regular.woff2
diff --git a/build-changelog.rb b/build-changelog.rb
@@ -94,6 +94,10 @@ def log(msg)
 	# bold sections in the commit message (format: "[section]")
 	commit.message = commit.message.gsub(/\[(.*)\]/, "<strong>\[\\1\]</strong>") unless commit.message.nil?
 
+	# if the first line of the commit message is a newline, remove it
+	commit.message = commit.message.slice(0, 1) == "\n" ? commit.message.slice(1, commit.message.length) : commit.message unless commit.message.nil?
+	# ↑ esta es de las líneas más incomprensibles que he escrito en mi vida.
+
 	commits << commit
 end
 
diff --git a/package.json b/package.json
diff --git a/src/content/collections/projects/backup.md b/src/content/collections/projects/backup.md
@@ -43,6 +43,10 @@ para descargar todos los repositorios, usar el siguiente comando en una terminal
 # Contenido
 <div id="subjects">
 
+## global
+- [notes](https://github.com/miermontoto/notes) *(apuntes de la carrera)*
+- [latexTemplate](https://github.com/miermontoto/latexTemplate) *(plantilla para documentos en LaTeX)*
+
 ## y1t1
 - [Álgebra Lineal](https://github.com/miermontoto/Algebra) *(algunas PAs corregidas + Entregaxp, parciales con solución)*
 - [Cálculo](https://github.com/miermontoto/Calculo) *(parcial del año resuelto + otros parciales)*
@@ -92,6 +96,7 @@ para descargar todos los repositorios, usar el siguiente comando en una terminal
   - [SI2022-PL41](https://github.com/miermontoto/SI2022-PL41), trabajo en grupo.
 - [Sistemas Distribuidos](https://github.com/miermontoto/Distribuidos) *trabajos de PL completos*
 - [Sistemas Inteligentes](https://github.com/miermontoto/Inteligentes) **(falta contenido de PL)**
+- [Memoria de prácticas](https://github.com/miermontoto/memoria-practicas)
 
 ## y4t1
 - [Gestión de Tecnologías de la Información](https://github.com/miermontoto/GTI)
@@ -109,6 +114,7 @@ para descargar todos los repositorios, usar el siguiente comando en una terminal
 ## y4t2
 - [Proyectos](https://github.com/miermontoto/Proyectos)
 - [Pruebas y Despliegue de Software](https://github.com/miermontoto/Pruebas)
+- [Trabajo Fin de Grado](https://github.com/miermontoto/tfg)
 
 </div>
 
diff --git a/src/content/collections/projects/mier.info.md b/src/content/collections/projects/mier.info.md
@@ -3,7 +3,7 @@ title: mier.info
 desc: my personal portfolio, the very website you are looking at right now.
 source: https://github.com/miermontoto/mier.info
 icons: [eleventy, firebase, sass, markdown, nunjucks, js]
-links: [{icon: "β", url: "https://mier-f6277--beta-ms6exjco.web.app/", name: "beta"}]
+# links: [{icon: "β", url: "https://mier-f6277--beta-ms6exjco.web.app/", name: "beta"}]
 star: star
 permalink: /this/
 redirect_from: [/mier.info/, /self/]
diff --git a/src/content/collections/projects/webutils.njk b/src/content/collections/projects/webutils.njk
@@ -11,6 +11,7 @@ eleventyNavigation:
 <div class="carded" id="utils">
 {% for util in collections.webutils %}
 	<div id="{{ util.data.title }}" class="util card">
+		{% addScript util.fileSlug %}
 		<h2 class="card-title"><a href="/{{ util.fileSlug }}">{{ util.fileSlug }}</a></h2>
 		{{ util.templateContent | safe }}
 	</div>
diff --git a/src/content/collections/webutils/md5.njk b/src/content/collections/webutils/md5.njk
@@ -2,11 +2,11 @@
 title: md5
 desc: 'hash string using MD5'
 redirect_from: /webutils/md5/
+permalink: /md5/
 eleventyNavigation:
   key: md5
 ---
 
-{% addScript 'md5.min' %} {# MD5 function library #}
 
 <input id="md5-input" class="input" type="text" placeholder="string to hash using MD5">
 <span id="md5-output" class="output"></span>
diff --git a/src/static/css/_base.sass b/src/static/css/_base.sass
@@ -3,5 +3,11 @@
     font-display: swap
     src: local('Courier Prime'), url('/assets/fonts/CourierPrime.woff2') format('woff2')
 
-$fonts: 'Courier Prime', monospace
+@font-face
+    font-family: 'Berkeley Mono'
+    font-display: swap
+    src: local ('Berkeley Mono'), url('/assets/fonts/BerkeleyMonoVariable-Regular.woff2') format('woff2')
+
+$fonts: 'Berkeley Mono', 'Courier Prime', monospace
+$classic-fonts: 'Courier Prime', monospace
 $radius: 10px
diff --git a/src/static/css/app/changelog.sass b/src/static/css/app/changelog.sass
@@ -10,7 +10,7 @@
 		margin: 0.25rem 0
 
 	.title
-		font-weight: bold
+		font-weight: normal
 		font-size: 1.75rem
 
 		.subtitle
diff --git a/src/static/css/generic.sass b/src/static/css/generic.sass
@@ -17,7 +17,7 @@ ul, ol
     #title
         margin: 1em 0 0.6em
         font-size: 3em
-        font-weight: bold
+        font-weight: normal
 
     #subtitle
         font-style: italic
diff --git a/src/static/css/global.sass b/src/static/css/global.sass
@@ -4,6 +4,7 @@
 
 *
     font-family: base.$fonts
+    font-weight: lighter
 
 body
     color: colors.$white
@@ -36,8 +37,9 @@ footer
 a, a:visited
     color: colors.$white
 
-    &:hover
-        animation: animations.$multicolor
+    &:hover:not(.project-img-container)
+        color: colors.$primary
+        background-color: colors.$white
 
     &.button
         color: colors.$primary
@@ -73,9 +75,9 @@ code
 
 #version-tag
     position: fixed
-    bottom: 15px
-    right: 15px
-    font-size: min(16px, 2.5vw)
+    bottom: 10px
+    right: 10px
+    font-size: min(14px, 2.25vw)
     color: colors.$light
     user-select: none
     text-decoration: none
@@ -109,9 +111,8 @@ hr
 
     .card
         @extend .model
-        width: max(30%, 300px)
+        width: max(40%, 300px)
         display: grid
-        gap: 1em
         align-items: center
         justify-items: center
         padding: 1.5em
@@ -207,3 +208,6 @@ img
 
         *
             margin: 0 0.5em
+
+h1, h2, h3
+    font-weight: normal
diff --git a/src/static/css/index.sass b/src/static/css/index.sass
@@ -36,6 +36,7 @@ ul
     left: 50%
     transform: translate(-50%, -50%)
     max-height: 80%
+    width: 80%
     opacity: 0.6
     overflow: auto
     transition: all 0.5s ease
@@ -68,6 +69,9 @@ ul
     ul
         margin-right: 1.25em
 
+#socials span, #buttons span
+    font-family: base.$classic-fonts
+
 #socials
     user-select: none
     margin: 1em 0
@@ -81,6 +85,10 @@ ul
         user-select: none
         animation: none
 
+    a:hover
+        color: inherit
+        background-color: inherit
+
 .dot
     vertical-align: middle
     background-color: $dot
diff --git a/src/static/js/app/md5.js b/src/static/js/app/md5.js
diff --git a/src/static/js/app/md5.min.js b/src/static/js/app/md5.min.js
diff --git a/src/static/js/index/sections.js b/src/static/js/index/sections.js
@@ -13,9 +13,11 @@ sections.forEach(({ button, section }) => {
     window.addEventListener('click', (event) => {
         if (!section.classList.contains('active')) return;
 
-        if (event.target !== section && event.target !== button) {
-            clearSections();
-        }
+        if (
+            event.target !== section &&     // si se hace click fuera del section
+            event.target !== button &&      // y no es al botón (al invocarlo)
+            !section.contains(event.target) // y no está dentro de la section
+        ) {clearSections();}                // cerrar todas las secciones
     });
 });
 
diff --git a/src/templates/snippets/footer.njk b/src/templates/snippets/footer.njk
@@ -1,7 +1,7 @@
 <footer>
 	<img src="/assets/favicon.svg" alt="logo">
 
-	<a property="dct:title" rel="cc:attributionURL" href="https://mier.info">mier.info</a>
+	<a property="dct:title" rel="cc:attributionURL" href="/">mier.info</a>
 	by <a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="https://github.com/miermontoto">Juan Mier</a>
 
 	<a href="http://creativecommons.org/licenses/by-nc-nd/4.0" target="_blank" rel="license noopener noreferrer" class="footer-links">license</a>
