17.0 alpha

miermontoto · miermontoto · commit fb122aaed277 · 2023-11-09T00:35:52.000+01:00
tiny, base64, webuitls, default project js and css loading
diff --git a/package.json b/package.json
diff --git a/src/content/collections/projects/gti.njk b/src/content/collections/projects/gti.njk
@@ -3,8 +3,8 @@ title: gti quiz
 desc: homemade quiz made up of official questions of the course <i>Gestión de Tecnologías de la Información</i>
 icons: [devicon-eleventy-plain, devicon-javascript-plain]
 permalink: /gti/
-project_css: /static/css/gti.css
-project_js: /static/js/gti.js
+project_css: gti
+project_js: gti
 demo: /gti/
 ---
 
diff --git a/src/content/collections/projects/webutils.njk b/src/content/collections/projects/webutils.njk
@@ -0,0 +1,11 @@
+---
+title: webutils
+desc: wip!!
+icons: [devicon-eleventy-plain, devicon-javascript-plain]
+permalink: /webutils/
+demo: /webutils/
+---
+
+{% for util in collections.webutils %}
+
+{% endfor %}
diff --git a/src/content/collections/webutils/base64.njk b/src/content/collections/webutils/base64.njk
@@ -0,0 +1,7 @@
+---
+title: base64
+---
+
+<textarea id="decoded" rows="10" cols="50"></textarea>
+<span><=></span>
+<textarea id="encoded" rows="10" cols="50"></textarea>
diff --git a/src/content/collections/webutils/tiny.njk b/src/content/collections/webutils/tiny.njk
@@ -0,0 +1,8 @@
+---
+title: tiny
+project_css: true
+---
+
+<input id="input">
+<br> <br>
+<span id="output"></span>
diff --git a/src/content/collections/webutils/webutils.json b/src/content/collections/webutils/webutils.json
@@ -0,0 +1,6 @@
+{
+    "tags": "webutils",
+    "layout": "project.njk",
+	"permalink": "/{{ page.fileSlug }}/",
+    "project_js": true
+}
diff --git a/src/static/css/_base.sass b/src/static/css/_base.sass
@@ -17,6 +17,7 @@ $wrong-background: #660500
 
 $fonts: 'Courier Prime', monospace
 $animation: 1s MULTICOLOR infinite
+$radius: 10px
 
 @keyframes MULTICOLOR
     0%
diff --git a/src/static/css/global.sass b/src/static/css/global.sass
@@ -64,6 +64,10 @@ code
     background-color: base.$white
     color: base.$secondary
 
+input::selection, textarea::selection, .input::selection
+    background-color: base.$secondary
+    color: base.$white
+
 hr
     color: base.$dark
     margin-top: 3em
diff --git a/src/static/css/index.sass b/src/static/css/index.sass
@@ -10,7 +10,6 @@
     font-display: swap
     src: local('Ndot-55'), url('/assets/fonts/Ndot-55.otf')
 $dot: base.$white
-$radius: 10px
 
 // main
 #main-container
diff --git a/src/static/css/project/backup.sass b/src/static/css/project/backup.sass
@@ -1,4 +1,4 @@
-@use 'base'
+@use '../base'
 
 h2, h3
     margin-top: 3em
diff --git a/src/static/css/project/gti.sass b/src/static/css/project/gti.sass
@@ -1,4 +1,4 @@
-@use 'base'
+@use '../base'
 
 .disabled.selected
 	background-color: base.$wrong
diff --git a/src/static/css/project/tiny.sass b/src/static/css/project/tiny.sass
@@ -0,0 +1,9 @@
+@use '../base'
+
+#output
+	$padding: 10px
+
+	border-radius: base.$radius
+	border: 3px solid base.$light
+	padding: $padding $padding 0 $padding
+	margin: 25em 0
diff --git a/src/static/js/global.js b/src/static/js/global.js
@@ -16,7 +16,10 @@ function christmas() {
 
     if (month == 11 || month == 0 && date.getDate() < 7) {
         snow();
+        return true;
     }
+
+    return false;
 }
 
 function snow() {
diff --git a/src/static/js/project/base64.js b/src/static/js/project/base64.js
@@ -0,0 +1,35 @@
+window.onload = function () {
+	const decoded = document.querySelector('#decoded');
+	const encoded = document.querySelector('#encoded');
+
+	const encode = () => {
+		encoded.value = b2a(decoded.value);
+	}
+
+	const decode = () => {
+		let text;
+
+		try {
+			text = a2b(encoded.value);
+		} catch (e) {
+			text = '!INVALID!';
+		}
+
+		decoded.value = text;
+	}
+
+	decoded.addEventListener('input', encode);
+	encoded.addEventListener('input', decode);
+}
+
+function a2b(str) {
+	return decodeURIComponent(atob(str).split('').map(function(c) {
+        return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
+    }).join(''));
+}
+
+function b2a(str) {
+	return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g, function(match, p1) {
+		return String.fromCharCode('0x' + p1);
+	}));
+}
diff --git a/src/static/js/project/gti.js b/src/static/js/project/gti.js
diff --git a/src/static/js/project/tiny.js b/src/static/js/project/tiny.js
@@ -0,0 +1,26 @@
+window.onload = function () {
+	const input = document.querySelector('#input');
+	const output = document.querySelector('#output');
+
+	clear(input);
+
+	const event = () => {
+		output.innerHTML = tinify(input.value);
+	}
+
+	input.addEventListener('input', event);
+};
+
+const superscript = { 'a': 'ᵃ', 'b': 'ᵇ', 'c': 'ᶜ', 'd': 'ᵈ', 'e': 'ᵉ', 'f': 'ᶠ', 'g': 'ᵍ', 'h': 'ʰ', 'i': 'ⁱ', 'j': 'ʲ', 'k': 'ᵏ', 'l': 'ˡ', 'm': 'ᵐ', 'n': 'ⁿ', 'o': 'ᵒ', 'p': 'ᵖ', 'q': '𐞥', 'r': 'ʳ', 's': 'ˢ', 't': 'ᵗ', 'u': 'ᵘ', 'v': 'ᵛ', 'w': 'ʷ', 'x': 'ˣ', 'y': 'ʸ', 'z': 'ᶻ',
+					  'A': 'ᴬ', 'B': 'ᴮ', 'C': 'ꟲ', 'D': 'ᴰ', 'E': 'ᴱ', 'F': 'ꟳ', 'G': 'ᴳ', 'H': 'ᴴ', 'I': 'ᴵ', 'J': 'ᴶ', 'K': 'ᴷ', 'L': 'ᴸ', 'M': 'ᴹ', 'N': 'ᴺ', 'O': 'ᴼ', 'P': 'ᴾ', 'Q': 'ꟴ', 'R': 'ᴿ', 'S': 'ˢ', 'T': 'ᵀ', 'U': 'ᵁ', 'V': 'ⱽ', 'W': 'ᵂ', 'X': 'ˣ', 'Y': 'ʸ', 'Z': 'ᶻ',
+					  '1': '¹', '2': '²', '3': '³', '4': '⁴', '5': '⁵', '6': '⁶', '7': '⁷', '8': '⁸', '9': '⁹', '0': '⁰' };
+
+
+function tinify(str) {
+	return str.split('').map(c => superscript[c] || c).join('');
+}
+
+function clear(dom) {
+	dom.innerHTML = '';
+	dom.value = '';
+}
diff --git a/src/templates/base.njk b/src/templates/base.njk
@@ -26,24 +26,6 @@
     {% if css %}
         <link rel="stylesheet" href="{{ css }}">
     {% endif %}
-    <script type="module">
-        import { initializeApp } from "https://www.gstatic.com/firebasejs/10.5.2/firebase-app.js";
-        import { getAnalytics } from "https://www.gstatic.com/firebasejs/10.5.2/firebase-analytics.js";
-
-        const firebaseConfig = {
-            apiKey: "AIzaSyDpzq7qtilzYLKprqSaGt1HaxoGAXqZ5N8",
-            authDomain: "mier-f6277.firebaseapp.com",
-            projectId: "mier-f6277",
-            storageBucket: "mier-f6277.appspot.com",
-            messagingSenderId: "427767389600",
-            appId: "1:427767389600:web:65a83378aeb9ad53a498c5",
-            measurementId: "G-R0SHSFGF3Y"
-        };
-
-        // Initialize Firebase
-        const app = initializeApp(firebaseConfig);
-        const analytics = getAnalytics(app);
-    </script>
 </head>
 <body>
     <div id="browser-info">
diff --git a/src/templates/project.njk b/src/templates/project.njk
@@ -4,11 +4,15 @@ css: /static/css/project.css
 ---
 
 {% if project_css %}
-    <link rel="stylesheet" href="{{ project_css }}">
+    {% set temp = title if project_css === true else project_css %}
+    {% set target = '/static/css/project/' + temp + '.css' %}
+    <link rel="stylesheet" href="{{ target }}">
 {% endif %}
 
 {% if project_js %}
-    <script src="{{ project_js }}"></script>
+    {% set temp = title if project_js === true else project_js %}
+    {% set target = '/static/js/project/' + temp + '.js' %}
+    <script src="{{ target }}"></script>
 {% endif %}
 
 <a href="/" id="back">< go back</a>

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-@use 'base'`
	`1`	`+@use '../base'`
`2`	`2`
`3`	`3`	`h2, h3`
`4`	`4`	`margin-top: 3em`