📝 Add hero image GIF to README

marcreichel · Aug 17, 2022 · 63c3c4c · 63c3c4c
1 parent 0539824
commit 63c3c4c
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -25,6 +25,8 @@
   </a>
 </p>
 
+![hero](examples/hero.gif)
+
 ## 🚀 Installation
 
 ### CDN

diff --git a/examples/hero.gif b/examples/hero.gif
diff --git a/examples/index.html b/examples/index.html
@@ -7,10 +7,12 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>Examples</title>
 
+    <script src="https://cdn.tailwindcss.com"></script>
+
     <script defer src="../dist/alpine-typewriter.min.js"></script>
     <script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
 </head>
-<body>
-<div x-data x-typewriter="['Hello', 'World']"></div>
+<body class="h-screen flex items-center justify-center text-5xl">
+    <div x-data x-typewriter="['Typewriter', 'Alpine.js', 'JavaScript']"></div>
 </body>
 </html>
-Original file line number
+Diff line change
@@ Expand Up / @@ -25,6 +25,8 @@ @@
       </a>
     </p>
+    ![hero](examples/hero.gif)
     ## 🚀 Installation
     ### CDN
@@ Expand Down @@