Fonts.

index.html

@@ -38,35 +38,35 @@ <h1 id="welcome-enjoy-your-stay">Welcome! Enjoy your stay!</h1>
 <col style="width: 100%" />
 </colgroup>
 <thead>
-<tr>
+<tr class="header">
 <th>Links</th>
 </tr>
 </thead>
 <tbody>
-<tr>
+<tr class="odd">
 <td><a href="https://gitlab.com/Oglo12">GitLab Repositories</a></td>
 </tr>
-<tr>
+<tr class="even">
 <td><a href="https://codeberg.org/Oglo12">Codeberg Repositories</a></td>
 </tr>
-<tr>
+<tr class="odd">
 <td><a href="https://youtube.com/@oglothenerd">YouTube Channel</a></td>
 </tr>
-<tr>
+<tr class="even">
 <td><a href="https://odysee.com/@oglothenerd">Odysee Channel</a></td>
 </tr>
-<tr>
+<tr class="odd">
 <td><a href="https://www.patreon.com/OgloTheNerd">Patreon
 (Donations)</a></td>
 </tr>
-<tr>
+<tr class="even">
 <td><a href="https://discord.gg/mBQttEV8SW">Discord Server</a></td>
 </tr>
-<tr>
+<tr class="odd">
 <td><a href="https://matrix.to/#/#oglothenerd-room:matrix.org">Matrix
 Room</a></td>
 </tr>
-<tr>
+<tr class="even">
 <td><a href="https://rvlt.gg/vGqAgh71">Revolt Server</a></td>
 </tr>
 </tbody>
@@ -77,13 +77,13 @@ <h1 id="welcome-enjoy-your-stay">Welcome! Enjoy your stay!</h1>
 <col style="width: 54%" />
 </colgroup>
 <thead>
-<tr>
+<tr class="header">
 <th>Tutorials (As Pages On This Site)</th>
 <th>Description</th>
 </tr>
 </thead>
 <tbody>
-<tr>
+<tr class="odd">
 <td><a href="./tutorials/sysrq.html">Save your system with
 SysRQ!</a></td>
 <td>When your computer freezes, you can still make it reboot

per_html/style.css

@@ -1,7 +1,50 @@
 @import url('themes/gruvbox_dark.css');
 
+@font-face {
+  font-family: "NerdFont";
+  src: url("fonts/JetBrainsMonoNerdFont-Medium.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "NerdFont";
+  src: url("fonts/JetBrainsMonoNerdFont-Bold.ttf") format("truetype");
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "NerdFont";
+  src: url("fonts/JetBrainsMonoNerdFont-Italic.ttf") format("truetype");
+  font-weight: normal;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "NerdFontMono";
+  src: url("fonts/JetBrainsMonoNerdFontMono-Medium.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "NerdFontMono";
+  src: url("fonts/JetBrainsMonoNerdFontMono-Bold.ttf") format("truetype");
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "NerdFontMono";
+  src: url("fonts/JetBrainsMonoNerdFontMono-Italic.ttf") format("truetype");
+  font-weight: normal;
+  font-style: italic;
+}
+
 * {
     color: var(--foreground-color);
+    font-family: "NerdFont";
 }
 
 body {
@@ -43,6 +86,7 @@ code {
     background-color: var(--hue-background-color);
     color: var(--hue-foreground-color);
     font-weight: bold;
+    font-family: "NerdFontMono";
     border-radius: 5px;
     padding: 1px 4px 1px 4px;
 }

tutorials/per_html/style.css

@@ -1,7 +1,50 @@
 @import url('themes/gruvbox_dark.css');
 
+@font-face {
+  font-family: "NerdFont";
+  src: url("fonts/JetBrainsMonoNerdFont-Medium.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "NerdFont";
+  src: url("fonts/JetBrainsMonoNerdFont-Bold.ttf") format("truetype");
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "NerdFont";
+  src: url("fonts/JetBrainsMonoNerdFont-Italic.ttf") format("truetype");
+  font-weight: normal;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "NerdFontMono";
+  src: url("fonts/JetBrainsMonoNerdFontMono-Medium.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "NerdFontMono";
+  src: url("fonts/JetBrainsMonoNerdFontMono-Bold.ttf") format("truetype");
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "NerdFontMono";
+  src: url("fonts/JetBrainsMonoNerdFontMono-Italic.ttf") format("truetype");
+  font-weight: normal;
+  font-style: italic;
+}
+
 * {
     color: var(--foreground-color);
+    font-family: "NerdFont";
 }
 
 body {
@@ -43,6 +86,7 @@ code {
     background-color: var(--hue-background-color);
     color: var(--hue-foreground-color);
     font-weight: bold;
+    font-family: "NerdFontMono";
     border-radius: 5px;
     padding: 1px 4px 1px 4px;
 }