Add katex locally

1 files changed, 153 insertions, 0 deletions

diff --git a/themes/ymherklotz/static/css/default.css b/themes/ymherklotz/static/css/default.css
index 25cdd00..ff33752 100644
--- a/themes/ymherklotz/static/css/default.css
+++ b/themes/ymherklotz/static/css/default.css
@@ -1,3 +1,156 @@
+@font-face {
+    font-family: 'Iosevka Web';
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+    src: url('/fonts/woff2/iosevka-regular.woff2') format('woff2'), url('/fonts/woff/iosevka-regular.woff') format('woff');
+}
+
+@font-face {
+    font-family: 'Iosevka Web';
+    font-weight: 400;
+    font-style: italic;
+    font-display: swap;
+    src: url('/fonts/woff2/iosevka-italic.woff2') format('woff2'), url('/fonts/woff/iosevka-italic.woff') format('woff');
+}
+
+@font-face {
+    font-family: 'Iosevka Web';
+    font-weight: 400;
+    font-style: oblique;
+    font-display: swap;
+    src: url('/fonts/woff2/iosevka-oblique.woff2') format('woff2'), url('/fonts/woff/iosevka-oblique.woff') format('woff');
+}
+
+@font-face {
+    font-family: 'Iosevka Web';
+    font-weight: 700;
+    font-style: normal;
+    font-display: swap;
+    src: url('/fonts/woff2/iosevka-bold.woff2') format('woff2'), url('/fonts/woff/iosevka-bold.woff') format('woff');
+}
+
+@font-face {
+    font-family: 'Iosevka Web';
+    font-weight: 700;
+    font-style: italic;
+    font-display: swap;
+    src: url('/fonts/woff2/iosevka-bolditalic.woff2') format('woff2'), url('/fonts/woff/iosevka-bolditalic.woff') format('woff');
+}
+
+@font-face {
+    font-family: 'Iosevka Web';
+    font-weight: 700;
+    font-style: oblique;
+    font-display: swap;
+    src: url('/fonts/woff2/iosevka-boldoblique.woff2') format('woff2'), url('/fonts/woff/iosevka-boldoblique.woff') format('woff');
+}
+
+@font-face {
+    font-family: 'EBGaramond';
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+    src: url('/fonts/woff/EBGaramond12-Regular.woff') format('woff');
+}
+
+@font-face {
+    font-family: 'EBGaramond';
+    font-weight: 400;
+    font-style: italic;
+    font-display: swap;
+    src: url('/fonts/woff/EBGaramond12-Italic.woff') format('woff');
+}
+
+@font-face {
+    font-family: 'EBGaramond-Init';
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+    src: url('/fonts/woff/EBGaramond-Initials.woff') format('woff');
+}
+
+@font-face {
+    font-family: 'EBGaramond-SC';
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+    src: url('/fonts/woff/EBGaramond12-AllSC.woff') format('woff');
+}
+
+body {
+  background-color: #fffff8;
+  color: #171d30;
+}
+
+.generated-by {
+  color: #505561;
+}
+
+a {
+  color: #00A659;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+nav a, .logo a, .post-title a, .social a, .rightcolumn a, dt a {
+  color: #171d30;
+}
+
+nav a:hover, .logo a:hover, .post-title a:hover, .social a:hover, .rightcolumn a:hover, dt a:hover {
+  color: #00c266;
+  text-decoration: none;
+}
+
+th {
+  color: #171d30;
+  border-bottom: 0.1rem solid #60646b;
+}
+
+.codeblock {
+  background-color: #fdf6e3;
+}
+
+.post-meta {
+  color: #505561;
+}
+
+h1:hover > .heading-anchor1, h2:hover > .heading-anchor2, h3:hover > .heading-anchor3, h4:hover > .heading-anchor4, h5:hover > .heading-anchor5, h6:hover > .heading-anchor6 { color: #00c266; }
+
+//.heading-anchor1, .heading-anchor2, .heading-anchor3, .heading-anchor4, .heading-anchor5, .heading-anchor6 { color: #fffff8; }
+
+@media (prefers-color-scheme: dark) {
+  body {
+    background-color: #171d30;
+    color: #fffff8;
+  }
+
+  nav a, .logo a, .post-title a, .social a, .rightcolumn a, dt a {
+    color: #fffff8;
+  }
+
+  .generated-by {
+    color: #fffff8;
+  }
+
+  th {
+    color: #fffff8;
+    border-bottom: 0.1rem solid #fffff8;
+  }
+
+  .codeblock {
+    background-color: #1f2538;
+  }
+
+  .post-meta {
+    color: #fffff8;
+  }
+
+//  .heading-anchor1, .heading-anchor2, .heading-anchor3, .heading-anchor4, .heading-anchor5, .heading-anchor6 { color: #171d30; }
+}
+
 html {
   font-family: 'EBGaramond', serif;
 }