ADD: update with template and add favicon;

docs/.vuepress/config.js

@@ -1,57 +1,108 @@
 const container = require("markdown-it-container");
 
 function createContainer(type, defaultTitle) {
-	return [
-		container,
-		type,
-		{
-			render(tokens, idx) {
-				const token = tokens[idx];
-				const info = token.info
-					.trim()
-					.slice(type.length)
-					.trim();
-				const title = info || defaultTitle;
-				if (token.nesting === 1) {
-					return `<div class="${type} custom-block text-sm md:text-base"><p class="custom-block-title">${title}</p>\n`;
-				} else {
-					return `</div>\n`;
-				}
-			}
-		}
-	];
+  return [
+    container,
+    type,
+    {
+      render(tokens, idx) {
+        const token = tokens[idx];
+        const info = token.info
+          .trim()
+          .slice(type.length)
+          .trim();
+        const title = info || defaultTitle;
+        if (token.nesting === 1) {
+          return `<div class="${type} custom-block text-sm md:text-base"><p class="custom-block-title">${title}</p>\n`;
+        } else {
+          return `</div>\n`;
+        }
+      },
+    },
+  ];
 }
 
 module.exports = {
-	base: "/",
-	title: "Denis Tsoi",
-	description: "Code to eat 🍞",
-	postcss: {
-		plugins: [
-			require("tailwindcss")("./tailwind.config.js"),
-			require("autoprefixer")
-		]
-	},
-	themeConfig: {
-		nav: [{ text: "cv", link: "/cv/" }, { text: "refugeek", link: "/rg/" }]
-	},
-	markdown: {
-		// options for markdown-it-anchor
-		anchor: { permalink: false },
-		// options for markdown-it-toc
-		toc: { includeLevel: [1, 2] },
-		extendMarkdown: md => {
-			// use more markdown-it plugins!
-			md.use(...createContainer("tip", "TIP")).use(
-				...createContainer("job", "")
-			);
-		}
-	},
-	configureWebpack: {
-		resolve: {
-			alias: {
-				"@assets": "theme/assets/"
-			}
-		}
-	}
+  base: "/",
+  title: "Denis Tsoi",
+  description: "Code to eat 🍞",
+  head: [
+    [
+      "link",
+      {
+        rel: "apple-touch-icon",
+        sizes: "180x180",
+        href: "/assets/favicons/apple-touch-icon.png",
+      },
+    ],
+    [
+      "link",
+      {
+        rel: "icon",
+        type: "image/png",
+        sizes: "32x32",
+        href: "/assets/favicons/favicon-32x32.png",
+      },
+    ],
+    [
+      "link",
+      {
+        rel: "icon",
+        type: "image/png",
+        sizes: "16x16",
+        href: "/assets/favicons/favicon-16x16.png",
+      },
+    ],
+    ["link", { rel: "manifest", href: "/assets/favicons/site.webmanifest" }],
+    [
+      "link",
+      {
+        rel: "mask-icon",
+        href: "/assets/favicons/safari-pinned-tab.svg",
+        color: "#3a0839",
+      },
+    ],
+    ["link", { rel: "shortcut icon", href: "/assets/favicons/favicon.ico" }],
+    ["meta", { name: "msapplication-TileColor", content: "#3a0839" }],
+    [
+      "meta",
+      {
+        name: "msapplication-config",
+        content: "/assets/favicons/browserconfig.xml",
+      },
+    ],
+    ["meta", { name: "theme-color", content: "#ffffff" }],
+  ],
+  postcss: {
+    plugins: [
+      require("tailwindcss")("./tailwind.config.js"),
+      require("autoprefixer"),
+    ],
+  },
+  themeConfig: {
+    nav: [
+      { text: "cv", link: "/cv/" },
+      { text: "refugeek", link: "/rg/" },
+      { text: "templates", link: "/templates/" },
+    ],
+  },
+  markdown: {
+    // options for markdown-it-anchor
+    anchor: { permalink: false },
+    // options for markdown-it-toc
+    toc: { includeLevel: [1, 2] },
+    extendMarkdown: (md) => {
+      // use more markdown-it plugins!
+      md.use(...createContainer("tip", "TIP")).use(
+        ...createContainer("job", "")
+      );
+    },
+  },
+  configureWebpack: {
+    resolve: {
+      alias: {
+        "@assets": "theme/assets/",
+      },
+    },
+  },
 };

docs/.vuepress/public/assets/browserconfig.xml

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>

docs/.vuepress/public/assets/manifest.json

@@ -0,0 +1,41 @@
+{
+ "name": "App",
+ "icons": [
+  {
+   "src": "\/android-icon-36x36.png",
+   "sizes": "36x36",
+   "type": "image\/png",
+   "density": "0.75"
+  },
+  {
+   "src": "\/android-icon-48x48.png",
+   "sizes": "48x48",
+   "type": "image\/png",
+   "density": "1.0"
+  },
+  {
+   "src": "\/android-icon-72x72.png",
+   "sizes": "72x72",
+   "type": "image\/png",
+   "density": "1.5"
+  },
+  {
+   "src": "\/android-icon-96x96.png",
+   "sizes": "96x96",
+   "type": "image\/png",
+   "density": "2.0"
+  },
+  {
+   "src": "\/android-icon-144x144.png",
+   "sizes": "144x144",
+   "type": "image\/png",
+   "density": "3.0"
+  },
+  {
+   "src": "\/android-icon-192x192.png",
+   "sizes": "192x192",
+   "type": "image\/png",
+   "density": "4.0"
+  }
+ ]
+}

docs/.vuepress/theme/Layout.vue

@@ -9,18 +9,20 @@
 
 <script>
 import coreheader from "./core/header";
-import detail from "./layouts/detail";
-import home from "./layouts/home";
+import Detail from "./layouts/Detail";
+import Home from "./layouts/Home";
+import Template from "./layouts/Template";
 
 export default {
   components: {
     coreheader,
-    detail,
-    home
+    Detail,
+    Home,
+    Template
   },
   computed: {
     layout() {
-      return this.$page.frontmatter.layout || "home";
+      return this.$page.frontmatter.layout || "Home";
     }
   }
 };

docs/.vuepress/theme/layouts/Template.vue

@@ -0,0 +1,24 @@
+<template>
+  <div>
+    <coreheader :showLinks="true" />
+    <div class="w-full md:w-4/5 text-gray m-auto p-4 md:p-8 max-w-2xl">
+      <Content />
+    </div>
+    <corefooter />
+  </div>
+</template>
+
+<script>
+import coreheader from "../core/header";
+import corefooter from "../core/footer";
+export default {
+  components: {
+    coreheader,
+    corefooter
+  }
+};
+</script>
+
+<style lang="stylus">
+@import '../styles/theme.styl';
+</style>

docs/.vuepress/theme/layouts/home.vue

@@ -1,22 +1,25 @@
 <template>
-  <div class="w-full md:w-4/5 text-gray m-auto p-4 md:p-8 max-w-2xl">
-    <Content class="text-sm md:text-base" />
-
-    <div class="my-4">
-      <Content slot-key="links" />
-    </div>
-
-    <div class="my-4">
-      <span>Social</span>
-      <Content slot-key="socials" />
+  <div>
+    <div class="w-full md:w-4/5 text-gray m-auto p-4 md:p-8 max-w-2xl">
+      <Content class="text-sm md:text-base" />
+
+      <div class="my-4">
+        <Content slot-key="links" />
+      </div>
+      <div class="my-4">
+        <span>Social</span>
+        <Content slot-key="socials" />
+      </div>
+      <Content slot-key="image" />
     </div>
-
-    <Content slot-key="image" />
+    <corefooter />
   </div>
 </template>
 
 <script>
-export default {};
+export default {
+  name: "Home"
+};
 </script>
 
 <style lang="stylus">

docs/cv/readme.md

@@ -1,6 +1,6 @@
 ---
 title: "cv"
-layout: "detail"
+layout: "Detail"
 ---
 
 ::: tip Summary
@@ -108,6 +108,8 @@ Various
 
 ## Education
 
+### 
+
 ### 04/2013 - 08/2013
 
 ::: job

docs/rg/readme.md

@@ -1,6 +1,6 @@
 ---
 title: "refugeek"
-layout: "detail"
+layout: "Detail"
 ---
 
 # Contents

docs/template/readme.md

@@ -0,0 +1,5 @@
+---
+title: "template"
+layout: "Template"
+---
+