#29 create brand icon and manifest

.vscode/settings.json

@@ -1,4 +1,12 @@
 {
+    "json.schemas": [
+        {
+            "fileMatch": [
+                "manifest.json"
+            ],
+            "url": "http://json.schemastore.org/web-manifest"
+        }
+    ]
     "cSpell.words": [
         "Balsamiq",
         "Bitbucket",
@@ -55,11 +63,13 @@
         "pptx",
         "preconnect",
         "prepended",
+        "scrollbar",
         "sidenav",
         "signup",
         "slugify",
         "taglist",
         "unmark",
+        "unstyled",
         "vdhwebapps",
         "walkthroughs"
     ]

resources.md

@@ -73,7 +73,7 @@ A stash for helpful articles, references, documentation looked up along the way
 
 * [vs code - workspace recommended extensions](https://code.visualstudio.com/docs/editor/extension-gallery#_workspace-recommended-extensions)
 * [vs code - debug on windows and mac](https://stackoverflow.com/a/42471528/1366033)
-
+* [vs code - add json schema definition](https://code.visualstudio.com/docs/languages/json#_json-schemas-and-settings)
 
 ## Github
 
@@ -104,3 +104,12 @@ A stash for helpful articles, references, documentation looked up along the way
 * [css - `break-inside`](https://developer.mozilla.org/en-US/docs/Web/CSS/break-inside)
 * [css - Chrome “Save as PDF” is cutting off text](https://superuser.com/q/1477838/180163)
 
+## Images
+
+* [svg - How to scale SVG](https://css-tricks.com/scale-svg/)
+* [svg - optimize svg](https://jakearchibald.github.io/svgomg/)
+
+## PWA
+
+* [pwa - generate icons from svg](http://cthedot.de/icongen/)
+* [pwa - manifest schema definition](http://json.schemastore.org/web-manifest)

src/_includes/assets/styles/styles.css

@@ -403,7 +403,8 @@ header.header {
   color: hsla(148, 97%, 33%, 1);
 }
 .brand svg {
-    height: 40px;
+    height: 75px;
+    width: 75px;
     margin: 0px 20px;
 }
 
@@ -959,7 +960,7 @@ td svg {
   transform: translateY(-8px)rotate(-45deg);
 }
 
-/* custom scrollbars */
+/* custom scrollbar */
 
 /* width */
 ::-webkit-scrollbar {

src/_layouts/default.njk

@@ -51,7 +51,7 @@
         </button>
 
         <a href="/" aria-label="Home Page" class="brand" >
-            {% include "assets/images/vt-logo.svg" %}
+            {% include "assets/images/vt-book-logo.svg" %}
             <span class="site-title">
                 {% set site_title_word = title_word or (renderData and renderData.title_word) %}
                 <span class="word">{{site_title_word}}</span> 

src/manifest.json

@@ -0,0 +1,9 @@
+{
+    "name": "Doc Gov",
+    "short_name": "Doc Gov",
+    "theme_color": "#03a64f",
+    "background_color": "#bfd3dc",
+    "display": "standalone",
+    "scope": "/",
+    "start_url": "/"
+  }