Bläddra i källkod

Feature/add twemoji support (#346)

* Add support for Twemoji

* Add post on Twemoji support

* Regenrate CSS files

* Fix missing backtick in twemoji-support.md

* Rename useTwemoji to enableTwemoji

* Move Twemoji script tag into head tag

* Fix markdown link sytnax in twemoji-support

* Fix typo in Twemoji Support post
Latiif alSharif 5 år sedan
förälder
incheckning
3d7b39d2b4

+ 7 - 0
assets/scss/_base.scss

@@ -210,3 +210,10 @@ figure {
 .fas {
   font-weight: 900;
 }
+
+img.emoji {
+  height: 1em;
+  width: 1em;
+  margin: 0 .05em 0 .1em;
+  vertical-align: -0.1em;
+}

+ 3 - 0
exampleSite/config.toml

@@ -46,6 +46,9 @@ disqusShortname = "yourdiscussshortname"
     # Series see also post count
     maxSeeAlsoItems = 5
 
+    # Enable Twemoji
+    enableTwemoji = true
+
     # Custom CSS
     custom_css = []
 

+ 23 - 0
exampleSite/content/posts/twemoji-support.md

@@ -0,0 +1,23 @@
++++
+date = "2020-05-25"
+title = "Twemoji Support 🤩"
+description = "The post demonstrates Twemoji support"
+series = ["Theme", "Hugo"]
++++
+
+If you want to use Twitter's [Twemoji](https://twemoji.twitter.com/) across your website, enable it in your `config.toml`
+```toml
+[params]
+  enableTwemoji = true
+```
+
+This will not only give your website unified emojis across all platforms. It will also give you [the latest Unicode 13 emoji set](https://blog.emojipedia.org/twemoji-13-0-emoji-changelog/), such as 🧋🫕🛻🪗🪞.
+
+# Emoji size changes with text size 🤩
+## Emoji size changes with text size 🤩
+### Emoji size changes with text size 🤩
+#### Emoji size changes with text size 🤩
+##### Emoji size changes with text size 🤩
+###### Emoji size changes with text size 🤩
+
+---

+ 7 - 1
layouts/_default/baseof.html

@@ -10,6 +10,10 @@
     <meta name="description" content="{{ .Description | default (.Summary | default .Site.Params.description ) }}">
     <meta name="keywords" content="{{ (delimit .Keywords ",") | default .Site.Params.keywords }}">
 
+    {{ if .Site.Params.enableTwemoji }}
+      <script src="https://twemoji.maxcdn.com/v/latest/twemoji.min.js" crossorigin="anonymous"></script>
+    {{ end }}
+
     {{ template "_internal/twitter_cards.html" . }}
     {{ template "_internal/opengraph.html" . }}
 
@@ -92,7 +96,9 @@
   {{ else if eq .Site.Params.colorscheme "auto" }}
     {{ $csClass = "colorscheme-auto" }}
   {{ end }}
-  <body class="{{ $csClass }}{{ if .Site.Params.rtl }} rtl{{ end }}">
+  <body class="{{ $csClass }}{{ if .Site.Params.rtl }} rtl{{ end }}"
+        onload="{{ if .Site.Params.enableTwemoji }} twemoji.parse(document.body); {{ end }}"
+  >
     <main class="wrapper">
       {{ partial "header.html" . }}
 

Filskillnaden har hållts tillbaka eftersom den är för stor
+ 0 - 0
resources/_gen/assets/scss/scss/coder-dark.scss_1fcd9040f1144c65015c77e7b93bc5ac.content


+ 0 - 1
resources/_gen/assets/scss/scss/coder-dark.scss_1fcd9040f1144c65015c77e7b93bc5ac.json

@@ -1 +0,0 @@
-{"Target":"css/coder-dark.min.e78e80fc3a585a4d1c8fc7f58623b6ff852411e38431a9cd1792877ecaa160f6.css","MediaType":"text/css","Data":{"Integrity":"sha256-546A/DpYWk0cj8f1hiO2/4UkEeOEManNF5KHfsqhYPY="}}

Filskillnaden har hållts tillbaka eftersom den är för stor
+ 0 - 0
resources/_gen/assets/scss/scss/coder.scss_5e1eb8e37c42cdfb6215b61e44dcfa5f.content


+ 1 - 1
resources/_gen/assets/scss/scss/coder.scss_5e1eb8e37c42cdfb6215b61e44dcfa5f.json

@@ -1 +1 @@
-{"Target":"css/coder.min.a4f332213a21ce8eb521670c614470c58923aaaf385e2a73982c31dd7642decb.css","MediaType":"text/css","Data":{"Integrity":"sha256-pPMyITohzo61IWcMYURwxYkjqq84XipzmCwx3XZC3ss="}}
+{"Target":"css/coder.min.3219ef62ae52679b7a9c19043171c3cd9f523628c2a65f3ef247ee18836bc90b.css","MediaType":"text/css","Data":{"Integrity":"sha256-MhnvYq5SZ5t6nBkEMXHDzZ9SNijCpl8+8kfuGINryQs="}}

Vissa filer visades inte eftersom för många filer har ändrats