chore: replace JBM with nerd fonts, add terminal prompt

index.html

@@ -30,6 +30,7 @@
         <small>cheesed to meet ya.</small>
         <p>a synth who is constantly tired about everything.</p>
     </section>
+    <p class="term-input"><span class="folder">󰉋 ~/sneexy</span> <span class="status"></span> <span class="blink">█</span></p>
 </div>
 
 <!-- about me -->
@@ -50,6 +51,7 @@
         <p>Certified™ idiot <small>(i think this one is obvious)</small></p>
         <p>usually, seemingly always, pretty tired and sometimes full of random ideas i know damn well i can't execute at all or end up putting on the heater forever.</p>
     </section>
+    <p class="term-input"><span class="folder">󰉋 ~/about-me</span> <span class="status"></span> <span class="blink">█</span></p>
 </div>
 
 <!-- socials -->
@@ -97,6 +99,7 @@
             </span>
         </div>
     </section>
+    <p class="term-input"><span class="folder">󰉋 ~/socials-and-contacts</span> <span class="status"></span> <span class="blink">█</span></p>
 </div>
 
 <!-- "fun" facts -->
@@ -117,6 +120,7 @@
             <li>i am <i>still</i> <b><i>terrible</i></b> at spelling. still made mistakes even when making this site. online dictionaries my beloved.</li>
         </ul>
     </section>
+    <p class="term-input"><span class="folder">󰉋 ~/fun-facts</span> <span class="status"></span> <span class="blink">█</span></p>
 </div>
 
 <!-- buttons -->
@@ -179,6 +183,7 @@
             <a href="https://www.youtube.com/@ScottTheWoz" target="_blank"><img src="./assets/buttons/random/scotthere.gif" alt="Hey all, Scott here!" title="Hey all, Scott here!"></a>
         </div>
     </section>
+    <p class="term-input"><span class="folder">󰉋 ~/buttons</span> <span class="status"></span> <span class="blink">█</span></p>
 </div>
 
 <!-- webrings and credits -->
@@ -188,6 +193,7 @@
         <p><a href="https://git.gay/sneexy/pages" target="_blank">website source!</a></p>
         <p><a href="https://catppuccin.com" target="_blank">Catppuccin</a> <a href="https://raw.githubusercontent.com/catppuccin/catppuccin/main/LICENSE" target="_blank">license</a> 💜</p>
         <p><a href="https://kde.org" target="_blank">KDE</a></p>
+        <p><a href="https://nerdfonts.com" target="_blank">Nerd Fonts</a> <a href="https://github.com/ryanoasis/nerd-fonts/blob/master/LICENSE" target="_blank">license(s)</a></p>
         <p><a href="https://www.jetbrains.com/lp/mono" target="_blank">JBM</a> <a href="./assets/fonts/JetBrainsMono/OFL.txt" target="_blank">license</a>/<a href="./assets/fonts/JetBrainsMono/AUTHORS.txt" target="_blank">authors</a></p>
         <p><a href="https://www.lexend.com" target="_blank">Lexend</a> <a href="./assets/fonts/LexendDeca/OFL.txt" target="_blank">license</a></p>
         <p><a href="https://github.com/PapirusDevelopmentTeam/papirus-icon-theme" target="_blank">Papirus icons</a> <a href="https://raw.githubusercontent.com/PapirusDevelopmentTeam/papirus-icon-theme/master/LICENSE" target="_blank">license</a>/<a href="https://raw.githubusercontent.com/PapirusDevelopmentTeam/papirus-icon-theme/master/AUTHORS" target="_blank">authors</a></p>

style.css

@@ -90,40 +90,36 @@ font config, JetBrains Mono
 @font-face {
     font-family: "JetBrains Mono";
     src:
-        local("JetBrains Mono"),
         local("JetBrainsMono Nerd Font"),
-        url("./assets/fonts/JetBrainsMono/fonts/ttf/JetBrainsMono-Regular.ttf") format("opentype"),
-        url("./assets/fonts/JetBrainsMono/fonts/webfonts/JetBrainsMono-Regular.woff2") format("woff2");
+        url("./assets/fonts/JetBrainsMono/fonts/JetBrainsMonoNerdFont-Regular.ttf") format("opentype"),
+        local("JetBrains Mono");
     font-weight: normal;
     font-style: normal;
 }
 @font-face {
     font-family: "JetBrains Mono";
     src:
-        local("JetBrains Mono"),
         local("JetBrainsMono Nerd Font"),
-        url("./assets/fonts/JetBrainsMono/fonts/ttf/JetBrainsMono-Bold.ttf") format("opentype"),
-        url("./assets/fonts/JetBrainsMono/fonts/webfonts/JetBrainsMono-Bold.woff2") format("woff");
+        url("./assets/fonts/JetBrainsMono/fonts/JetBrainsMonoNerdFont-Bold.ttf") format("opentype"),
+        local("JetBrains Mono");
     font-weight: bold;
     font-style: bold;
 }
 @font-face {
     font-family: "JetBrains Mono";
     src:
-        local("JetBrains Mono"),
         local("JetBrainsMono Nerd Font"),
-        url("./assets/fonts/JetBrainsMono/fonts/ttf/JetBrainsMono-Italic.ttf") format("opentype"),
-        url("./assets/fonts/JetBrainsMono/fonts/webfonts/JetBrainsMono-Italic.woff2") format("woff");
+        url("./assets/fonts/JetBrainsMono/fonts/JetBrainsMonoNerdFont-Italic.ttf") format("opentype"),
+        local("JetBrains Mono");
     font-weight: normal;
     font-style: italic;
 }
 @font-face {
     font-family: "JetBrains Mono";
     src:
-        local("JetBrains Mono"),
         local("JetBrainsMono Nerd Font"),
-        url("./assets/fonts/JetBrainsMono/fonts/ttf/JetBrainsMono-BoldItalic.ttf") format("opentype"),
-        url("./assets/fonts/JetBrainsMono/fonts/webfonts/JetBrainsMono-BoldItalic.woff2") format("woff");
+        url("./assets/fonts/JetBrainsMono/fonts/JetBrainsMonoNerdFont-BoldItalic.ttf") format("opentype"),
+        local("JetBrains Mono");
     font-weight: bold;    
     font-style: italic;
 }
@@ -238,6 +234,24 @@ styling of the terminal windows
             }
         }
     }
+    /* the prompt */
+    .term-input {
+        .folder {
+            color: var(--sapphire);
+            background-color: var(--crust);
+            border-radius: 3em;
+            padding: 0px 12px 0px 12px;
+        }
+        .status {
+            color: var(--green);
+        }
+        .blink {
+            display: none;
+            color: var(--text);
+            margin-left: 9px;
+            animation: blink .8s linear infinite;
+        }
+    }
 
     background-color: var(--base);
     color: var(--text);
@@ -276,6 +290,11 @@ styling of the terminal windows
             }
         }
     }
+    .term-input {
+        .blink {
+            display: unset;
+        }
+    }
     border-color: var(--green);
 
     transition: .2s border-color;
@@ -525,13 +544,18 @@ footer {
 /*
 animations
 */
+@keyframes blink {
+    0% { opacity: 0; }
+    50% { opacity: 1.0; }
+    100% { opacity: 0; }
+}
 @keyframes spin-y {
     /* values: 128px, 256px, 348px, 396px*/
     0% { transform: perspective(396px) rotateY(0); }
     100% { transform: perspective(396px) rotateY(360deg); }
 }
 @keyframes rainbow {
-    0% {filter: hue-rotate(0deg) contrast(150%) saturate(150%); }
+    0% { filter: hue-rotate(0deg) contrast(150%) saturate(150%); }
     100% { filter: hue-rotate(360deg) contrast(150%) saturate(150%); }
 }