From 7429ce8810541efd98b06a5ecf76553502305f41 Mon Sep 17 00:00:00 2001
From: Colin McMillen <colin@semicolin.games>
Date: Tue, 17 Mar 2020 15:39:44 -0400
Subject: [PATCH] rework footer, add strib

---
 index.html | 40 +++++++++++++++++++++++++---------------
 1 file changed, 25 insertions(+), 15 deletions(-)

diff --git a/index.html b/index.html
index d6464ff..9edc6b4 100644
--- a/index.html
+++ b/index.html
@@ -9,7 +9,7 @@
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
     <style>
       body {
-        padding: 6pt;
+        padding: 4pt;
       }
 
       a.news {
@@ -40,8 +40,8 @@
     <div class="container">
       <div class="row justify-content-center">
         <h1>Open COVID News</h1>
-
       </div>
+
       <div class="row justify-content-center">
         <p class="lead">
           Celebrating the newspapers &amp; magazines who&rsquo;ve made their Coronavirus and COVID-19 reporting openly available to the public.
@@ -53,7 +53,7 @@
 
       <h2>Open Access</h2>
 
-      <div class="row justify-content-center">
+      <div class="row">
         <div class="col">
           <a class="news" href="https://www.propublica.org/series/coronavirus">ProPublica</a>
           <a class="subscribe" href="https://go.propublica.org/donate">donate</a>
@@ -64,32 +64,42 @@
         </div>
       </div>
 
-      <div class="row justify-content-center">
+      <div class="row">
         <div class="col">
-          <a class="news" href="https://www.theguardian.com/world/coronavirus-outbreak">The&nbsp;Guardian</a>
+          <a class="news" href="https://www.theguardian.com/world/coronavirus-outbreak">The Guardian</a>
           <a class="subscribe" href="https://support.theguardian.com/">subscribe</a>
         </div>
         <div class="col">
-          <a class="news" href="https://www.washingtonpost.com/coronavirus/">Washington&nbsp;Post</a>
+          <a class="news" href="https://www.washingtonpost.com/coronavirus/">Washington Post</a>
           <a class="subscribe" href="https://subscribe.washingtonpost.com/">subscribe</a>
         </div>
       </div>
 
-      <div class="row justify-content-center">
+      <div class="row">
         <div class="col">
-          <a class="news" href="https://www.theatlantic.com/category/what-you-need-know-coronavirus/">The&nbsp;Atlantic</a>
+          <a class="news" href="https://www.theatlantic.com/category/what-you-need-know-coronavirus/">The Atlantic</a>
           <a class="subscribe" href="https://accounts.theatlantic.com/products/">subscribe</a>
         </div>
         <div class="col">
-          <a class="news" href="https://www.bbc.com/news/topics/cyz0z8w0ydwt/coronavirus-pandemic">BBC&nbsp;News</a>
+          <a class="news" href="https://www.sfchronicle.com/coronavirus/">San Francisco Chronicle</a>
+          <a class="subscribe" href="https://offers.sfchronicle.com/subscribe">subscribe</a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col">
+          <a class="news" href="https://www.startribune.com/local/coronavirus/">Star Tribune</a>
+          <a class="subscribe" href="http://startribune.com/subscribe">subscribe</a>
+        </div>
+        <div class="col">
+          <a class="news" href="https://www.bbc.com/news/topics/cyz0z8w0ydwt/coronavirus-pandemic">BBC News</a>
         </div>
       </div>
 
       <h2>Login Required</h2>
       <small>(Paid subscription not needed.)</small>
-      <div class="row justify-content-center">
+      <div class="row">
         <div class="col">
-          <a class="news" href="https://www.nytimes.com/news-event/coronavirus">New&nbsp;York&nbsp;Times</a>
+          <a class="news" href="https://www.nytimes.com/news-event/coronavirus">New York Times</a>
           <a class="subscribe" href="https://www.nytimes.com/subscription">subscribe</a>
         </div>
         <div class="col">
@@ -97,13 +107,13 @@
         </div>
       </div>
 
-      <div class="row justify-content-center">
+      <div class="row">
         <p class="lead footer">
-          Brought to you as a public service by <a href="https://famicol.in">Colin McMillen</a> at <a href="https://semicolin.games">SemiColin Games LLC</a>.
-          No companies paid for placement on this page, and we make no money from ads or subscription links.
-          <br><br>
           To suggest another publication, <a href="https://forms.gle/CiCSsqT7shVCgVUm9">fill out this form</a>.
           Other feedback &amp; suggestions to <a href="https://twitter.com/mcmillen">@mcmillen</a> on Twitter.
+          <br><br>
+          Brought to you as a public service by <a href="https://famicol.in">Colin McMillen</a> at <a href="https://semicolin.games">SemiColin Games LLC</a>.
+          No companies paid for placement on this page, and we make no money from ads or subscription links.
         </p>
       </div>
       <div class="row justify-content-center">