add tag line and favicons

index.html

@@ -6,6 +6,7 @@
     <meta name="darkreader-lock">
     <meta name="color-scheme" content="light dark">
     <title>Roadworthiness Sticker Generator</title>
+    <link rel="icon" type="image/svg+xml" href="favicon.svg">
 
     <!-- Material Design Icons -->
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
@@ -37,7 +38,10 @@
         <header class="app-bar">
             <div class="app-bar-content">
                 <span class="material-icons">directions_car</span>
-                <h1>Roadworthiness Sticker Generator</h1>
+                <div class="app-bar-text">
+                    <h1>Roadworthiness Sticker Generator</h1>
+                    <p class="tagline">Roadworthy stickers for unworthy roads - if they can't fix the potholes, they can't spot the difference</p>
+                </div>
                 <a href="https://git.shihaam.dev/shihaam/roadworthiness-sticker-generator" target="_blank" rel="noopener" class="git-link" title="View Source">
                     <span class="material-icons">code</span>
                 </a>