summaryrefslogtreecommitdiff
path: root/themes/conspiracy/assets/css
diff options
context:
space:
mode:
authorjaseg <git@jaseg.de>2023-10-14 13:02:49 +0200
committerjaseg <git@jaseg.de>2023-10-14 13:02:49 +0200
commit2cdeee2a3c728a42dc1b9fe9d6892ea647402e1c (patch)
tree0a1fddd983927b94611e9ef9f2dbd2d9fefcd133 /themes/conspiracy/assets/css
parentdff5da4d5049a02855fe72b9dcba2a1dce6c3593 (diff)
downloadblog-2cdeee2a3c728a42dc1b9fe9d6892ea647402e1c.tar.gz
blog-2cdeee2a3c728a42dc1b9fe9d6892ea647402e1c.tar.bz2
blog-2cdeee2a3c728a42dc1b9fe9d6892ea647402e1c.zip
Nyght Serif is the best :)
Diffstat (limited to 'themes/conspiracy/assets/css')
-rw-r--r--themes/conspiracy/assets/css/style.css91
1 files changed, 87 insertions, 4 deletions
diff --git a/themes/conspiracy/assets/css/style.css b/themes/conspiracy/assets/css/style.css
index 489a218..afe98d7 100644
--- a/themes/conspiracy/assets/css/style.css
+++ b/themes/conspiracy/assets/css/style.css
@@ -20,10 +20,77 @@ html {
--default-border: 0.5px dotted rgba(255, 255, 255, 0.3);
}
+/*
@font-face {
font-family: "Manuskript Gothisch";
src: url("{{ (resources.Get "fonts/manuskript_gothisch/Manuskript Gothisch UNZ1A.ttf").RelPermalink }}");
}
+*/
+
+@font-face {
+ font-family: "Nyght Serif";
+ src: url("{{ (resources.Get "fonts/nyght-serif-main/fonts/WEB/NyghtSerif-Light.woff2").RelPermalink }}");
+ font-weight: 100;
+}
+
+@font-face {
+ font-family: "Nyght Serif";
+ src: url("{{ (resources.Get "fonts/nyght-serif-main/fonts/WEB/NyghtSerif-LightItalic.woff2").RelPermalink }}");
+ font-weight: 100;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: "Nyght Serif";
+ src: url("{{ (resources.Get "fonts/nyght-serif-main/fonts/WEB/NyghtSerif-Regular.woff2").RelPermalink }}");
+ font-weight: 400;
+}
+
+@font-face {
+ font-family: "Nyght Serif";
+ src: url("{{ (resources.Get "fonts/nyght-serif-main/fonts/WEB/NyghtSerif-RegularItalic.woff2").RelPermalink }}");
+ font-weight: 400;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: "Nyght Serif";
+ src: url("{{ (resources.Get "fonts/nyght-serif-main/fonts/WEB/NyghtSerif-Medium.woff2").RelPermalink }}");
+ font-weight: 500;
+}
+
+@font-face {
+ font-family: "Nyght Serif";
+ src: url("{{ (resources.Get "fonts/nyght-serif-main/fonts/WEB/NyghtSerif-MediumItalic.woff2").RelPermalink }}");
+ font-weight: 500;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: "Nyght Serif";
+ src: url("{{ (resources.Get "fonts/nyght-serif-main/fonts/WEB/NyghtSerif-Bold.woff2").RelPermalink }}");
+ font-weight: 700;
+}
+
+@font-face {
+ font-family: "Nyght Serif";
+ src: url("{{ (resources.Get "fonts/nyght-serif-main/fonts/WEB/NyghtSerif-BoldItalic.woff2").RelPermalink }}");
+ font-weight: 700;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: "Nyght Serif";
+ src: url("{{ (resources.Get "fonts/nyght-serif-main/fonts/WEB/NyghtSerif-Dark.woff2").RelPermalink }}");
+ font-weight: 900;
+}
+
+@font-face {
+ font-family: "Nyght Serif";
+ src: url("{{ (resources.Get "fonts/nyght-serif-main/fonts/WEB/NyghtSerif-DarkItalic.woff2").RelPermalink }}");
+ font-weight: 900;
+ font-style: italic;
+}
@font-face {
font-family: "Roboto Slab";
@@ -31,6 +98,7 @@ html {
font-weight: 100 200 300 400 500 600 700 800 900;
}
+/*
@font-face {
font-family: "Bodoni Moda";
src: url("{{ (resources.Get "fonts/bodoni_moda/static/BodoniModa_9pt/BodoniModa_9pt-MediumItalic.ttf").RelPermalink }}");
@@ -41,6 +109,7 @@ html {
font-family: "Bodoni Moda";
src: url("{{ (resources.Get "fonts/bodoni_moda/static/BodoniModa_18pt/BodoniModa_18pt-Medium.ttf").RelPermalink }}");
}
+*/
@font-face {
font-family: "Fira Code";
@@ -70,7 +139,7 @@ body {
}
strong {
- font-family: "Bodoni Moda";
+ font-family: "Nyght Serif";
font-style: italic;
}
@@ -151,12 +220,23 @@ main > .intro {
h1, h2, h3, h4, h5, h6 {
margin-top: 50px;
margin-bottom: 8px;
- font-family: "Bodoni Moda";
+ font-family: "Nyght Serif";
text-align: left;
+ font-weight: 700;
}
h1 {
- font-family: "Bodoni Moda";
+ font-style: italic;
+}
+
+h2 {
+ font-size: 30px;
+ font-weight: 400;
+}
+
+h3 {
+ font-size: 20px;
+ font-weight: 700;
}
body > header {
@@ -176,7 +256,10 @@ body > header > h1 {
-webkit-background-clip: text;
color: transparent;
filter: drop-shadow(0 0 10px rgba(0, 0, 0, var(--shadow-opacity)));
- font-size: 40px;
+ font-size: 120px;
+ /* Padding to avoid the first character getting cut off in firefox */
+ padding-left: 40px;
+ padding-right: 40px;
}
/* https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/ */