Implement new logo. Resolves #6.

dullage · Aug 3, 2022 · 3fb4477 · 3fb4477
1 parent 6c10022
commit 3fb4477
Show file tree

Hide file tree

Showing 19 changed files with 80 additions and 4 deletions.
diff --git a/flatnotes/src/assets/android-chrome-192x192.png b/flatnotes/src/assets/android-chrome-192x192.png
diff --git a/flatnotes/src/assets/android-chrome-512x512.png b/flatnotes/src/assets/android-chrome-512x512.png
diff --git a/flatnotes/src/assets/apple-touch-icon.png b/flatnotes/src/assets/apple-touch-icon.png
diff --git a/flatnotes/src/assets/browserconfig.xml b/flatnotes/src/assets/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="../assets/mstile-150x150.png"/>
+            <TileColor>#2b5797</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/flatnotes/src/assets/favicon-16x16.png b/flatnotes/src/assets/favicon-16x16.png
diff --git a/flatnotes/src/assets/favicon-32x32.png b/flatnotes/src/assets/favicon-32x32.png
diff --git a/flatnotes/src/assets/favicon.ico b/flatnotes/src/assets/favicon.ico
diff --git a/flatnotes/src/assets/logo.svg b/flatnotes/src/assets/logo.svg
diff --git a/flatnotes/src/assets/mstile-144x144.png b/flatnotes/src/assets/mstile-144x144.png
diff --git a/flatnotes/src/assets/mstile-150x150.png b/flatnotes/src/assets/mstile-150x150.png
diff --git a/flatnotes/src/assets/mstile-310x150.png b/flatnotes/src/assets/mstile-310x150.png
diff --git a/flatnotes/src/assets/mstile-310x310.png b/flatnotes/src/assets/mstile-310x310.png
diff --git a/flatnotes/src/assets/mstile-70x70.png b/flatnotes/src/assets/mstile-70x70.png
diff --git a/flatnotes/src/assets/safari-pinned-tab.svg b/flatnotes/src/assets/safari-pinned-tab.svg
diff --git a/flatnotes/src/assets/site.webmanifest b/flatnotes/src/assets/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
diff --git a/flatnotes/src/components/App.js b/flatnotes/src/components/App.js
@@ -2,7 +2,7 @@ import { Editor } from "@toast-ui/vue-editor";
 import { Viewer } from "@toast-ui/vue-editor";
 
 import RecentlyModified from "./RecentlyModified";
-import LoadingIndicator from "./LoadingIndicator.vue";
+import LoadingIndicator from "./LoadingIndicator";
 
 import api from "../api";
 import * as constants from "../constants";

diff --git a/flatnotes/src/components/App.vue b/flatnotes/src/components/App.vue
@@ -4,7 +4,9 @@
       <!-- Header -->
       <div class="mt-4 mb-4">
         <h1 class="h1 clickable-link text-center">
-          <a href="/" @click.prevent="navigate('/', $event)">flatnotes</a>
+          <a href="/" @click.prevent="navigate('/', $event)"
+            ><img src="../assets/logo.svg"
+          /></a>
         </h1>
       </div>
 

diff --git a/flatnotes/src/index.html b/flatnotes/src/index.html
@@ -6,6 +6,16 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+  <link rel="apple-touch-icon" sizes="180x180" href="assets/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png">
+  <link rel="manifest" href="assets/site.webmanifest">
+  <link rel="mask-icon" href="assets/safari-pinned-tab.svg" color="#f9a76b">
+  <link rel="shortcut icon" href="assets/favicon.ico">
+  <meta name="msapplication-TileColor" content="#2b5797">
+  <meta name="msapplication-config" content="assets/browserconfig.xml">
+  <meta name="theme-color" content="#f9a76b">
+
   <title>flatnotes</title>
 
 </head>
@@ -15,4 +25,4 @@
   <script src="index.js"></script>
 </body>
 
-</html>
+</html>
diff --git a/flatnotes/src/main.scss b/flatnotes/src/main.scss
@@ -11,7 +11,7 @@
 @import "prismjs/themes/prism.css";
 @import "@toast-ui/editor-plugin-code-syntax-highlight/dist/toastui-editor-plugin-code-syntax-highlight.css";
 
-// Google Fonts
+// Google Font
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100&display=swap");
 
 // Variables