5 files changed, 18 insertions, 7 deletions
diff --git a/backend/templates/components.html b/backend/templates/components.html
index ec59158..cb0fb12 100644
--- a/backend/templates/components.html
+++ b/backend/templates/components.html
@@ -4,7 +4,7 @@
     <article>
         <h2><a href="/log/{{ .Slug }}">{{ .LogTitle }}</a></h2>
         <figure>
-            <a href="/log/{{ .Slug }}"><img src="{{ .Img.Src }}" alt="{{ .Img.Alt }}"></a>
+            <a href="/log/{{ .Slug }}"><img src="{{ static .Img.Src }}" alt="{{ .Img.Alt }}"></a>
             <figcaption>{{ .Img.Legend }}</figcaption>
         </figure>
         <p>
diff --git a/backend/templates/log.html b/backend/templates/log.html
index 789bdae..f872631 100644
--- a/backend/templates/log.html
+++ b/backend/templates/log.html
@@ -5,7 +5,7 @@
         {{ .Description }}
     </p>
     <figure>
-        <img src="{{ .Img.Src }}" alt="{{ .Img.Alt }}" class="large">
+        <img src="{{ static .Img.Src }}" alt="{{ .Img.Alt }}" class="large">
         <figcaption>{{ .Img.Legend }}</figcaption>
     </figure>
     {{ .Content }}
diff --git a/frontend/scss/general.scss b/frontend/scss/general.scss
index efc447c..bc15cf5 100644
--- a/frontend/scss/general.scss
+++ b/frontend/scss/general.scss
@@ -8,7 +8,7 @@ body {
 }
 
 body * {
-  line-height: 1.4em;
+  line-height: var(--line-height);
 }
 
 main, article {
@@ -18,8 +18,13 @@ main, article {
 
 h1, h2, h3 {
   font-weight: 500;
+  line-height: var(--line-height-smaller);
 
   margin-bottom: 0.5rem;
+
+  & > a {
+    line-height: var(--line-height-smaller);
+  }
 }
 
 h1 {
@@ -52,6 +57,10 @@ a {
   }
 }
 
+nav > a {
+  line-height: var(--line-height-smaller);
+}
+
 em, cite {
   font-style: italic;
 }
diff --git a/frontend/scss/main.scss b/frontend/scss/main.scss
index a2e446b..621c792 100644
--- a/frontend/scss/main.scss
+++ b/frontend/scss/main.scss
@@ -5,19 +5,21 @@
 
 :root {
   --color-dark: hsl(202, 25%, 9%);
-  --color-light: #EFF7F6;
+  --color-light: #dce4e4;
   --color-gray: #BCB3BB; /* quote and legend */
   --color-rose: #F2B5D4; /* link accent */
   --color-light-rose: hsl(330, 55%, 70%, 0.2); /* link accent hover and highlight */
 
   --font-size-tiny: 0.85rem; /* quote, legend, code */
+  --line-height: 1.75em;
+  --line-height-smaller: 1.4em; /* titles, nav links */
 
-  --width-content: 700px; /* main, article */
+  --width-content: 750px; /* main, article */
   --width-deco: 900px; /* header, footer, large image */
   --height-header: 8rem; /* header, footer, introduction */
 
   --margin-base: 1.5rem;
   --margin-header: calc(var(--height-header) / 2);
 
-  font-size: 20px;
+  font-size: 18px;
 }
diff --git a/frontend/scss/special.scss b/frontend/scss/special.scss
index 1d92eb3..1812130 100644
--- a/frontend/scss/special.scss
+++ b/frontend/scss/special.scss
@@ -42,7 +42,7 @@ footer {
   height: var(--height-header);
 
   margin: var(--margin-header) auto 0 auto;
-  padding-top: 2rem;
+  padding: 2rem 0;
 
   border-top: var(--color-light) 2px solid;