Improve docs page

.gitignore

@@ -1,2 +1,6 @@
 node_modules
-dist
+dist
+npm-debug.log
+.env
+.DS_Store
+.vscode

CHANGELOG.md

@@ -0,0 +1,8 @@
+# Changelog
+All notable changes to this project will be documented in this file.
+
+## [0.2.2] - 2019-01-27
+### Added
+- Add CHANGELOG.md file
+- Add Fira Code web font
+- Add favicon

docs/browserconfig.xml

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

docs/dark/index.html

@@ -8,6 +8,54 @@
     <link rel="stylesheet" href="/terminal.min.css" />
   </head>
   <style>
+	  @font-face{
+        font-family: 'Fira Code';
+        src: url('/fonts/eot/FiraCode-Light.eot');
+        src: url('/fonts/eot/FiraCode-Light.eot') format('embedded-opentype'),
+            url('/fonts/woff2/FiraCode-Light.woff2') format('woff2'),
+            url('/fonts/woff/FiraCode-Light.woff') format('woff'),
+            url('/fonts/ttf/FiraCode-Light.ttf') format('truetype');
+        font-weight: 300;
+        font-style: normal;
+        font-display: fallback;
+    }
+
+    @font-face{
+        font-family: 'Fira Code';
+        src: url('/fonts/eot/FiraCode-Regular.eot');
+        src: url('/fonts/eot/FiraCode-Regular.eot') format('embedded-opentype'),
+            url('/fonts/woff2/FiraCode-Regular.woff2') format('woff2'),
+            url('/fonts/woff/FiraCode-Regular.woff') format('woff'),
+            url('/fonts/ttf/FiraCode-Regular.ttf') format('truetype');
+        font-weight: 400;
+        font-style: normal;
+      font-display: fallback;
+    }
+
+    @font-face{
+        font-family: 'Fira Code';
+        src: url('/fonts/eot/FiraCode-Medium.eot');
+        src: url('/fonts/eot/FiraCode-Medium.eot') format('embedded-opentype'),
+            url('/fonts/woff2/FiraCode-Medium.woff2') format('woff2'),
+            url('/fonts/woff/FiraCode-Medium.woff') format('woff'),
+            url('/fonts/ttf/FiraCode-Medium.ttf') format('truetype');
+        font-weight: 500;
+        font-style: normal;
+      font-display: fallback;
+    }
+
+    @font-face{
+        font-family: 'Fira Code';
+        src: url('/fonts/eot/FiraCode-Bold.eot');
+        src: url('/fonts/eot/FiraCode-Bold.eot') format('embedded-opentype'),
+            url('/fonts/woff2/FiraCode-Bold.woff2') format('woff2'),
+            url('/fonts/woff/FiraCode-Bold.woff') format('woff'),
+            url('/fonts/ttf/FiraCode-Bold.ttf') format('truetype');
+        font-weight: 700;
+        font-style: normal;
+      font-display: fallback;
+    }
+	
 	:root {
 		--global-font-size: 14px;
 		--global-line-height: 1.4em;

docs/index.html

@@ -8,6 +8,54 @@
     <link rel="stylesheet" href="/terminal.min.css" />
   </head>
   <style>
+    @font-face{
+        font-family: 'Fira Code';
+        src: url('/fonts/eot/FiraCode-Light.eot');
+        src: url('/fonts/eot/FiraCode-Light.eot') format('embedded-opentype'),
+            url('/fonts/woff2/FiraCode-Light.woff2') format('woff2'),
+            url('/fonts/woff/FiraCode-Light.woff') format('woff'),
+            url('/fonts/ttf/FiraCode-Light.ttf') format('truetype');
+        font-weight: 300;
+        font-style: normal;
+        font-display: fallback;
+    }
+
+    @font-face{
+        font-family: 'Fira Code';
+        src: url('/fonts/eot/FiraCode-Regular.eot');
+        src: url('/fonts/eot/FiraCode-Regular.eot') format('embedded-opentype'),
+            url('/fonts/woff2/FiraCode-Regular.woff2') format('woff2'),
+            url('/fonts/woff/FiraCode-Regular.woff') format('woff'),
+            url('/fonts/ttf/FiraCode-Regular.ttf') format('truetype');
+        font-weight: 400;
+        font-style: normal;
+      font-display: fallback;
+    }
+
+    @font-face{
+        font-family: 'Fira Code';
+        src: url('/fonts/eot/FiraCode-Medium.eot');
+        src: url('/fonts/eot/FiraCode-Medium.eot') format('embedded-opentype'),
+            url('/fonts/woff2/FiraCode-Medium.woff2') format('woff2'),
+            url('/fonts/woff/FiraCode-Medium.woff') format('woff'),
+            url('/fonts/ttf/FiraCode-Medium.ttf') format('truetype');
+        font-weight: 500;
+        font-style: normal;
+      font-display: fallback;
+    }
+
+    @font-face{
+        font-family: 'Fira Code';
+        src: url('/fonts/eot/FiraCode-Bold.eot');
+        src: url('/fonts/eot/FiraCode-Bold.eot') format('embedded-opentype'),
+            url('/fonts/woff2/FiraCode-Bold.woff2') format('woff2'),
+            url('/fonts/woff/FiraCode-Bold.woff') format('woff'),
+            url('/fonts/ttf/FiraCode-Bold.ttf') format('truetype');
+        font-weight: 700;
+        font-style: normal;
+      font-display: fallback;
+    }
+
     .components-grid {
       display: grid;
       grid-column-gap: 1em;

docs/manifest.json

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