separate contact links semantically

assets/styles/base.scss

@@ -520,3 +520,15 @@ header {
     user-select: none;
   }
 }
+
+#contact_buttons ul {
+  list-style-type: none;
+
+  li {
+    display: inline-block;
+  }
+
+  li a {
+    padding: 5px 20px;
+  }
+}

layouts/partials/contact.html

@@ -2,11 +2,22 @@
 <div id="contact_buttons">
     <footer>
         <p>Made by {{ $.Site.Data.config.name }} using <a href="https://github.com/jackyzha0/quartz">Quartz</a>, © {{ dateFormat "2006" now }}</p>
+<<<<<<< Updated upstream
         {{ if not .IsHome }}
         <a href="/">Home</a>
         {{end}}
         {{- range $.Site.Data.config.links -}}
         &ZeroWidthSpace;<a href="{{.link}}">{{.link_name}}</a>
         {{- end -}}
+=======
+        <ul>
+            {{ if not .IsHome }}
+            <li><a href="/">Home</a></li>
+            {{end}}
+            {{- range $.Site.Data.config.links -}}
+            <li><a href="{{.link}}">{{.link_name}}</a></li>
+            {{- end -}}
+        </ul>
+>>>>>>> Stashed changes
     </footer>
 </div>