♿️ A11 emojis

johannchopin · johannchopin · commit cc9567bceb51 · 2022-01-30T19:08:18.000+01:00
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
@@ -1,5 +1,9 @@
+<script>
+  import Emoji from 'svelte-emoji'
+</script>
+
 <footer class="text-center mt-5 mb-2">
-  Hosted with <span>❤️&nbsp;</span> on <a href="//pages.github.com/">GitHub Pages</a>.
+  Hosted with <Emoji symbol="❤️ " label="love" /> on <a href="//pages.github.com/">GitHub Pages</a>.
 </footer>
 
 <style>
diff --git a/src/components/Textarea.svelte b/src/components/Textarea.svelte
@@ -1,6 +1,8 @@
 <script>
   import { saveAs } from 'file-saver'
   import * as CleanCSS from 'clean-css'
+  import Emoji from 'svelte-emoji'
+
   import CopySaveActions from './CopySaveActions.svelte'
   import SavedSizeBadge from './SavedSizeBadge.svelte'
 
@@ -34,7 +36,14 @@
 
 <textarea bind:value={input} class="form-control" rows="6" placeholder="enter your raw css here to optimize it..."></textarea>
 <div class="row mt-2">
-  <button class="btn btn-primary d-inline" style="background-color: #27AAE1;" on:click={optimize}>optimize ➜</button>
+  <button
+    class="btn btn-primary d-inline"
+    style="background-color: #27AAE1;"
+    on:click={optimize}
+  >
+    optimize
+    <Emoji symbol="➜" />
+  </button>
 
   <div id="result" class="position-relative ms-2 flex-grow-1 d-flex p-0 align-items-center" style="width: 0;">
     <input class="form-control" type="text" disabled={optimizedInput === undefined} bind:value={optimizedInput}>
