untrack content dir

assets/css/src/article.css

@@ -0,0 +1,3 @@
+main.article {
+  margin-top: 0;
+}

assets/css/src/articles.css

@@ -1,31 +0,0 @@
-#articles {
-  margin: 0 var(--unit--horizontal);
-}
-#organize {
-  margin-bottom: calc(var(--unit--vertical));
-}
-.article {
-  position: relative;
-  margin-bottom: calc(var(--unit--vertical) * 2);
-  box-sizing: border-box;
-}
-
-.article__infos,
-.article__labels {
-  transform: translateY(calc(0rem - (var(--unit--vertical) * 0.1)));
-}
-
-.article__infos {
-  display: flex;
-}
-
-.article__labels {
-  display: flex;
-}
-
-.article .label {
-  margin-right: var(--unit--horizontal);
-  text-decoration: underline;
-  text-decoration-style: dotted;
-  text-underline-offset: 6px;
-}

assets/css/src/footer.css

@@ -1,5 +1,8 @@
 #main-footer {
-  position: absolute;
+  position: fixed;
   left: 0;
   bottom: 0;
+  width: calc(18 * var(--unit--horizontal));
+  padding: var(--unit--horizontal);
+  padding-top: var();
 }

assets/css/src/generic.css

@@ -64,3 +64,11 @@
 .flex.column {
   flex-direction: column;
 }
+
+/* ================= COLORS ================= */
+.color {
+  color: var(--color);
+}
+.opacity {
+  opacity: var(--opacity);
+}

assets/css/src/home.css

@@ -0,0 +1,3 @@
+main#home .toggle-btns {
+  margin-top: calc(var(--unit--vertical) * 6);
+}

assets/css/src/html.css

@@ -26,6 +26,10 @@ html {
   scroll-behavior: smooth;
 }
 
+main {
+  margin-top: calc(6 * var(--unit--vertical));
+}
+
 /* Works on Firefox */
 
 * {

assets/css/src/tabs.css

@@ -1,3 +1,6 @@
+.toggle-btns {
+  position: sticky;
+}
 button.toggle.open {
   font-weight: bold;
 }
@@ -22,6 +25,9 @@ button.toggle.right.open::before {
   content: "-";
 }
 
-.content {
-  margin-top: calc(var(--unit--vertical) * 2);
+.active-tab {
+  margin-top: calc(var(--unit--vertical) * 0.5);
+  overflow: auto;
+  max-height: calc(100vh - 7.5 * var(--unit--vertical));
+  margin-bottom: calc(2 * var(--unit--vertical));
 }

assets/css/src/texts.css

@@ -12,11 +12,16 @@
   font-family: "Switzer-Variable", sans-serif;
 }
 
-h1 {
+#logo * {
   font-size: 25vw;
   line-height: 4rem;
   transform: translate(-2px, -13px);
-  font-weight: 550;
+  font-weight: var(--font-weight-extra-bold);
+}
+
+h3 {
+  font-size: var(--font-size-l);
+  font-weight: var(--font-weight-bold);
 }
 
 p,
@@ -27,6 +32,18 @@ button,
   font-size: var(--font-size-m);
   line-height: calc(var(--unit--vertical));
 }
+
+.fs-xl {
+  font-size: var(--font-size-xl);
+}
+
+.title-center {
+  font-size: var(--font-size-m);
+  font-weight: var(--font-weight-light);
+  text-align: center;
+  width: 100%;
+}
+
 p,
 li,
 button,
@@ -34,6 +51,20 @@ button,
   font-weight: var(--font-weight-light);
 }
 
+.fw-bold {
+  font-weight: var(--font-weight-bold);
+}
+
+.fw-extra-bold {
+  font-weight: var(--font-weight-extra-bold);
+}
+
+.f-inherit {
+  font-size: inherit;
+  line-height: inherit;
+  font-weight: inherit;
+}
+
 .ta-center {
   text-align: center;
 }

assets/css/src/variables.css

@@ -7,9 +7,14 @@
   --color-secondary--x-light: rgb(119, 177, 157, 0.15);
 
   --unit--horizontal: 5vw;
-  --unit--vertical: 1.3rem;
+  --unit--vertical: 1.7rem;
 
+  --font-size-s: 0.8rem;
   --font-size-m: 1.2rem;
+  --font-size-l: 1.5rem;
+  --font-size-xl: 3.7rem;
 
   --font-weight-light: 200;
+  --font-weight-bold: 400;
+  --font-weight-extra-bold: 550;
 }