aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--config.toml2
-rw-r--r--sass/_framework.scss12
-rw-r--r--sass/_mixins.scss2
-rw-r--r--sass/_navbar.scss20
-rw-r--r--sass/_reset.scss2
-rw-r--r--sass/styles.scss14
-rw-r--r--templates/post.html4
7 files changed, 28 insertions, 28 deletions
diff --git a/config.toml b/config.toml
index 6f02436..063780f 100644
--- a/config.toml
+++ b/config.toml
@@ -47,7 +47,7 @@ highlight_code = true
# The theme to use for code highlighting.
# See below for list of allowed values.
-highlight_theme = "base16-ocean-dark"
+highlight_theme = "material-dark"
# When set to "true", emoji aliases translated to their corresponding
# Unicode emoji equivalent in the rendered Markdown files. (e.g.: :smile: => 😄)
diff --git a/sass/_framework.scss b/sass/_framework.scss
index ef5d832..d4c5c98 100644
--- a/sass/_framework.scss
+++ b/sass/_framework.scss
@@ -14,20 +14,20 @@ html {
body {
background-color: $color-bg;
color: $color-text;
- direction: ltr;
+ font-feature-settings: $font-feature;
font-size: $font-size-base;
font-synthesis: none;
- line-height: 1.4em;
+ line-height: 1.54;
margin: auto;
max-width: 60em;
- padding: 4em;
+ padding: 6em 4em 4em 4em;
text-rendering: "optimizeLegibility";
}
@media (max-width: 684px) {
body {
font-size: $font-size-base * 0.85;
- padding: 2em;
+ padding: 4em 2em 2em 2em;
}
}
@@ -96,7 +96,7 @@ a {
&:active,
&:focus,
&:hover {
- color: $color-fade;
+ opacity: .5;
}
}
@@ -244,4 +244,4 @@ fieldset {
display: block;
font-weight: 600;
margin-bottom: 0.5rem;
-}
+} \ No newline at end of file
diff --git a/sass/_mixins.scss b/sass/_mixins.scss
index 076cfc4..b639df3 100644
--- a/sass/_mixins.scss
+++ b/sass/_mixins.scss
@@ -3,4 +3,4 @@
overflow-wrap: break-word;
word-break: break-word;
word-wrap: break-word;
-}
+} \ No newline at end of file
diff --git a/sass/_navbar.scss b/sass/_navbar.scss
index d739a03..b0ae23d 100644
--- a/sass/_navbar.scss
+++ b/sass/_navbar.scss
@@ -1,20 +1,21 @@
-nav {
- backdrop-filter: saturate(50%) blur(8px);
- background: #242424b3;
+header {
+ background-color: $color-header;
left: 0;
line-height: 4em;
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+
+nav {
margin: auto;
max-width: 60em;
padding: 0 4em;
- position: fixed;
- right: 0;
text-align: right;
- top: 0;
- width: 100%;
a {
color: $color-text;
- padding: 0 1rem;
+ padding: 0 1em;
&:visited {
color: $color-text;
@@ -24,7 +25,6 @@ nav {
@media (max-width: 684px) {
nav {
- line-height: 2em;
padding: 0 2em;
}
-}
+} \ No newline at end of file
diff --git a/sass/_reset.scss b/sass/_reset.scss
index 5fa39f8..2bb25ec 100644
--- a/sass/_reset.scss
+++ b/sass/_reset.scss
@@ -176,4 +176,4 @@ template {
[hidden] {
display: none;
-}
+} \ No newline at end of file
diff --git a/sass/styles.scss b/sass/styles.scss
index 96e2945..f4e5b79 100644
--- a/sass/styles.scss
+++ b/sass/styles.scss
@@ -1,15 +1,17 @@
@charset "utf-8";
@import "reset";
-$color-bg: #242424;
+$color-bg: #292a2d;
$color-bg-alt: hwb(0deg 0% 100% / 20%);
-$color-bg-code: #3a3a3a;
+$color-bg-code: #3b3d42;
$color-blossom: #6da13f;
-$color-fade: #668d11;
-$color-text: hwb(0deg 100% 0% / 87%);
-$font-family-base: "Inter var experimental", "Inter var", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+$color-fade: #608b4e;
+$color-header: #252627;
+$color-text: #a9a9b3;
+$font-family-base: "Inter var experimental", "Inter var",-apple-system,"BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",sans-serif;
+$font-feature: "calt", "case", "liga", "locl", "ss01", "tnum", "zero";
$font-size-base: 1.8rem;
@import "mixins";
@import "framework";
-@import "navbar";
+@import "navbar"; \ No newline at end of file
diff --git a/templates/post.html b/templates/post.html
index 63d5466..b360fc7 100644
--- a/templates/post.html
+++ b/templates/post.html
@@ -1,9 +1,7 @@
{% extends 'base.html' %}
{% block content %}
-<header>
- <h1>{{ page.title | safe }}</h1>
-</header>
+<h1>{{ page.title | safe }}</h1>
{{ page.content | safe }}