Basic Emoji suppport (#157)

2 files changed, 27 insertions, 0 deletions

diff --git a/static/css/style.css b/static/css/style.css
index ce01793..9b509b8 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -358,6 +358,10 @@ nav a i {
     width: auto;
 }
 
+.icon-menu .option img.emoji {
+    height: 22px;
+}
+
 .icon-menu .option i {
     display: inline-block;
     text-align: center;
@@ -740,6 +744,10 @@ h1.identity .icon {
     margin: 0 20px 0 0;
 }
 
+h1.identity .emoji {
+    height: 22px;
+}
+
 h1.identity small {
     display: block;
     font-size: 60%;
@@ -752,6 +760,10 @@ h1.identity small {
     margin: 0 0 20px 0;
 }
 
+.bio .emoji {
+    height: 22px;
+}
+
 .system-note {
     background: var(--color-bg-menu);
     color: var(--color-text-dull);
@@ -789,6 +801,10 @@ table.metadata td.name {
     gap: 1em;
 }
 
+table.metadata td .emoji {
+    height: 22px;
+}
+
 /* Timelines */
 
 .left-column .timeline-name {
@@ -857,6 +873,10 @@ table.metadata td.name {
     float: left;
 }
 
+.post .emoji {
+    height: 22px;
+}
+
 .post .handle {
     display: block;
     padding: 7px 0 0 64px;
@@ -1014,6 +1034,13 @@ table.metadata td.name {
     padding: 0 0 3px 5px;
 }
 
+.boost-banner .emoji,
+.mention-banner .emoji,
+.follow-banner .emoji,
+.like-banner .emoji {
+    height: 22px;
+}
+
 .boost-banner a,
 .mention-banner a,
 .follow-banner a,
diff --git a/static/img/blank-emoji-128.png b/static/img/blank-emoji-128.png
new file mode 100644
index 0000000..e1bc56c
--- /dev/null
+++ b/static/img/blank-emoji-128.png