🍱 add favicon (#2)

* 💫 loading animation

* 📦 compile vanilla html/css

* 📦 compile jhtml

* 🍱 upload favicon

* 🍱 add favicon
✏️ fix typo scRipt

* 📦 compile html

ui/compile.sh

@@ -7,13 +7,17 @@ pug raw/index.pug -o html
 echo "<title>dnswatch</title>
 <link rel=\"stylesheet\" href=\"index.css\">
 <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;700&amp;display=swap\">
+<link rel=\"shortcut icon\" type=\"image/png\" href=\"favicon.png\">
 <script src=\"index.js\"></script>
 <script src=\"https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js\"></script>" | cat - html/index.html > temp
 mv temp html/index.html
-echo "<scipt src=\"feather.js\"></script>" >> html/index.html
+echo "<script src=\"feather.js\"></script>" >> html/index.html
 
 # compile sass
 sass raw/index.sass html/index.css
 
 # move js
 cp raw/*.js html
+
+# move favicon
+cp raw/favicon.png html

ui/html/index.html

@@ -1,6 +1,7 @@
 <title>dnswatch</title>
 <link rel="stylesheet" href="index.css">
 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;700&amp;display=swap">
+<link rel="shortcut icon" type="image/png" href="favicon.png">
 <script src="index.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
-<div id="header"><button><i data-feather="globe"></i></button><button><i data-feather="sun"></i></button></div><div id="title"><h1>dnswatch</h1></div><div id="search"><div id="searchbar"><div class="buttonspacer"></div><input id="dnswatch-search" type="text" placeholder="Search..."/><button id="dnswatch-search-submit"><i data-feather="search"></i></button><button id="help"><i data-feather="help-circle"></i></button></div><small>Try "gnu.org", "wikipedia.com", "s.to" or your own website!</small><div id="loadani"><div id="spinner"></div><span>loading...</span></div></div><div id="results"></div><scipt src="feather.js"></script>
+<div id="header"><button><i data-feather="globe"></i></button><button><i data-feather="sun"></i></button></div><div id="title"><h1>dnswatch</h1></div><div id="search"><div id="searchbar"><div class="buttonspacer"></div><input id="dnswatch-search" type="text" placeholder="Search..."/><button id="dnswatch-search-submit"><i data-feather="search"></i></button><button id="help"><i data-feather="help-circle"></i></button></div><small>Try "gnu.org", "wikipedia.com", "s.to" or your own website!</small><div id="loadani"><div id="spinner"></div><span>loading...</span></div></div><div id="results"></div><script src="feather.js"></script>