From de106cf2915979e0b78ca0dc971e191ab320cffb Mon Sep 17 00:00:00 2001
From: Drew DeVault <sir@cmpwn.com>
Date: Fri, 14 Aug 2020 10:28:15 -0400
Subject: [PATCH] Improvements to home page feature list

---
 hubsrht/templates/index.html | 39 ++++++++++++++++++------------------
 scss/main.scss               | 10 +++++++++
 2 files changed, 30 insertions(+), 19 deletions(-)

diff --git a/hubsrht/templates/index.html b/hubsrht/templates/index.html
index 5873b75..55f6047 100644
--- a/hubsrht/templates/index.html
+++ b/hubsrht/templates/index.html
@@ -20,30 +20,31 @@
       <a href="{{oauth_url}}">
         Log in {{icon('caret-right')}}
       </a>
-      to get started.
+      to get started, or check out some of our featured projects:
     </p>
-    <hr />
-    <h2>Featured projects</h2>
   </div>
 </div>
-<div class="row event-list">
-  {% for feature in features %}
-  <div class="col-md-6">
-    <div class="event">
-      <h5>
-        <span class="text-muted"
-        >{{feature.project.owner.canonical_name}}/</span><a
-          href="{{url_for("projects.summary_GET",
-            owner=feature.project.owner.canonical_name,
-            project_name=feature.project.name)}}"
-        >{{feature.project.name}}</a>
-      </h5>
-      <blockquote>
-        {{feature.summary | md}}
-      </blockquote>
+<div class="row" style="margin-top: 1rem">
+  <div class="col-md-12">
+    <h3>Featured projects</h3>
+    <div class="event-list feature-list">
+      {% for feature in features %}
+      <div class="event">
+        <h5>
+          <span class="text-muted"
+          >{{feature.project.owner.canonical_name}}/</span><a
+            href="{{url_for("projects.summary_GET",
+              owner=feature.project.owner.canonical_name,
+              project_name=feature.project.name)}}"
+          >{{feature.project.name}}</a>
+        </h5>
+        <blockquote>
+          {{feature.summary | md}}
+        </blockquote>
+      </div>
+      {% endfor %}
     </div>
   </div>
-  {% endfor %}
 </div>
 <div class="row">
   <div class="col-md-4 offset-md-8">
diff --git a/scss/main.scss b/scss/main.scss
index 42d1782..3da2ab3 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -124,3 +124,13 @@
     max-width: 100%;
   }
 }
+
+.feature-list {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  grid-gap: 1rem;
+
+  .event {
+    margin: 0;
+  }
+}