Merge pull request #5 from im-caelli/dev

Add feedback links

index.html

@@ -802,10 +802,17 @@ <h2 id="epilogue">VII</h2>
             <p>Asami raises a hand to tuck strands of Korra's hair behind her ear. &quot;How can I make it up to you?&quot; she asks, caressing Korra's flushed cheek with a thumb as she holds her face.</p>
             <p>Korra dips down to capture Asami's lips. &quot;I can think of a few ways.&quot;</p>
             <hr>
-            <p class="tiny">
-              <br />
-              Thanks for reading. :)
-            </p>
+
+            <div class="feedback">
+              <p class="tiny">
+                Thanks for reading. :)
+                <br /> <br />
+                <a href="https://archiveofourown.org/works/27499624#feedback" class="btn btn-primary" rel="noreferrer"> <i class="fas fa-pen-alt" title="Archive of Our Own: @im_caelli"></i> Comment on AO3</a>
+                <a href="https://twitter.com/intent/tweet?screen_name=im_caelli&ref_src=twsrc%5Etfw" class="twitter-mention-button" data-show-count="false">Tweet to @im_caelli</a>
+                <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+              </p>
+            </div>
+
           </div>
         </div>
       </div>

src/css.scss

@@ -600,6 +600,18 @@ header {
   text-align: center;
   font-size: 12px;
 }
+
+.feedback {
+  .btn {
+    font-size: 11px;
+    margin: 0;
+    line-height: 1;
+    vertical-align: top;
+    padding: 3px;
+  }
+}
+
+
 hr {
   margin-top: 2rem;
   margin-bottom: 2rem;