realign homepage and fix post-list CSS

2 files changed, 11 insertions, 9 deletions

diff --git a/theme/static/styles.css b/theme/static/styles.css
index 74040e6..59ea095 100644
--- a/theme/static/styles.css
+++ b/theme/static/styles.css
@@ -3,7 +3,7 @@ a, a:visited { color: #0000ff; }
 nav ul { list-style: none; padding: 0; display: flex; flex-direction: row; }
 nav ul li { padding-right: 0.5rem;}
 img { max-width: 100%; }
-.post-list { padding: 0; }
+.post-list { padding: 0; padding-inline-start: 0; }
 .post-list-item { display: flex; list-style: none; align-items: baseline; }
 .post-list-item time { padding-right: 0.5rem; white-space: nowrap; }
 .post-list-item a { flex-grow: 1; white-space: normal; }
diff --git a/theme/templates/index.html b/theme/templates/index.html
index 0cfe8ba..68685a0 100644
--- a/theme/templates/index.html
+++ b/theme/templates/index.html
@@ -7,6 +7,14 @@
 </section>
 
 <section>
+    <h2>Recent Posts</h2>
+    <ul>
+    <!-- BEGIN_POSTS --><!-- END_POSTS -->
+    </ul>
+    <p><a href="/blog/">All Posts &rarr;</a></p>
+</section>
+
+<section>
     <h2>Projects</h2>
     <p>Things I've built.</p>
     <ul>
@@ -14,13 +22,7 @@
         <li><a href="https://sr.ht/~ccleberg/Rune/">Rune</a>: iOS client for Njalla</li>
         <li><a href="https://github.com/audit-labs/audit-tools">Audit Tools</a>: Automated scripts for auditors</li>
     </ul>
-    <p><i>Find my SourceHut and GitHub profile links below.</i></p>
-</section>
-
-<section>
-    <h2>Recent Posts</h2>
-    <!-- BEGIN_POSTS --><!-- END_POSTS -->
-    <p><a href="/blog/">All Posts &rarr;</a></p>
+    <p><i>Find my SourceHut and GitHub profile links below for more projects.</i></p>
 </section>
 
 <section>
@@ -29,7 +31,7 @@
         <li>Sourcehut (primary): <a href="https://sr.ht/~ccleberg">~ccleberg</a></li>
         <li>GitHub (backup): <a href="https://github.com/ccleberg">@ccleberg</a></li>
         <li>Email: <a href="mailto:[email protected]">[email protected]</a> (<a href="/gpg.txt">GPG</a>)</li>
-        <li>Signal: <span>@cmc.01</span></li>
+        <li>Signal: <a href="https://signal.me/#eu/JYao4TQ7pIOaSk4HwMiaPRP47la4DlKaGnjklHzHJWldg31wG0JDSJYqLjVx9Hou">@cmc.01</a></li>
     </ul>
 </section>
 {% endblock %}