From 35fff3bf1e33c1366bce66e00c16b74d603881ad Mon Sep 17 00:00:00 2001
From: Kristóf Marussy <kristof@marussy.com>
Date: Fri, 5 Apr 2024 02:24:02 +0200
Subject: First post

---
 src/components/landing/sections/Contact.module.css |  2 +-
 src/css/custom.css                                 | 32 +++++++++++++++-------
 src/plugins/responsiveLoaderPlugin.ts              |  1 +
 3 files changed, 24 insertions(+), 11 deletions(-)

(limited to 'src')

diff --git a/src/components/landing/sections/Contact.module.css b/src/components/landing/sections/Contact.module.css
index cfe1455..77d1861 100644
--- a/src/components/landing/sections/Contact.module.css
+++ b/src/components/landing/sections/Contact.module.css
@@ -102,8 +102,8 @@
 
 .contact__description {
   margin: 0;
+  font-style: italic;
   --slnt: -15;
-  --crsv: 1;
   font-size: 0.875rem;
   --marussy-contact-color: var(--marussy-contact-muted-color-or-hover);
   color: var(--marussy-contact-muted-color-or-hover);
diff --git a/src/css/custom.css b/src/css/custom.css
index bd6e179..61e8879 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -10,6 +10,8 @@
  * work well for content-centric websites.
  */
 
+@import 'katex/dist/katex.css';
+
 @import './fonts.css';
 @import './sr-only.css';
 
@@ -29,7 +31,7 @@
   --mono: 0;
   --casl: 0;
   --slnt: 0;
-  --crsv: 0;
+  --crsv: 0.5;
   --marussy-heading-tracking: -0.032em;
   --marussy-button-tracking: -0.026em;
 }
@@ -59,25 +61,20 @@
   font-feature-settings:
     /* Use single-story g in body text. */
     'ss02' calc(1 - min(var(--casl) * 1000, 1)),
-    /* Simplified l in code. */ 'ss05'
-      calc(1 - min(1000 - var(--mono) * 1000, 1)),
+    /* Simplified l in code. */ 'ss05' 1,
     /* Dotted zero in code. */ 'ss10'
-      calc(1 - min(1000 - var(--mono) * 1000, 1)),
+      calc(clamp(0, var(--mono) * 1000 - 500, 1)),
     /* Simplified @ in code. */ 'ss12'
-      calc(1 - min(1000 - var(--mono) * 1000, 1)),
-    /* No descender for Q in titles. */ 'titl' calc(min(var(--casl) * 1000, 1)),
-    /* Enable italic ligatures. */ 'liga' !important;
+      calc(clamp(0, var(--mono) * 1000 - 500, 1)),
+    /* No descender for Q in titles. */ 'titl' calc(min(var(--casl) * 1000, 1)) !important;
 }
 
 i,
 em {
-  font-style: normal;
   --slnt: -15;
-  --crsv: 1;
 }
 
 code,
-pre,
 kbd {
   --mono: 1;
 }
@@ -113,3 +110,18 @@ h3 {
 .hero__subtitle {
   font-weight: 500;
 }
+
+.footnotes {
+  margin-top: 3rem;
+  padding-top: var(--ifm-hr-margin-vertical);
+  border-top: var(--ifm-hr-height) solid var(--ifm-hr-background-color);
+}
+
+.markdown > .footnotes ol,
+.markdown > .footnotes li:last-of-type :last-of-type {
+  margin-bottom: 0;
+}
+
+.katex-display {
+  overflow-y: auto;
+}
diff --git a/src/plugins/responsiveLoaderPlugin.ts b/src/plugins/responsiveLoaderPlugin.ts
index b4600e5..6334c4c 100644
--- a/src/plugins/responsiveLoaderPlugin.ts
+++ b/src/plugins/responsiveLoaderPlugin.ts
@@ -22,6 +22,7 @@ export default function responsiveLoaderPlugin(): Plugin {
         rules: [
           {
             test: /\.(png|jpe?g)$/,
+            resourceQuery: /[?&]rl$/,
             use: [
               {
                 loader: 'responsive-loader',
-- 
cgit v1.2.3-70-g09d2