diff --git a/lib/generate/css.ts b/lib/generate/css.ts index ca2f420..d388095 100644 --- a/lib/generate/css.ts +++ b/lib/generate/css.ts @@ -28,4 +28,6 @@ async function generate(theme: string) { export default async function css() { await generate("light"); await generate("dark"); + + require("fs").watch("site/css/", css); } \ No newline at end of file diff --git a/site/css/main.scss b/site/css/main.scss index c1f126f..f63e1d4 100644 --- a/site/css/main.scss +++ b/site/css/main.scss @@ -236,17 +236,20 @@ figure { // Header .site-header { - padding: 20px 0; + padding-top: 20px; + padding-bottom: 20px; background-color: var(--ui-background-color); font-size: 16px; - box-shadow: 0 10px 15px var(--shadow-color); - .container { + > div { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; + + padding-bottom: 10px; + border-bottom: 3px solid var(--accent-color); } .site-title { @@ -278,7 +281,7 @@ figure { } a.dropdown-link { - color: black; + color: var(--ui-text-color); text-decoration: none; .arrow-down { @@ -302,7 +305,7 @@ figure { right: -1em; display: none; padding: 1em; - background-color: white; + background-color: var(--ui-background-color); box-shadow: 0 10px 15px -5px var(--shadow-color), // bottom 10px 0 15px -5px var(--shadow-color), // right -10px 0 15px -5px var(--shadow-color); // left @@ -334,17 +337,20 @@ figure { // Footer .site-footer { - padding: 20px 0; + padding-top: 20px; + padding-bottom: 20px; background-color: var(--ui-background-color); font-size: 16px; - box-shadow: 0 -10px 15px var(--shadow-color); - .container { + > div { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; + + padding-top: 10px; + border-top: 3px solid var(--accent-color); } .site-title { diff --git a/site/layouts/default.html.ejs b/site/layouts/default.html.ejs index 84c1b99..b5c2c5a 100644 --- a/site/layouts/default.html.ejs +++ b/site/layouts/default.html.ejs @@ -44,8 +44,8 @@ -
-
+
+

<%- fancyLink("Shadowfacts", "/") %>

The outper part of a shadow is called the penumbra.

@@ -72,8 +72,8 @@ <%- content %>
-