17.0 RC1

- recursive search for css and js files
- url encoder/decoder webutil
- error mesages
- style changes to webutils
- minor changes

Author: miermontoto

.eleventy.js

@@ -1,23 +1,54 @@
+const fs = require("fs");
+const path = require("path");
 const { EleventyRenderPlugin } = require("@11ty/eleventy");
 
+function findFileInDir(dir, filename) {
+    let files = fs.readdirSync(dir);
+
+    for (const file of files) {
+        let filepath = path.join(dir, file);
+
+        if (fs.statSync(filepath).isDirectory()) {
+            let result = findFileInDir(filepath, filename);
+            if (result) return result;
+        } else if (path.basename(filepath) === filename) {
+            return filepath;
+        }
+    }
+
+    return null;
+}
+
 module.exports = function (eleventyConfig) {
     eleventyConfig.addPlugin(EleventyRenderPlugin);
 
-    eleventyConfig.addPassthroughCopy("./src/static/js/**");
-    eleventyConfig.addPassthroughCopy("./assets/**");
+    eleventyConfig.addPassthroughCopy("./src/static/js");
+    eleventyConfig.addPassthroughCopy("./assets");
     eleventyConfig.addPassthroughCopy("**.data.json");
-    eleventyConfig.addGlobalData('repo', async () => fetch('https://api.github.com/repos/11ty/eleventy'));
     eleventyConfig.setDataFileSuffixes([".data", ""]);
+    eleventyConfig.setQuietMode(true);
     eleventyConfig.setServerOptions({
-        watch: ["_site/static/**"]
+        watch: ["_site/static/css/**"]
     });
 
     eleventyConfig.addShortcode("addScript", function (filename) {
-        return `<script src="/static/js/app/${filename}.js"></script>`;
+        let filepath = findFileInDir("./src/static/js", `${filename}.js`);
+        if (filepath) {
+            return `<script src="${filepath.replace('src', '')}"></script>`;
+        }
+
+        console.log(`JS file ${filename} not found in ./src/static/js`);
+        return '';
     });
 
     eleventyConfig.addShortcode("addStyle", function (filename) {
-        return `<link rel="stylesheet" href="/static/css/app/${filename}.css">`;
+        let filepath = findFileInDir("./src/static/css", `${filename}.sass`);
+        if (filepath) {
+            return `<link rel="stylesheet" href="${filepath.replace('src', '').replace('.sass', '.css')}">`;
+        }
+
+        console.log(`JS file ${filename} not found in ./src/static/js`);
+        return '';
     });
 
     eleventyConfig.addShortcode("keywords", function() {

package-lock.json

@@ -2,7 +2,7 @@
 name: universidad de oviedo
 role: computer engineering degree
 period: 2020-2024 (expected)
-logo: 'epi'
+logo: epi
 ---
 
 **grades:** 3.0 GPA, <b style="color: gold;"><i>12 honors</i></b>
@@ -19,4 +19,4 @@ some relevant projects and assignments:
 - [network and binary analysis in Assembly and C](https://github.com/miermontoto/HackingForce).
 - [RPC, MOM and consensus/sync algorithms in C](https://github.com/miermontoto/Distribuidos/tree/main/PL/entregas/entrega1).
 - data analysis and manipulation in [R](https://github.com/miermontoto/Estadistica/tree/main/PL) and [MATLAB](https://github.com/miermontoto/Computacion/tree/main/PL).
-- [cybersecurity, digital signing and certificates in C#](https://github.com/miermontoto/Seguridad/tree/master/PL)
+- [cybersecurity, digital signing and certificates in C#](https://github.com/miermontoto/Seguridad/tree/master/PL).

package.json

@@ -5,13 +5,13 @@ period: 2023 (3 months)
 icons: [fa-brands fa-laravel fa-solid, fa-brands fa-php, fa-brands fa-docker, devicon-ruby-plain]
 class: okticket
 ---
-extracurricular internship at *okticket*, a Fintech SaaS that digitizes and manages employee tickets.
+extracurricular internship at *okticket*, a fintech SaaS that digitizes and manages employee tickets.
 
 ---
 
-- back-end system migration (laravel 10, PHP 8.2, composer 2)
+- back-end system migration (laravel 10, PHP 8.2, composer 2).
 - local deploy automation with Docker and Ruby.
 - load and stress tests with [Locust](https://locust.io/).
-- implementation of code styling and linting tools such as [duster](https://github.com/tighten/duster)
+- implementation of code styling and linting tools such as [duster](https://github.com/tighten/duster).
 - deployment of brand new features to testing environments in Mexico.
 - general back-end and development tasks.

src/content/collections/experience/grado.md

@@ -14,6 +14,7 @@ source: https://github.com/search?q=repo%3Amiermontoto%2Fmiermontoto+gti.&type=c
 	<span id="correct">0</span> / <span id="total">?</span>
 	<span id="→">→</span>
 	<span id="scored"><span id="score">0</span>%</span>
+	<noscript class=".error">ERROR: JavaScript is NEEDED for the quiz to work!</noscript>
 </div>
 <span class="button" id="reset">reset</span>
 

src/content/collections/experience/okticket.md

@@ -1,6 +1,6 @@
 ---
 title: webutils
-desc: wip!!
+desc: 'small collection of web utilities: md5, base64, url encode/decode, etc.'
 icons: [devicon-javascript-plain]
 permalink: /webutils/
 demo: /webutils/

src/content/collections/projects/gti.njk

@@ -2,11 +2,11 @@
 {% addStyle 'webutils' %}
 
 <div id="decoded">
-	<textarea class="input" id="decoded-text" placeholder="Plain text"></textarea>
-	<span class="button" id="decoded-copy">⎘</span>
+	<textarea class="input" id="decoded-text" placeholder="plain text"></textarea>
+	{# <span class="button" id="decoded-copy">⎘</span> #}
 </div>
 <span><=></span>
 <div id="encoded">
-	<textarea class="output" id="encoded-text" placeholder="Encoded text"></textarea>
-	<span class="button" id="encoded-copy">⎘</span>
+	<textarea class="output" id="encoded-text" placeholder="encoded text"></textarea>
+	{# <span class="button" id="encoded-copy">⎘</span> #}
 </div>

src/content/collections/projects/webutils.njk

@@ -2,6 +2,6 @@
 {% addScript 'md5' %}
 {% addStyle 'webutils' %}
 
-<input id="md5-input" class="input" type="text" placeholder="String to hash using MD5">
+<input id="md5-input" class="input" type="text" placeholder="string to hash using MD5">
 <span id="md5-output" class="output"></span>
 <span class="button" id="md5-copy">copy</span>

src/content/collections/webutils/base64.njk

@@ -5,6 +5,7 @@
 	<input type="checkbox" id="tiny-ignore">
 	<label for="tiny-ignore">Ignore untinifyable content</label>
 </div>
-<input class="input" id="tiny-input" type="text" placeholder="String to tinify">
+<input class="input" id="tiny-input" type="text" placeholder="string to tinify">
+<br>
 <span class="output" id="tiny-output"></span>
 <span class=button id="tiny-copy">copy</span>