init

script.js

@@ -0,0 +1,59 @@
+//document.addEventListener("keydown", function(event) {
+//    var keyPressed = event.key.toLowerCase();
+//
+//    if (keyPressed === 'p') {
+//        const val = Math.round(Math.random()*255)
+//        document.querySelector('body').style.background = `rgba(${val},${val /2},${val})`
+//        console.log("The 'P' key was pressed");
+//    }
+//});
+
+// Barre de recherche 
+$(document).ready(function () {
+    $('li').addClass('active')
+    $('textarea').on('input', function () {
+        var userInput = $(this).val().toLowerCase();
+
+        $('li').each(function () {
+            var listItemText = $(this).text().toLowerCase();
+            if (listItemText.includes(userInput)) {
+                $(this).addClass('active');
+            } else {
+                $(this).removeClass('active');
+            }
+        });
+
+    });
+});
+
+// On convertit les dates au format AA-MM-JJ
+function formatDateFromEpoch(epochTime) {
+    const date = new Date(epochTime * 1000); 
+
+    const YY = date.getFullYear().toString()
+    const MM = ('0' + (date.getMonth() + 1)).slice(-2)
+    const DD = ('0' + date.getDate()).slice(-2)
+
+    if(epochTime == ''){
+
+        return `N/A`;
+    }
+
+    return `${YY}-${MM}-${DD}`;
+}
+
+const dates = document.querySelectorAll('h4')
+dates.forEach((date) => {
+    date.innerHTML= formatDateFromEpoch(date.innerHTML)
+})
+
+// On cache les descriptions si elles sont vides
+$('h2').each(function() {
+    $(this).html() == '' ? $(this).hide() : $(this).show() 
+})
+
+// On colore les entrées qui ont un attribut 'color'
+$('[color]').each(function() {
+    $(this).css('background', `linear-gradient(var(--background), ${$(this).attr('color')} `)
+
+})

upload.sh

@@ -0,0 +1,5 @@
+#!/bin/bash
+
+# send the generated index.html over ftp 
+curl -T index.html -u USER:PASSWORD ftp://ftp.SERVER/subpath/in/your/site/ -v
+