feat(templates): add icons

templates/basic/src/components/my-head.html

@@ -4,24 +4,16 @@
   <link rel="stylesheet" href="/reset.css" />
   <meta name="generator" content="McFly v0.0.1" />
   <meta name="theme-color" content="#3054bf" />
-  <meta
-    name="description"
-    content="McFly is a no-framework framework that assists in leveraging the web platform."
-  />
+  <meta name="description" content="McFly is a no-framework framework that assists in leveraging the web platform." />
   <meta name="author" content="McFly" />
   <meta name="origin" content="https://mc-fly.vercel.app/" />
   <!-- Open Graph data -->
   <meta property="og:site_name" content="McFly" />
   <meta property="og:type" content="website" />
   <meta property="og:image" content="/morty.png" />
-  <meta
-    property="og:title"
-    content="McFly: Back to the Basics. Into the Future. 😱"
-  />
-  <meta
-    property="og:description"
-    content="McFly is a no-framework framework that assists in leveraging the web platform."
-  />
+  <meta property="og:title" content="McFly: Back to the Basics. Into the Future. 😱" />
+  <meta property="og:description"
+    content="McFly is a no-framework framework that assists in leveraging the web platform." />
   <style>
     body {
       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
@@ -29,6 +21,7 @@
       margin: 0 auto;
       padding: 1em;
     }
+
     body>* {
       padding: 0.5em 1em;
     }
@@ -46,5 +39,11 @@
     }
   </style>
 
+
+  <!-- Icons -->
+  <link rel="icon" href="favicon.svg">
+  <link rel="mask-icon" href="mask-icon.svg" color="#000000">
+  <link rel="apple-touch-icon" href="apple-touch-icon.png">
+
   <slot />
 </head>

templates/basic/src/public/mask-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" zoomAndPan="magnify" viewBox="0 0 375 374.999991" height="500" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><clipPath id="65f23166bb"><path d="M 226 63 L 371 63 L 371 258 L 226 258 Z M 226 63 " clip-rule="nonzero"/></clipPath><clipPath id="5e13a0e4b8"><path d="M -33.179688 166.285156 L 368.523438 60.105469 L 407.816406 208.75 L 6.109375 314.929688 Z M -33.179688 166.285156 " clip-rule="nonzero"/></clipPath><clipPath id="70081a8495"><path d="M -33.179688 166.285156 L 432.332031 43.238281 L 472.773438 196.234375 L 7.261719 319.277344 Z M -33.179688 166.285156 " clip-rule="nonzero"/></clipPath><clipPath id="8e717becf2"><path d="M 112 93 L 257 93 L 257 288 L 112 288 Z M 112 93 " clip-rule="nonzero"/></clipPath><clipPath id="418f6242d5"><path d="M -33.179688 166.285156 L 368.523438 60.105469 L 407.816406 208.75 L 6.109375 314.929688 Z M -33.179688 166.285156 " clip-rule="nonzero"/></clipPath><clipPath id="dd77348e68"><path d="M -33.179688 166.285156 L 432.332031 43.238281 L 472.773438 196.234375 L 7.261719 319.277344 Z M -33.179688 166.285156 " clip-rule="nonzero"/></clipPath><clipPath id="09ee6a3ee1"><path d="M 1 122 L 146 122 L 146 315 L 1 315 Z M 1 122 " clip-rule="nonzero"/></clipPath><clipPath id="f463d97b52"><path d="M -33.179688 166.285156 L 368.523438 60.105469 L 407.816406 208.75 L 6.109375 314.929688 Z M -33.179688 166.285156 " clip-rule="nonzero"/></clipPath><clipPath id="722abc99ea"><path d="M -33.179688 166.285156 L 432.332031 43.238281 L 472.773438 196.234375 L 7.261719 319.277344 Z M -33.179688 166.285156 " clip-rule="nonzero"/></clipPath></defs><g clip-path="url(#65f23166bb)"><g clip-path="url(#5e13a0e4b8)"><g clip-path="url(#70081a8495)"><path fill="#000000" d="M 226.324219 238.738281 L 240.542969 257.621094 L 309.3125 239.441406 C 310.609375 239.101562 311.753906 238.476562 312.746094 237.578125 C 313.742188 236.679688 314.472656 235.601562 314.945312 234.34375 L 370.550781 84.804688 L 356.140625 63.53125 L 288.6875 81.359375 C 287.710938 81.613281 286.851562 82.074219 286.101562 82.746094 C 285.355469 83.421875 284.800781 84.226562 284.445312 85.167969 Z M 226.324219 238.738281 " fill-opacity="1" fill-rule="nonzero"/></g></g></g><g clip-path="url(#8e717becf2)"><g clip-path="url(#418f6242d5)"><g clip-path="url(#dd77348e68)"><path fill="#000000" d="M 112.21875 268.898438 L 126.4375 287.78125 L 195.199219 269.605469 C 196.496094 269.265625 197.640625 268.644531 198.636719 267.742188 C 199.632812 266.84375 200.363281 265.765625 200.828125 264.507812 L 256.4375 114.96875 L 242.027344 93.691406 L 174.5625 111.527344 C 173.589844 111.777344 172.726562 112.242188 171.980469 112.914062 C 171.230469 113.585938 170.679688 114.394531 170.320312 115.332031 Z M 112.21875 268.898438 " fill-opacity="1" fill-rule="nonzero"/></g></g></g><g clip-path="url(#09ee6a3ee1)"><g clip-path="url(#f463d97b52)"><g clip-path="url(#722abc99ea)"><path fill="#000000" d="M 1.667969 298.121094 L 15.882812 317.003906 L 84.644531 298.828125 C 85.941406 298.488281 87.089844 297.867188 88.082031 296.964844 C 89.078125 296.066406 89.808594 294.984375 90.277344 293.726562 L 145.882812 144.191406 L 131.476562 122.914062 L 63.980469 140.753906 C 63.007812 141.007812 62.144531 141.472656 61.398438 142.144531 C 60.648438 142.816406 60.097656 143.621094 59.738281 144.5625 Z M 1.667969 298.121094 " fill-opacity="1" fill-rule="nonzero"/></g></g></g></svg>