feat: Use JetBrains Mono again, new header styles, rounded table corners

README.md

@@ -23,6 +23,6 @@ If you want to improve Duckquill in any way, feel free to open an issue, or bett
 
 - [Jakub Steiner](https://jimmac.eu) for the [OS Component Website](https://jimmac.github.io/os-component-website), on top of which this whole thing is built
 - [Cassidy James](https://cassidyjames.com) for the [Mastodon-powered Comments](https://cassidyjames.com/blog/fediverse-blog-comments-mastodon)
-- [Adobe Fonts](https://github.com/adobe-fonts) for the [Source Code Pro](https://adobe-fonts.github.io/source-code-pro/) font
 - [Rasmus](https://rsms.me) for the [Inter](https://rsms.me/inter/) font
+- [JetBrains](https://www.jetbrains.com) for the [JetBrains Mono](https://www.jetbrains.com/lp/mono/) font
 - Everyone who supported me and said good stuff <3

content/_index.md

@@ -161,6 +161,6 @@ If you want to improve Duckquill in any way, feel free to open an issue, or bett
 
 - [Jakub Steiner](https://jimmac.eu) for the [OS Component Website](https://jimmac.github.io/os-component-website), on top of which this whole thing is built
 - [Cassidy James](https://cassidyjames.com) for the [Mastodon-powered Comments](https://cassidyjames.com/blog/fediverse-blog-comments-mastodon)
-- [Adobe Fonts](https://github.com/adobe-fonts) for the [Source Code Pro](https://adobe-fonts.github.io/source-code-pro/) font
 - [Rasmus](https://rsms.me) for the [Inter](https://rsms.me/inter/) font
+- [JetBrains](https://www.jetbrains.com) for the [JetBrains Mono](https://www.jetbrains.com/lp/mono/) font
 - Everyone who supported me and said good stuff <3

content/demo/index.md

@@ -102,7 +102,7 @@ end
   - level 2 item
 - level 1 item
 
-## Here is a checkboxes:
+## Here are checkboxes:
 
 - [ ] Milk
 - [x] Eggs

sass/_fonts.scss

@@ -1,34 +1,30 @@
 @font-face {
-  font-family: "Inter Variable";
+  font-family: InterVariable;
   font-style: normal;
   font-weight: 100 900;
   font-display: swap;
-  src: url("./fonts/inter-variable.woff2?v=4.0") format("woff2"),
+  src: url("./fonts/InterVariable.woff2?v=4.0") format("woff2");
-    url("./fonts/inter-variable.ttf?v=4.0") format("truetype");
 }
 @font-face {
-  font-family: "Inter Variable";
+  font-family: InterVariable;
   font-style: italic;
   font-weight: 100 900;
   font-display: swap;
-  src: url("./fonts/inter-variable-italic.woff2?v=4.0") format("woff2"),
+  src: url("./fonts/InterVariable-Italic.woff2?v=4.0") format("woff2");
-    url("./fonts/inter-variable-italic.ttf?v=4.0") format("truetype");
 }
 
 @font-face {
-  font-family: "Source Code VF";
+  font-family: JetBrainsMono;
   font-style: normal;
-  font-weight: 200 900;
+  font-weight: 100 800;
-  font-stretch: normal;
+  font-display: swap;
-  src: url("./fonts/source-code-vf-upright.woff2?v=1.026R") format("woff2"),
+  src: url("./fonts/JetBrainsMono.woff2?v=2.304") format("woff2");
-    url("./fonts/source-code-vf-upright.ttf?v=1.026R") format("truetype");
 }
 
 @font-face {
-  font-family: "Source Code VF";
+  font-family: JetBrainsMono;
   font-style: italic;
-  font-weight: 200 900;
+  font-weight: 100 800;
-  font-stretch: normal;
+  font-display: swap;
-  src: url("./fonts/source-code-vf-italic.woff2?v=1.026R") format("woff2"),
+  src: url("./fonts/JetBrainsMono-Italic.woff2?v=2.304") format("woff2");
-    url("./fonts/source-code-vf-italic.ttf?v=1.026R") format("truetype");
 }

sass/_main.scss

@@ -26,7 +26,7 @@ body {
 }
 
 body {
-  font-family: "Inter Variable", sans-serif;
+  font-family: InterVariable, sans-serif;
   line-height: 1.6;
   color: var(--fg-color);
   background-color: var(--bg-color);
@@ -52,6 +52,7 @@ body {
   @keyframes highlight-in-out {
     50% {
       color: var(--primary-color);
+      font-weight: 800;
     }
   }
 }
@@ -76,9 +77,12 @@ h3,
 h4,
 h5,
 h6 {
-  margin: 3rem 0 1rem;
+  font-family: JetBrainsMono, monospace;
-  font-weight: 600;
+  font-feature-settings: "ss02";
+  font-style: italic;
+  font-weight: 200;
   line-height: 1.25;
+  margin: 3rem 0 1rem;
 
   .zola-anchor {
     display: none;
@@ -93,30 +97,29 @@ h6 {
 }
 
 h1 {
-  letter-spacing: -0.08rem;
-  font-weight: 900;
   font-size: 3rem;
-
+  font-weight: 400;
-  a {
+  letter-spacing: -0.14rem;
-    font-weight: 900;
-  }
 }
 
 h2 {
   font-size: 2.4rem;
-  letter-spacing: -0.04rem;
+  letter-spacing: -0.14rem;
 }
 
 h3 {
   font-size: 1.5rem;
+  letter-spacing: -0.08rem;
 }
 
 h4 {
   font-size: 1.25rem;
+  letter-spacing: -0.06rem;
 }
 
 h5 {
   font-size: 1rem;
+  letter-spacing: -0.04rem;
 }
 
 h6 {
@@ -177,8 +180,9 @@ abbr {
 
 // CODE
 pre,
-code {
+code,
-  font-family: "Source Code VF", monospace;
+kbd {
+  font-family: JetBrainsMono, monospace;
 }
 
 code:not(pre code) {
@@ -275,6 +279,8 @@ details {
 // TABLES
 table {
   border-collapse: collapse;
+  border-radius: var(--rounded-corner);
+  overflow: hidden;
   table-layout: fixed;
   width: 100%;
 
@@ -559,7 +565,7 @@ img {
   }
 
   .big {
-    font-size: 150%;
+    font-size: 1.5rem;
   }
 
   &.archive {