improve appearance

assets/sass/_fonts.sass

@@ -76,6 +76,24 @@ $font-path: '/fonts/static/'
     font-weight: 900
     src: local('Source Sans 3 Black'), local('SourceSans3-Black'), url('#{$font-path}SourceSans3-Black.woff2') format('woff2'), url('#{$font-path}SourceSans3-Black.ttf') format('truetype')
 
+@font-face
+    font-family: 'Source Code Pro'
+    font-style: normal
+    font-display: swap
+    font-weight: 600
+    src: local('Source Code Pro Medium'), local('SourceCodePro-Medium'), url('#{$font-path}SourceCodePro-Medium.woff2') format('woff2'), url('#{$font-path}SourceCodePro-Medium.ttf') format('truetype')
+
+@font-face
+    font-family: 'Source Code Pro'
+    font-style: italic
+    font-display: swap
+    font-weight: 600
+    src: local('Source Code Pro Medium Italic'), local('SourceCodePro-MediumItalic'), url('#{$font-path}SourceCodePro-MediumItalic.woff2') format('woff2'), url('#{$font-path}SourceCodePro-MediumItalic.ttf') format('truetype')
+
+
+
 
 *
     font-family: 'Source Sans 3', sans-serif
+code 
+    font-family: 'Source Code Pro', monospace

assets/sass/_layout.sass

@@ -113,6 +113,80 @@ section
     text-align: center
     h1
         margin: 0
-    .time
-        font-size: 0.8rem
+        width: 100%
+        font-size: 3rem
+        word-break: break-word
+    .subtitle
+        margin: 0
+        width: 100%
+        font-size: 1.2rem
+        font-weight: 300
         color: $text-subtle
+.time
+    font-size: 0.8rem
+    color: $text-subtle
+    text-align: center
+
+article
+    background: $surface
+    border-radius: 8px
+    padding: $spacing-unit
+    margin: $spacing-unit 0
+    position: relative
+    transition: background 0.5s ease-in-out
+    &:hover, &:focus
+        background: $primary-dark
+    h3
+        margin: 0
+        font-size: 1.5rem
+        font-weight: 700
+        color: $text
+    a
+        color: $text
+        position: absolute
+        top: 0
+        left: 0
+        width: 100%
+        height: 100%
+        z-index: 1
+        text-indent: -9999px
+        overflow: hidden
+        text-decoration: none
+        transition: color 0.3s ease-in-out
+        &:hover, &:focus
+            color: $accent-light
+    &:not(a)
+        position: relative
+        z-index: 2
+    p
+        margin: 0.5rem 0
+        font-size: 1rem
+        color: $text-subtle
+        font-weight: 300
+
+    .subtitle
+        margin: 0 0 0 0.5rem
+        width: 100%
+        font-size: 1.1rem
+        font-weight: 300
+        color: $text-subtle
+
+.term-title
+    font-weight: 700
+    padding: 0.3rem 0.8rem
+    margin-bottom: 0.5rem
+    border-radius: $border-radius
+
+p code
+    background: darken($primary-dark,10%)
+    margin: 0 0.2rem
+    padding: 0.2rem 0.4rem
+    border-radius: 5px
+    font-size: 0.8rem
+
+pre
+    padding: 0.5rem
+    border-radius: 5px
+    overflow-x: auto
+    code
+        font-size: 0.8rem

assets/sass/_links.sass

@@ -1,11 +1,11 @@
 /* _text.sass */
 
 a
-    color: $primary
+    color: $accent-light
     text-decoration: underline
     transition: color 0.3s ease-in-out
     &:hover, &:focus
-        color: $accent
+        color: $primary
 
 #quick-links
     text-align: left
@@ -13,8 +13,10 @@ a
 #link-list
     display: flex
     gap: $spacing-unit
-    align-items: left
-    margin: $spacing-unit 0
+    align-items: center
+    flex-wrap: wrap
+    margin: 2rem 0 $spacing-unit 0
+    justify-content: center
 
 #link-list h2
     flex: none
@@ -41,3 +43,15 @@ a
     transition: background 0.3s ease-in-out
     &:hover, &:focus
         background: $accent-light
+
+a.button
+    padding: 0.3rem 0.6rem
+    margin: 0 0.2rem
+    border-radius: $border-radius
+    background: $primary-light
+    color: $darkest
+    text-decoration: none
+    font-weight: 500
+    transition: background 0.3s ease-in-out
+    &:hover, &:focus
+        background: $accent-light

assets/sass/_publications.sass

@@ -1,4 +1,5 @@
 #publications
+    font-weight: 300
     ul
         list-style: none
         margin: 0
@@ -11,3 +12,10 @@
             background: $surface
             border-radius: 8px
             padding: 1em 1.5em
+    a
+        color: $primary-light
+        text-decoration: none
+        font-weight: 100
+        transition: color 0.3s ease-in-out
+        &:hover, &:focus
+            color: $accent-light

assets/sass/_taxonomy.sass

@@ -37,6 +37,12 @@ table#taxonomy-table
         font-weight: 600
         border: none
 
+    td.description
+        font-weight: 300
+        color: $text-subtle
+    td.tool
+        min-width: 100px
+
     a.term-link
         padding: 0.2rem 0.6rem
         margin: 0.2rem