Bunch more changesHEADmaster

5 files changed, 55 insertions, 0 deletions

diff --git a/public/styles/fonts/LowresPixel-Regular.woff b/public/styles/fonts/LowresPixel-Regular.woff
new file mode 100644
index 0000000..a1b368a
--- /dev/null
+++ b/public/styles/fonts/LowresPixel-Regular.woff
diff --git a/public/styles/fonts/LowresPixel.css b/public/styles/fonts/LowresPixel.css
new file mode 100644
index 0000000..ae4f1d3
--- /dev/null
+++ b/public/styles/fonts/LowresPixel.css
@@ -0,0 +1,8 @@
+@font-face {
+  font-family: "LowerPixelRegular";
+  font-style: normal;
+  font-weight: normal;
+  src:
+    local("LowerPixelRegular"),
+    url("LowresPixel-Regular.woff") format("woff");
+}
diff --git a/public/styles/fonts/Monocraft.css b/public/styles/fonts/Monocraft.css
index df2874e..af7b397 100644
--- a/public/styles/fonts/Monocraft.css
+++ b/public/styles/fonts/Monocraft.css
@@ -3,106 +3,124 @@
   src: url("/public/fonts/Monocraft-ExtraLight.ttf") format("truetype");
   font-weight: 100;
   font-style: normal;
+  size-adjust: 90%; /* Adjust to JetBrainsMono width, 0.6 / 0.6666 = 0.9 */
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-ExtraLight-Italic.ttf") format("truetype");
   font-weight: 100;
   font-style: italic;
+  size-adjust: 90%; /* Adjust to JetBrainsMono width, 0.6 / 0.6666 = 0.9 */
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-ExtraLight.ttf") format("truetype");
   font-weight: 200;
   font-style: normal;
+  size-adjust: 90%; /* Adjust to JetBrainsMono width, 0.6 / 0.6666 = 0.9 */
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-ExtraLight-Italic.ttf") format("truetype");
   font-weight: 200;
   font-style: italic;
+  size-adjust: 90%; /* Adjust to JetBrainsMono width, 0.6 / 0.6666 = 0.9 */
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-Light.ttf") format("truetype");
   font-weight: 300;
   font-style: normal;
+  size-adjust: 90%; /* Adjust to JetBrainsMono width, 0.6 / 0.6666 = 0.9 */
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-Light-Italic.ttf") format("truetype");
   font-weight: 300;
   font-style: italic;
+  size-adjust: 90%; /* Adjust to JetBrainsMono width, 0.6 / 0.6666 = 0.9 */
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft.ttf") format("truetype");
   font-weight: 400;
   font-style: normal;
+  size-adjust: 90%; /* Adjust to JetBrainsMono width, 0.6 / 0.6666 = 0.9 */
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-Italic.ttf") format("truetype");
   font-weight: 400;
   font-style: italic;
+  size-adjust: 90%; /* Adjust to JetBrainsMono width, 0.6 / 0.6666 = 0.9 */
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft.ttf") format("truetype");
   font-weight: 500;
   font-style: normal;
+  size-adjust: 90%; /* Adjust to JetBrainsMono width, 0.6 / 0.6666 = 0.9 */
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-Italic.ttf") format("truetype");
   font-weight: 500;
   font-style: italic;
+  size-adjust: 90%; /* Adjust to JetBrainsMono width, 0.6 / 0.6666 = 0.9 */
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-SemiBold.ttf") format("truetype");
   font-weight: 600;
   font-style: normal;
+  size-adjust: 90%; /* Adjust to JetBrainsMono width, 0.6 / 0.6666 = 0.9 */
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-SemiBold-Italic.ttf") format("truetype");
   font-weight: 600;
   font-style: italic;
+  size-adjust: 90%; /* Adjust to JetBrainsMono width, 0.6 / 0.6666 = 0.9 */
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-Bold.ttf") format("truetype");
   font-weight: 700;
   font-style: normal;
+  size-adjust: 90%; /* Adjust to JetBrainsMono width, 0.6 / 0.6666 = 0.9 */
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-Bold-Italic.ttf") format("truetype");
   font-weight: 700;
   font-style: italic;
+  size-adjust: 90%; /* Adjust to JetBrainsMono width, 0.6 / 0.6666 = 0.9 */
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-Black.ttf") format("truetype");
   font-weight: 800;
   font-style: normal;
+  size-adjust: 90%; /* Adjust to JetBrainsMono width, 0.6 / 0.6666 = 0.9 */
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-Black-Italic.ttf") format("truetype");
   font-weight: 800;
   font-style: italic;
+  size-adjust: 90%; /* Adjust to JetBrainsMono width, 0.6 / 0.6666 = 0.9 */
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-Black.ttf") format("truetype");
   font-weight: 900;
   font-style: normal;
+  size-adjust: 90%; /* Adjust to JetBrainsMono width, 0.6 / 0.6666 = 0.9 */
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-Black-Italic.ttf") format("truetype");
   font-weight: 900;
   font-style: italic;
+  size-adjust: 90%; /* Adjust to JetBrainsMono width, 0.6 / 0.6666 = 0.9 */
 }
diff --git a/public/styles/main.css b/public/styles/main.css
index 2c44266..41d7fa2 100644
--- a/public/styles/main.css
+++ b/public/styles/main.css
@@ -1,6 +1,7 @@
 @import "./fonts/Inter/inter.css";
 @import "./fonts/JetBrainsMono.css";
 @import "./fonts/Monocraft.css";
+@import "./fonts/LowresPixel.css";
 
 @layer theme, base, components, utilities;
 @import "tailwindcss/theme.css" layer(theme);
diff --git a/public/styles/style.css b/public/styles/style.css
index 4aff75b..872086f 100644
--- a/public/styles/style.css
+++ b/public/styles/style.css
@@ -523,108 +523,132 @@
   src: url("/public/fonts/Monocraft-ExtraLight.ttf") format("truetype");
   font-weight: 100;
   font-style: normal;
+  size-adjust: 90%;
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-ExtraLight-Italic.ttf") format("truetype");
   font-weight: 100;
   font-style: italic;
+  size-adjust: 90%;
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-ExtraLight.ttf") format("truetype");
   font-weight: 200;
   font-style: normal;
+  size-adjust: 90%;
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-ExtraLight-Italic.ttf") format("truetype");
   font-weight: 200;
   font-style: italic;
+  size-adjust: 90%;
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-Light.ttf") format("truetype");
   font-weight: 300;
   font-style: normal;
+  size-adjust: 90%;
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-Light-Italic.ttf") format("truetype");
   font-weight: 300;
   font-style: italic;
+  size-adjust: 90%;
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft.ttf") format("truetype");
   font-weight: 400;
   font-style: normal;
+  size-adjust: 90%;
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-Italic.ttf") format("truetype");
   font-weight: 400;
   font-style: italic;
+  size-adjust: 90%;
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft.ttf") format("truetype");
   font-weight: 500;
   font-style: normal;
+  size-adjust: 90%;
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-Italic.ttf") format("truetype");
   font-weight: 500;
   font-style: italic;
+  size-adjust: 90%;
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-SemiBold.ttf") format("truetype");
   font-weight: 600;
   font-style: normal;
+  size-adjust: 90%;
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-SemiBold-Italic.ttf") format("truetype");
   font-weight: 600;
   font-style: italic;
+  size-adjust: 90%;
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-Bold.ttf") format("truetype");
   font-weight: 700;
   font-style: normal;
+  size-adjust: 90%;
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-Bold-Italic.ttf") format("truetype");
   font-weight: 700;
   font-style: italic;
+  size-adjust: 90%;
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-Black.ttf") format("truetype");
   font-weight: 800;
   font-style: normal;
+  size-adjust: 90%;
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-Black-Italic.ttf") format("truetype");
   font-weight: 800;
   font-style: italic;
+  size-adjust: 90%;
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-Black.ttf") format("truetype");
   font-weight: 900;
   font-style: normal;
+  size-adjust: 90%;
 }
 @font-face {
   font-family: "Monocraft";
   src: url("/public/fonts/Monocraft-Black-Italic.ttf") format("truetype");
   font-weight: 900;
   font-style: italic;
+  size-adjust: 90%;
+}
+@font-face {
+  font-family: "LowerPixelRegular";
+  font-style: normal;
+  font-weight: normal;
+  src: local("LowerPixelRegular"), url("LowresPixel-Regular.woff") format("woff");
 }
 @layer theme, base, components, utilities;
 @layer theme {
@@ -1892,6 +1916,10 @@
     --tw-leading: 1.7;
     line-height: 1.7;
   }
+  .leading-\[1\.32\] {
+    --tw-leading: 1.32;
+    line-height: 1.32;
+  }
   .leading-\[normal\] {
     --tw-leading: normal;
     line-height: normal;