Add templates and css for emoji reference

brutaldon/static/css/brutaldon.css

@@ -80,6 +80,21 @@ span.account-locked
     color: #FF0000;
 }
 
+.emoji-box
+{
+    padding: .75rem;
+    background-color: #FCFCFC;
+    border: 1px solid #CCC;
+    border-radius: 5px;
+}
+
+img.emoji
+{
+    display: inline;
+    max-height: 1.5rem;
+    max-width: 1.5rem;
+}
+
 @media screen and (max-width: 768px) {
     .media {
         display: block;

brutaldon/static/css/fullbrutalism.css

@@ -287,3 +287,10 @@ label
 {
     color: #FF0000;
 }
+
+img.emoji
+{
+    display: inline;
+    max-height: 1.5rem;
+    max-width: 1.5rem;
+}

brutaldon/templates/main/emoji.html

@@ -0,0 +1,26 @@
+{% extends "base.html" %}
+
+{% block title %}Brutaldon ({{ own_acct.username }}) - Custom emoji reference {% endblock %}
+
+{% block content %}
+    <section>
+        <h1 class="title">Custom emoji reference</h1>
+        <p class="subtitle">
+            Copy shortcodes from the list below to use your instance's custom emoji.
+        </p>
+    </section>
+
+    <hr>
+    <section>
+        <div class="columns is-9 is-variable is-centered is-multiline">
+            {% for emojo in emojos  %}
+                <div class="column is-one-quarter">
+                    <p class="level emoji-box">
+                        <img alt="" class="level-item emoji" src="{{ emojo.url }}">
+                        <span class="level-item">:{{ emojo.shortcode }}:</span>
+                    </p>
+                </div>
+            {% endfor %}
+        </div>
+    </section>
+{% endblock %}