💄 (app) add a more specific favicon

2023-04-15 17:27:57 +02:00
parent 46b1ddcf3c
commit c2796c8e14
4 changed files with 17 additions and 3 deletions
--- a/README.md
+++ b/README.md
@@ -1,3 +1,5 @@
 # loopycode

 ![standadized-work](standardized-work.png)
+
+[Loop icons created by Dreamstale - Flaticon](https://www.flaticon.com/free-icons/loop)
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
-    <link rel="icon" href="/favicon.ico" />
+    <link rel="icon" href="/loop.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Loopycode</title>
  </head>
--- a/public/loop.png
+++ b/public/loop.png
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,11 +5,23 @@ import { RouterLink, RouterView } from 'vue-router'
 <template>
  <header>
    <nav>
-      <router-link class="title is-3" to="/">Loopycode</router-link>
+      <router-link class="title is-3" to="/">
+        <img class="logo" src="/public/loop.png" alt="Loopycode" />
+      </router-link>
    </nav>
  </header>

  <RouterView />
 </template>

-<style scoped></style>
+<style scoped>
+nav {
+  margin: 1rem 0;
+  display: flex;
+  justify-content: center;
+}
+
+img.logo {
+  max-width: 40px;
+}
+</style>