Rewritessome variables

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "salag",
+  "name": "gils-nexus",
   "version": "1.0.0",
   "description": "",
   "main": "index.js",
@@ -17,8 +17,11 @@
   "devDependencies": {
     "@11ty/eleventy": "^2.0.1",
     "@11ty/eleventy-navigation": "^0.3.5",
-    "luxon": "^3.4.3",
+    "luxon": "^3.4.4",
     "npm-run-all": "^4.1.5",
-    "sass": "^1.69.4"
+    "sass": "^1.77.2"
+  },
+  "dependencies": {
+    "npm": "^10.8.0"
   }
 }

src/css/_fonts.scss

@@ -8,5 +8,5 @@ Alkhemikal ***
 */
 @font-face {
   font-family: Alkhemikal;
-  src: url(../font/alkhemikal.ttf);
+  src: url('../font/alkhemikal.ttf') format('truetype');
 }

src/css/global.css

@@ -31,7 +31,7 @@ Alkhemikal ***
 */
 @font-face {
   font-family: Alkhemikal;
-  src: url(../font/alkhemikal.ttf);
+  src: url("../font/alkhemikal.ttf") format("truetype");
 }
 /*
 Colors
@@ -48,11 +48,21 @@ body {
   background: rgba(160, 47, 111, 0.25);
 }
 
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   text-align: center;
 }
 @media screen and (min-width: 600px) {
-  h1, h2, h3, h4, h5, h6 {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
     text-align: left;
   }
 }

src/css/global.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["_colors.scss","_fonts.scss","global.scss","_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAGA;EACE;EACA;;ACLF;AAAA;AAAA;AAAA;AAWA;EACE,kBFgBS;EEfT,OFMM;EELN;EACA;;;AAGF;EACE,YAVa;;;AAaf;EACE;;ACfA;EDcF;IAGI;;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,OAvCG;EAwCH;EACA;EACA;EACA,kBF7BM;EE8BN;;ACzCA;EDiCF;AAAA;IAUI;;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE,OFzBU;EE0BV;;;AAGF;AAAA;EAEE,kBAhES;;;AAmEX;AAAA;AAAA;EAGE;EACA,OF9BY;EE+BZ;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;ACxGA;EDmGF;IAOI;IACA;;;;AAIJ;EACE;EACA;EACA","file":"global.css"}
+{"version":3,"sourceRoot":"","sources":["_colors.scss","_fonts.scss","global.scss","_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAGA;EACE;EACA;;ACLF;AAAA;AAAA;AAAA;AAWA;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;ACpBA;EDcF;AAAA;AAAA;AAAA;AAAA;AAAA;IAQI;;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,OA5CG;EA6CH;EACA;EACA;EACA;EACA;;AC9CA;EDsCF;AAAA;IAUI;;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;EAGE;EACA,OFnCY;EEoCZ;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AC7GA;EDwGF;IAOI;IACA;;;;AAIJ;EACE;EACA;EACA","file":"global.css"}

src/css/global.scss

@@ -15,17 +15,22 @@ $bg-hover: scale-color(colors.$green-400, $alpha: -75%);
 $bg-highlight: scale-color(colors.$magenta-600, $alpha: -75%);
 
 body {
-  background-color: colors.$base-800;
-  color: colors.$paper;
+  background-color: #{colors.$base-800};
+  color: #{colors.$paper};
   font-family: Alkhemikal;
   font-size: 1.5rem;
 }
 
 ::selection {
-  background: $bg-highlight;
+  background: #{$bg-highlight};
 }
 
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   text-align: center;
   @include breakpoint("sm") {
     text-align: left;
@@ -48,11 +53,11 @@ main,
 article {
   padding: 1em;
   color: $fg;
-  border: 16px solid colors.$paper;
+  border: 16px solid #{colors.$paper};
   border-image: url(../img/nine-patch.png) 32 round;
   -webkit-border-image: url(../img/nine-patch.png) 32 round;
-  background-color: colors.$paper;
-  box-shadow: 0px 0px 20px colors.$black;
+  background-color: #{colors.$paper};
+  box-shadow: 0px 0px 20px #{colors.$black};
   @include breakpoint("sm") {
     margin: 0 2em;
   }
@@ -69,13 +74,13 @@ header.header_main {
 }
 
 a {
-  color: $link;
+  color: #{$link};
   border-radius: 10px;
 }
 
 a:hover,
 a:active {
-  background-color: $bg-hover;
+  background-color: #{$bg-hover};
 }
 
 a.logo,
@@ -126,4 +131,4 @@ header > :last-child {
   display: inline;
   image-rendering: crisp-edges;
   vertical-align: text-bottom;
-}
+}