Update index page

assets/main.scss

@@ -1,3 +1,5 @@
+@import "hl";
+
 /* gaze ye upon my spaghetti, and despair */
 $black: #212529;
 $primary: #007bff;
@@ -40,10 +42,13 @@ main {
   flex-grow: 1;
 }
 
+.service-grid {
+  margin-top: 1rem;
+}
+
 .index-grid, .service-grid {
   display: grid;
   width: 100%;
-  margin-bottom: 1rem;
   grid-template-columns: 4fr 2fr;
   grid-gap: 1rem;
 
@@ -385,8 +390,6 @@ header {
 }
 
 footer, .infobox {
-  margin: 0 0 1rem 0;
-
   p:first-child {
     margin-top: 0;
   }
@@ -397,10 +400,6 @@ footer, .infobox {
     height: 100%;
   }
 
-  .content {
-    margin-bottom: 1rem;
-  }
-
   strong, h4 {
     color: #333;
   }
@@ -477,4 +476,19 @@ details {
   }
 }
 
-@import "hl";
+.projects {
+  padding-top: 1rem;
+
+  .content {
+    background: #f4f4f4;
+    display: grid;
+    grid-template-columns: 1fr auto;
+    padding: 1rem;
+    justify-items: center;
+    align-items: center;
+
+    & > *:not(:last-child) {
+      margin-right: 0.5rem;
+    }
+  }
+}

content/_index.html

@@ -73,19 +73,26 @@ title: sourcehut - the hacker's forge
       </blockquote>
     </div>
     <div class="right">
-      <a href="https://lists.sr.ht/~emersion/mrsh-dev/%3C20180804160231.32283-1-sir%40cmpwn.com%3E" target="_blank" rel="noopener">
+      <a href="https://lists.sr.ht/~sircmpwn/sr.ht-dev/patches/14726" target="_blank" rel="noopener">
         <img src="lists.jpg" alt="Screenshot of lists.sr.ht" />
       </a>
     </div>
   </div>
   <div class="service-grid">
     <div class="left">
-      <h3>Customizable ticket tracking</h3>
+      <h3>Focused ticket tracking</h3>
       <ul>
+        <li>Actionable tasks only &mdash; no discussions, questions, or duplicates</li>
         <li>Private bug reports and bug trackers for security issues</li>
-        <li>Fine-grained access controls</li>
         <li>Participation via email, with or without an account</li>
       </ul>
+      <blockquote style="margin-left: 0; margin-right: 0;">
+        I think it is really convenient that you can send a plaintext email
+        with your bug report, whether or not you have an account.
+        <br />
+        <br />
+        &mdash; Cadence Ember, author of Bibliogram
+      </blockquote>
     </div>
     <div class="right">
       <a href="https://todo.sr.ht/~sircmpwn/todo.sr.ht" target="_blank" rel="noopener">
@@ -93,6 +100,29 @@ title: sourcehut - the hacker's forge
       </a>
     </div>
   </div>
+  <div class="service-grid">
+    <div class="left">
+      <h3>Sophisticated account management &amp; security</h3>
+      <ul>
+        <li>PGP encrypted and signed emails from each service</li>
+        <li>Two-factor authentication with TOTP</li>
+        <li>Detailed audit logs of account activity</li>
+        <li>Fine-grained third-party OAuth access controls</li>
+      </ul>
+      <blockquote style="margin-left: 0; margin-right: 0;">
+        I really appreciate the option to get encrypted mail with a PGP key that
+        I provide — why don't more companies have this?!
+        <br />
+        <br />
+        &mdash; Cadence Ember
+      </blockquote>
+    </div>
+    <div class="right">
+      <a href="meta.jpg" target="_blank" rel="noopener">
+        <img src="meta.jpg" alt="Screenshot of meta.sr.ht" />
+      </a>
+    </div>
+  </div>
   <div class="service-grid">
     <div class="left">
       <h3>Markdown- and git-driven wikis</h3>
@@ -108,22 +138,6 @@ title: sourcehut - the hacker's forge
       </a>
     </div>
   </div>
-  <div class="service-grid">
-    <div class="left">
-      <h3>Sophisticated account management &amp; security</h3>
-      <ul>
-        <li>PGP encrypted and signed emails from each service</li>
-        <li>Two-factor authentication with TOTP</li>
-        <li>Detailed audit logs of account activity</li>
-        <li>Fine-grained third-party OAuth access controls</li>
-      </ul>
-    </div>
-    <div class="right">
-      <a href="meta.jpg" target="_blank" rel="noopener">
-        <img src="meta.jpg" alt="Screenshot of meta.sr.ht" />
-      </a>
-    </div>
-  </div>
   <div class="service-grid">
     <div class="left">
       <h3>And more!</h3>

layouts/index.html

@@ -47,9 +47,10 @@
               <ul>
                 <li>Absolutely no tracking or advertising</li>
                 <li>All features work without JavaScript</li>
+                <li>Many features work without an <em>account</em></li>
                 <li>
                   The <a href="https://forgeperf.org" rel="noopener"
-                  >fastest, most lightweight</a> software forge
+                  >fastest &amp; lightest</a> software forge
                 </li>
                 <li>
                   <a href="https://sr.ht/~sircmpwn/sourcehut" rel="noopener">
@@ -93,6 +94,20 @@
           </div>
         </div>
       </section>
+      <section class="projects">
+        <div class="content">
+          "Small internet" protocols? The Plan 9 rennisance? Esoteric
+          programming languages for music creation, and novel smartphone
+          operating systems? These projects and more are waiting to be found on
+          the sourcehut project index.
+          <a href="https://sr.ht/projects" class="btn btn-default">
+            Browse projects
+            <span class="icon">
+              {{ (resources.Get "caret-right.svg").Content | safeHTML }}
+            </span>
+          </a>
+        </div>
+      </section>
       {{.Content}}
     </main>
     {{ partial "footer.html" }}