diff --git a/src/_includes/base.njk b/src/_includes/base.njk index ab0a8fa..e3744de 100644 --- a/src/_includes/base.njk +++ b/src/_includes/base.njk @@ -4,16 +4,14 @@ {% include "src/_includes/partials/header.njk" %} -
- {% include "src/_includes/partials/darktoggle.njk" %} + {% include "src/_includes/partials/darktoggle.njk" %} - {% include "src/_includes/partials/nav.njk"%} + {% include "src/_includes/partials/nav.njk"%} -
- {{ content | safe }} -
+
+ {{ content | safe }} +
- {% include "src/_includes/partials/footer.njk" %} -
+ {% include "src/_includes/partials/footer.njk" %} diff --git a/src/_includes/blog-page.njk b/src/_includes/blog-page.njk index 8e34b10..e429a6e 100644 --- a/src/_includes/blog-page.njk +++ b/src/_includes/blog-page.njk @@ -1,9 +1,9 @@ --- layout: "base.njk" --- -
+

- {{ title }} + {{ title | safe }}

@@ -18,6 +18,6 @@ layout: "base.njk" {%- endfor -%} #} -
+ {% include "src/_includes/partials/blob.html" %} \ No newline at end of file diff --git a/src/_includes/blog-post.njk b/src/_includes/blog-post.njk index 80f56b9..98a3d1b 100644 --- a/src/_includes/blog-post.njk +++ b/src/_includes/blog-post.njk @@ -1,7 +1,7 @@ --- layout: "base.njk" --- -
+

{{ title }}

@@ -11,4 +11,4 @@ layout: "base.njk"
{{ content | safe }}
-
\ No newline at end of file + \ No newline at end of file diff --git a/src/_includes/partials/header.njk b/src/_includes/partials/header.njk index ec8ce1c..455f958 100644 --- a/src/_includes/partials/header.njk +++ b/src/_includes/partials/header.njk @@ -9,7 +9,6 @@ - {{ title }} diff --git a/src/css/light.css b/src/css/light.css index 5a17ac6..496117b 100644 --- a/src/css/light.css +++ b/src/css/light.css @@ -24,7 +24,7 @@ a { transition: all 0.3s ease; } -main a { +.hero a { font-family: "Righteous"; text-decoration: underline; color: #910c75; @@ -312,12 +312,13 @@ a.card-link { header { display: flex; flex-direction: row; + flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 10vh; font-family: "Righteous"; - font-size: 20px; + font-size: 1.3em; margin-top: 2em; } @@ -336,6 +337,8 @@ nav { justify-content: center; align-items: center; + font-size: 1.3em; + gap: 3em; background: linear-gradient(to right, #151515 1px, transparent 1px) 0 0, linear-gradient(to right, #151515 1px, transparent 1px) 0 100%, @@ -350,17 +353,17 @@ nav { } .hero-title { + line-break: anywhere; margin-top: 10vh; - font-size: 5em; + font-size: 3.5em; } .page-content { - font-size: 20px; margin: 0 20px; } -main { - max-width: 75em; +.main { + max-width: 100%; align-self: center; } @@ -369,7 +372,7 @@ main { } p { - max-width: 45vw; + max-width: 55vw; } .link { @@ -453,6 +456,7 @@ transition: opacity 0.3s ease; background-color: hsl(220, 13%, 18%); color: hsl(220, 14%, 71%); border-radius: 0.3em; + font-size: 1.3em; white-space: nowrap; /* prevent line breaks in inline code */ }