Reorganize styles a bit

layouts/partials/head.html

@@ -15,16 +15,17 @@
   <meta name="author" content="{{ site.Author.name }}" />
   {{ end }}
 
-  <link rel="preload stylesheet" as="style" href="/app.css" />
+  <link rel="preload stylesheet" as="style" href="/styles/reset.css" />
+  <link rel="preload stylesheet" as="style" href="/styles/app.css" />
   {{ if .IsHome }}
-  <link rel="preload stylesheet" as="style" href="/home.css" />
+  <link rel="preload stylesheet" as="style" href="/styles/home.css" />
   {{ end }}
 
   {{ if and .IsPage (not site.Params.disableHLJS) }}
-  <link rel="preload stylesheet" as="style" href="{{ `an-old-hope.min.css` | absURL }}" />
+  <link rel="preload stylesheet" as="style" href="{{ `styles/an-old-hope.min.css` | absURL }}" />
   <script
     defer
-    src="{{ `highlight.min.js` | absURL }}"
+    src="{{ `scripts/highlight.min.js` | absURL }}"
     onload="hljs.initHighlightingOnLoad();"
   ></script>
   {{ end }}

static/styles/app.css

@@ -1,9 +1,10 @@
-/*
- * Paper
- * A simple, clean, flexible Hugo theme
- * https://github.com/nanxiaobei/hugo-paper
+/* app.css
+ *
+ * Paper <https://github.com/nanxiaobei/hugo-paper>
  * Designed by 南小北 (https://lee.so/)
  * Updated in 2021.8.24
+ *
+ * Modified by Eryn Wells <eryn@erynwells.me>
  */
 
 /* Theme
@@ -101,75 +102,6 @@ body > * {
   }
 }
 
-/* Reset
--------------------------------------------------- */
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  margin: 0;
-  font-size: inherit;
-  font-weight: 700;
-  line-height: 1.2;
-}
-
-p {
-  margin: 0;
-}
-
-strong,
-b {
-  font-weight: 500;
-}
-
-ul,
-ol {
-  padding: 0;
-  margin: 0;
-}
-
-a {
-  color: inherit;
-  text-decoration: none;
-}
-
-table {
-  width: 100%;
-  border-spacing: 0;
-  border-collapse: collapse;
-}
-
-button,
-input,
-textarea {
-  padding: 0;
-  font: inherit;
-  background: transparent;
-  border: 0;
-  outline: 0;
-  -webkit-appearance: none;
-}
-
-button,
-input[type='button'],
-input[type='submit'] {
-  cursor: pointer;
-}
-
-input,
-textarea {
-  padding: 0;
-  border: 0;
-}
-
-input:-webkit-autofill,
-textarea:-webkit-autofill {
-  box-shadow: 0 0 0 6rem var(--white) inset;
-}
-
 /* Header
  -------------------------------------------------- */
 .header {
@@ -709,6 +641,14 @@ img {
     max-width: 100%;
 }
 
+div.twitter-tweet {
+    text-align: center;
+}
+
+.twitter-tweet + p,
+.twitter-tweet + script + p {
+    margin-top: 3rem;
+}
 
 /* 404
  -------------------------------------------------- */

static/styles/home.css

@@ -1,4 +1,6 @@
-/* home.css */
+/* home.css
+ * Eryn Wells <eryn@erynwells.me>
+ */
 
 .main h1,
 .main h2,

static/styles/reset.css

@@ -0,0 +1,69 @@
+/* reset.css
+ * Eryn Wells <eryn@erynwells.me>
+ */
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    margin: 0;
+    font-size: inherit;
+    font-weight: 700;
+    line-height: 1.2;
+}
+
+p {
+    margin: 0;
+}
+
+strong,
+b {
+    font-weight: 500;
+}
+
+ul,
+ol {
+    padding: 0;
+    margin: 0;
+}
+
+a {
+    color: inherit;
+    text-decoration: none;
+}
+
+table {
+    width: 100%;
+    border-spacing: 0;
+    border-collapse: collapse;
+}
+
+button,
+input,
+textarea {
+    padding: 0;
+    font: inherit;
+    background: transparent;
+    border: 0;
+    outline: 0;
+    -webkit-appearance: none;
+}
+
+button,
+input[type='button'],
+input[type='submit'] {
+    cursor: pointer;
+}
+
+input,
+textarea {
+    padding: 0;
+    border: 0;
+}
+
+input:-webkit-autofill,
+textarea:-webkit-autofill {
+    box-shadow: 0 0 0 6rem var(--white) inset;
+}