From 8f54a66470c11233548e0873ce09e0ce1ab618a9 Mon Sep 17 00:00:00 2001
From: Jason McBrayer <jmcbray@carcosa.net>
Date: Thu, 9 Aug 2018 22:13:45 -0400
Subject: [PATCH] Add links to custom emoji reference

---
 brutaldon/static/css/brutaldon.css                 | 5 +++++
 brutaldon/templates/main/post_minimal_partial.html | 2 ++
 brutaldon/templates/main/post_partial.html         | 2 ++
 3 files changed, 9 insertions(+)

diff --git a/brutaldon/static/css/brutaldon.css b/brutaldon/static/css/brutaldon.css
index 98d28ba..e0cd3e6 100644
--- a/brutaldon/static/css/brutaldon.css
+++ b/brutaldon/static/css/brutaldon.css
@@ -95,6 +95,11 @@ img.emoji
     max-width: 1.5rem;
 }
 
+emoji-link
+{
+    font-size: 2em;
+
+
 @media screen and (max-width: 768px) {
     .media {
         display: block;
diff --git a/brutaldon/templates/main/post_minimal_partial.html b/brutaldon/templates/main/post_minimal_partial.html
index 0e14e1f..befdfeb 100644
--- a/brutaldon/templates/main/post_minimal_partial.html
+++ b/brutaldon/templates/main/post_minimal_partial.html
@@ -19,6 +19,8 @@
             <img class="image avatar is-48x48 level-item" src="{{ own_acct.avatar_static }}" alt="">
             <input type="submit" class="button is-primary level-item"
                    name="toot" value="Toot">
+            <a href="{% url "emoji" %}" target="_blank"  rel="noopener noreferrer"
+               class="level-item emoji-link" title="custom emoji reference">😊</a>
         </div>
     </div>
     <div class="field">
diff --git a/brutaldon/templates/main/post_partial.html b/brutaldon/templates/main/post_partial.html
index df0b658..7472a1b 100644
--- a/brutaldon/templates/main/post_partial.html
+++ b/brutaldon/templates/main/post_partial.html
@@ -120,6 +120,8 @@
              alt="">
         <input type="submit" class="button is-primary level-item"
                name="toot" value="Toot">
+        <a href="{% url "emoji" %}" target="_blank"  rel="noopener noreferrer"
+           class="level-item emoji-link" title="custom emoji reference">😊</a>
     </div>
 </div>
         </form>