diff --git a/brutaldon/static/css/brutaldon.css b/brutaldon/static/css/brutaldon.css
index 7157683..98d28ba 100644
--- a/brutaldon/static/css/brutaldon.css
+++ b/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;
diff --git a/brutaldon/static/css/fullbrutalism.css b/brutaldon/static/css/fullbrutalism.css
index 3b80ba0..b029ef6 100644
--- a/brutaldon/static/css/fullbrutalism.css
+++ b/brutaldon/static/css/fullbrutalism.css
@@ -287,3 +287,10 @@ label
{
color: #FF0000;
}
+
+img.emoji
+{
+ display: inline;
+ max-height: 1.5rem;
+ max-width: 1.5rem;
+}
diff --git a/brutaldon/templates/main/emoji.html b/brutaldon/templates/main/emoji.html
new file mode 100644
index 0000000..80da6c1
--- /dev/null
+++ b/brutaldon/templates/main/emoji.html
@@ -0,0 +1,26 @@
+{% extends "base.html" %}
+
+{% block title %}Brutaldon ({{ own_acct.username }}) - Custom emoji reference {% endblock %}
+
+{% block content %}
+
+ Copy shortcodes from the list below to use your instance's custom emoji.
+ Custom emoji reference
+
+ + :{{ emojo.shortcode }}: +
+