docs: add logo to home footer

libs/serve-index.js

@@ -41,6 +41,7 @@ module.exports = serveMarked('libs/index.md', {
     #foo-content { max-width: 960px; margin: 0 auto; padding: 2rem 1rem; letter-spacing: 0.5px }
     #foo-content { display: grid; grid-template-columns: 1fr 1fr }
     #foo-content h3 { font-weight: 300 }
+    #foo-content img { height: 16px; color: #FFF; opacity: 0.6; margin-right: 8px; position: relative; top: 1px }
     #foo-content p { line-height: 2em; font-weight: 300 }
     #foo-content a { color: #FFF }
     #foo-content aside { padding: 1rem 1rem; display: flex; justify-content: flex-end; align-items: flex-end }
@@ -52,7 +53,7 @@ module.exports = serveMarked('libs/index.md', {
     <div id="footer">
       <div id="foo-content">
         <segment>
-          <h3>Badgen Service</h3>
+          <h3><img src="/static/badgen-logo-w.svg" />Badgen Service</h3>
           <p>
             built with ♥<br/>
             by <a href="https://github.com/amio">Amio</a>

static/badgen-logo-w.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+  <defs>
+    <rect id="a" width="20" height="20" rx="3"/>
+  </defs>
+  <g fill="none" fill-rule="evenodd">
+    <mask id="b" fill="#fff">
+      <use xlink:href="#a"/>
+    </mask>
+    <g fill="#FFF" fill-rule="nonzero" mask="url(#b)">
+      <path d="M15 9l-5-1 2-8h8v20H9z"/>
+      <path d="M0 0h11L5 11l5 1-2 8H0z"/>
+    </g>
+  </g>
+</svg>