Merge branch 'master' into feat/reserve_branche

Author: DiogoRibeiro7

README.md

@@ -21,6 +21,21 @@ Install the Python dependencies listed in `requirements.txt` with:
 pip install -r requirements.txt
 ```
 
+To work with the JavaScript that powers the theme you'll also need Node
+dependencies. Install them with:
+
+```bash
+npm install
+```
+
+Bundled JavaScript is compiled from the source files in `assets/js/`. Run the
+following to create `main.min.js` (minified with a banner) or watch for changes:
+
+```bash
+npm run build:js   # minify and add banner
+npm run watch:js   # optional: automatically rebuild on changes
+```
+
 # ToDo
 
 Have a consistency in the font and font sizes (ideally you want to use 2 fonts. One for the header/subtitle and one for the text. You can use this kind of website https://fontjoy.com/ which allow you to pair fonts).

_sass/minimal-mistakes/_variables.scss

@@ -144,19 +144,6 @@ $base0d: #82aaff !default;
 $base0e: #c792ea !default;
 $base0f: #ff5370 !default;
 
-/* Remove underline and set color to black */
-a {
-   text-decoration: none;
-   color: black;
- }
- 
- /* Add style on hover */
- a:hover {
-   text-decoration: underline;
-   color: #333333; // Dark gray
- }
- 
-
 /*
    Breakpoints
    ========================================================================== */

assets/css/main.scss

@@ -8,6 +8,18 @@ search: false
 @import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin | default: 'default' }}"; // skin
 @import "minimal-mistakes"; // main partials
 
+/* Remove underline and set color to black */
+a {
+  text-decoration: none;
+  color: black;
+}
+
+/* Add style on hover */
+a:hover {
+  text-decoration: underline;
+  color: #333333; // Dark gray
+}
+
 
 /* Custom styles for the 404 page */
 .page__hero {
@@ -66,4 +78,4 @@ search: false
 
   .page__hero-button {
     margin-top: 1px; /* Add some space between the content and the button */
-  }
+  }

banner.js

@@ -1,7 +1,7 @@
 const fs = require("fs");
 const pkg = require("./package.json");
 const filename = "assets/js/main.min.js";
-const script = fs.readFileSync(filename);
+const script = fs.readFileSync(filename, 'utf8');
 const padStart = str => ("0" + str).slice(-2);
 const dateObj = new Date();
 const date = `${dateObj.getFullYear()}-${padStart(
@@ -14,6 +14,6 @@ const banner = `/*!
  */
 `;
 
-if (script.slice(0, 3) != "/**") {
+if (!script.startsWith('/*!')) {
   fs.writeFileSync(filename, banner + script);
 }