diff --git a/archetypes/home.md b/archetypes/home.md
index 38140ea..7c4b211 100644
--- a/archetypes/home.md
+++ b/archetypes/home.md
@@ -8,7 +8,7 @@ image:
 pgp:
   fingerprint:
   link:
-contacts:
+links:
   - link:
     icon:
   # ...
diff --git a/assets/css/classic-layout.scss b/assets/css/classic-layout.scss
index e817d59..1ea95c1 100644
--- a/assets/css/classic-layout.scss
+++ b/assets/css/classic-layout.scss
@@ -120,11 +120,11 @@
     .aside-container {
       display: flex;
       .nav-block {
-        margin: $base-margin-y 0 0 $base-margin-x;
+        margin: $base-margin-y $base-margin-x 0 $base-margin-x;
         max-width: 20.5rem;
         min-width: 0;
         nav {
-          padding: 0.5rem 0.5rem 0.5rem 0;
+          padding: 0.5rem 0;
           position: sticky;
           top: 0;
           max-height: 100vh;
diff --git a/assets/css/index.scss b/assets/css/index.scss
index e1e03c0..1901528 100644
--- a/assets/css/index.scss
+++ b/assets/css/index.scss
@@ -93,6 +93,7 @@ p {
   display: inline-block;
   .icon {
     display: block;
+    text-align: center;
   }
 }
 
@@ -110,7 +111,7 @@ article {
     overflow-x: auto;
     padding: 1rem;
     font-size: 0.875rem;
-    border: 1px solid $bg-accent-color-light;
+    border: 1px solid rgba($bg-accent-color-light,0.6);
     margin: 1em 0;
     scrollbar-color: rgba($fg-accent-color, 0.2) transparent;
     &:hover {
@@ -118,11 +119,14 @@ article {
     }
     transition: 0.1s all;
   }
-  h2 code,
-  p code,
-  li code {
-    color: $fg-accent-color;
-    font-weight: bold;
+  h2 > code,
+  p > code,
+  li > code {
+    background: $bg-accent-color-dark;
+    padding: 0.1rem 0.25rem;
+    font-size: 0.875rem;
+    border: 1px solid rgba($bg-accent-color-light,0.6);
+    border-radius: 0.25rem;
   }
   p img,
   li img {
@@ -179,7 +183,7 @@ article {
   }
 }
 $base-width-with-margin: $base-width + $base-margin-x * 2;
-$post-2col-nav-block-max-width: 20.5rem + 1rem + 0.5rem;
+$post-2col-nav-block-max-width: 20.5rem + 1rem * 2;
 @include screen-w("less", 35rem + $base-margin-x * 2) {
   @include media--home-content-about_vert_top();
 }
@@ -196,13 +200,13 @@ $post-2col-nav-block-max-width: 20.5rem + 1rem + 0.5rem;
 @include screen-w(
   "between",
   $base-width-with-margin,
-  $base-width-with-margin + $post-2col-nav-block-max-width * 2 + 5rem
+  $base-width-with-margin + $post-2col-nav-block-max-width * 2
 ) {
   @include media--classic-main-content-post_2col_narrow();
 }
 @include screen-w(
   "more",
-  $base-width-with-margin + $post-2col-nav-block-max-width * 2 + 5rem
+  $base-width-with-margin + $post-2col-nav-block-max-width * 2
 ) {
   @include media--classic-main-content-post_2col_wide();
 }
diff --git a/layouts/_default/index.html b/layouts/_default/index.html
index 931765a..b814af4 100644
--- a/layouts/_default/index.html
+++ b/layouts/_default/index.html
@@ -21,8 +21,8 @@
               </span>
             </div>
             <div class="links">
-              {{- range .Params.contacts -}}
-                <a href="{{ .link }}" class="icon-a-wrapper">{{- partial "icon.html" .icon -}}{{- print "" -}}</a>
+              {{- range .Params.links -}}
+                <a href="{{ .link | safeURL }}" class="icon-a-wrapper">{{- partial "icon.html" .icon -}}{{- print "" -}}</a>
               {{- end -}}
             </div>
           </div>