Website: Tweak footer and usage (#2285)

frontend/components/footer.js

@@ -6,14 +6,6 @@ const Footer = ({ baseUrl }) => (
   <section>
     <h2 id="like-this">Like This?</h2>
 
-    <p>
-      What is your favorite badge service to use?
-      <br />
-      <a href="https://github.com/badges/shields/blob/master/CONTRIBUTING.md">
-        Tell us
-      </a>{' '}
-      and we might bring it to you!
-    </p>
     <p>
       <object
         data={resolveUrl(
@@ -47,13 +39,19 @@ const Footer = ({ baseUrl }) => (
         alt="chat on Discord"
       />
     </p>
-    <p>
-      <a href="https://github.com/h5bp/lazyweb-requests/issues/150">This</a> is
-      where the current server got started.
-    </p>
 
     <p>
-      <small>:wq</small>
+      What is your favorite badge service to use?
+      <br />
+      <a href="https://github.com/badges/shields/blob/master/CONTRIBUTING.md">
+        Tell us
+      </a>{' '}
+      and we might bring it to you!
+    </p>
+
+    <p className="spaced-row">
+      <a href="https://status.shields.io/">Status</a>
+      <a href="https://github.com/badges/shields/">GitHub</a>
     </p>
   </section>
 )

frontend/components/usage.js

@@ -181,8 +181,8 @@ export default class Usage extends React.PureComponent {
         <h2 id="styles">Styles</h2>
 
         <p>
-          The following styles are available (flat is the default as of Feb 1st
-          2015). Examples are shown with an optional logo:
+          The following styles are available. Flat is the default. Examples are
+          shown with an optional logo:
         </p>
         {this.renderStyleExamples()}
 

static/main.css

@@ -115,3 +115,8 @@ hr.spacing {
   min-height: 20px;
   vertical-align: middle;
 }
+
+.spaced-row * {
+  margin-left: 10px;
+  margin-right: 10px;
+}