update

5 files changed, 22 insertions, 315 deletions

diff --git a/exampleSite/static/images/greenbox.jpg b/exampleSite/static/images/greenbox.jpg
new file mode 100644
index 0000000..a4d73ed
--- /dev/null
+++ b/exampleSite/static/images/greenbox.jpg
diff --git a/exampleSite/static/images/logo.svg b/exampleSite/static/images/logo.svg
new file mode 100644
index 0000000..b05abea
--- /dev/null
+++ b/exampleSite/static/images/logo.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>

+<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

+<svg version="1.1" id="ziox" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

+	 viewBox="0 0 298.4 103.1" enable-background="new 0 0 298.4 103.1" xml:space="preserve">

+<path id="z" fill="#24292E" d="M13.6,18.1h47.7L12.8,85.7c-0.4,0.6-0.6,1.3-0.6,1.9v2h55.9v-4.6H19.5l48.3-67.4

+	c0.5-0.7,0.8-1.5,0.8-2.2v-1.9h-55V18.1z"/>

+<rect id="i" x="105.3" y="13.5" fill="#24292E" width="5.5" height="76.1"/>

+<path id="o" fill="#24292E" d="M184.3,23.3c-3.2-3.4-7-6-11.5-7.9c-4.4-1.8-9.4-2.8-14.8-2.8c-5.3,0-10.2,0.9-14.7,2.8

+	c-4.4,1.9-8.3,4.5-11.5,7.9c-3.2,3.4-5.7,7.5-7.4,12.3c-1.8,4.8-2.7,10.1-2.7,15.9c0,5.9,0.9,11.2,2.7,16c1.8,4.8,4.3,8.9,7.4,12.3

+	c3.2,3.4,7,6,11.5,7.9c4.4,1.8,9.3,2.8,14.7,2.8c5.4,0,10.3-0.9,14.8-2.8c4.4-1.8,8.3-4.5,11.5-7.9c3.2-3.4,5.7-7.5,7.4-12.3

+	c1.8-4.8,2.6-10.1,2.6-16c0-5.8-0.9-11.2-2.6-15.9S187.5,26.7,184.3,23.3z M186.5,65.9c-1.5,4.2-3.5,7.8-6.2,10.7

+	c-2.7,2.9-5.9,5.2-9.7,6.7c-3.8,1.5-7.9,2.3-12.5,2.3c-4.5,0-8.7-0.8-12.4-2.3c-3.7-1.5-7-3.8-9.7-6.7c-2.7-2.9-4.8-6.5-6.3-10.7

+	c-1.5-4.2-2.2-9-2.2-14.3c0-5.3,0.7-10.1,2.2-14.3c1.5-4.2,3.6-7.8,6.3-10.8c2.7-2.9,5.9-5.2,9.7-6.7c3.7-1.6,7.9-2.3,12.4-2.3

+	c4.6,0,8.8,0.8,12.5,2.3c3.8,1.6,7,3.8,9.7,6.7c2.7,2.9,4.7,6.5,6.2,10.8c1.5,4.2,2.2,9,2.2,14.3C188.7,56.9,187.9,61.7,186.5,65.9z

+	"/>

+<path id="x" fill="#24292E" d="M261.3,50.3l26.3-36.8h-5.3c-0.4,0-0.7,0.1-0.9,0.3c-0.3,0.2-0.5,0.5-0.7,0.8l-22.3,31.6

+	c-0.2,0.3-0.3,0.6-0.5,0.8c-0.1,0.3-0.2,0.5-0.4,0.8l-23.1-33.3c-0.2-0.3-0.4-0.5-0.6-0.8c-0.2-0.2-0.6-0.3-1.1-0.3h-5.4l26.2,37.1

+	l-27.5,39h5c0.4,0,0.8-0.1,1.1-0.4c0.3-0.3,0.6-0.6,0.9-0.9l23.6-33.5c0.4-0.5,0.6-1,0.8-1.6l24,35.1c0.2,0.3,0.4,0.6,0.7,0.9

+	c0.3,0.3,0.7,0.5,1.2,0.5h5.4L261.3,50.3z"/>

+</svg>

diff --git a/src/css/main.scss b/src/css/main.scss
index 66c5cef..4f92c90 100644
--- a/src/css/main.scss
+++ b/src/css/main.scss
@@ -176,11 +176,6 @@ body {
     }
 }
 
-pre {
-    overflow: auto;
-    padding : 0.8rem 1rem;
-}
-
 code {
     overflow   : auto;
     font-size  : 0.8rem;
diff --git a/static/css/main.css b/static/css/main.css
index 3c65045..394c002 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -1,198 +1 @@
-html {
-  font-size: calc(1vh + 1vw); }
-
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif; }
-
-img {
-  height: auto;
-  width: 100%;
-  max-width: 40vw; }
-
-.no-break {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap; }
-
-.control {
-  list-style-type: none;
-  margin: 0;
-  padding: 0; }
-
-.btn {
-  cursor: pointer;
-  text-decoration: none; }
-
-.pagination ul,
-.list {
-  list-style-type: none;
-  margin: 0 auto;
-  padding: 0; }
-
-body {
-  color: #001D21;
-  width: 80vw;
-  margin: 0 auto; }
-
-.list {
-  min-height: 80vh;
-  margin: 0 auto 1rem auto;
-  background: #333 url(/images/greenbox.jpg) no-repeat top/cover content-box content-box;
-  -webkit-perspective: calc(100vw + 100vh);
-          perspective: calc(100vw + 100vh); }
-  .list li {
-    padding: 1em 0;
-    position: relative;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box; }
-    .list li:first-child {
-      padding-top: 0; }
-  .list span {
-    position: absolute;
-    left: -3.5em; }
-  .list a {
-    color: #001D21;
-    background: #FFF;
-    width: 100%;
-    display: block;
-    text-decoration: none;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    -webkit-transform: rotate(0deg) skew(0deg);
-            transform: rotate(0deg) skew(0deg); }
-  .list li:hover a {
-    -webkit-transform: rotate(5deg) skew(20deg);
-            transform: rotate(5deg) skew(20deg);
-    -webkit-transition: -webkit-transform .5s ease 0s;
-    transition: -webkit-transform .5s ease 0s;
-    transition: transform .5s ease 0s;
-    transition: transform .5s ease 0s, -webkit-transform .5s ease 0s;
-    -webkit-animation: slide 15s ease .5s 1 normal forwards running;
-            animation: slide 15s ease .5s 1 normal forwards running;
-    -webkit-box-shadow: 0.3rem 0.3rem 0rem 0rem #01A290;
-            box-shadow: 0.3rem 0.3rem 0rem 0rem #01A290; }
-  .list a:active {
-    outline: none; }
-  .list span,
-  .list a {
-    vertical-align: super;
-    line-height: 2em; }
-
-@-webkit-keyframes slide {
-  0% {
-    -webkit-transform: rotate(5deg) skew(20deg) translateX(0rem);
-            transform: rotate(5deg) skew(20deg) translateX(0rem); }
-  100% {
-    -webkit-transform: rotate(5deg) skew(20deg) translateX(-10rem);
-            transform: rotate(5deg) skew(20deg) translateX(-10rem); } }
-
-@keyframes slide {
-  0% {
-    -webkit-transform: rotate(5deg) skew(20deg) translateX(0rem);
-            transform: rotate(5deg) skew(20deg) translateX(0rem); }
-  100% {
-    -webkit-transform: rotate(5deg) skew(20deg) translateX(-10rem);
-            transform: rotate(5deg) skew(20deg) translateX(-10rem); } }
-
-.pagination a {
-  font-size: 2rem;
-  color: #01A290;
-  line-height: 1; }
-
-.pagination ul {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end; }
-
-.pagination li {
-  margin-left: 2rem; }
-
-.header {
-  margin: 0 auto;
-  padding: 1rem 0 0.5rem 0;
-  min-height: 2rem;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between; }
-  .header img {
-    max-width: 6rem; }
-  .header .menu {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex; }
-    .header .menu li {
-      margin-left: 1rem; }
-    .header .menu a {
-      color: #01A290; }
-
-.footer {
-  text-align: center;
-  margin: 0.5rem 0 0.5rem 0; }
-  .footer a {
-    text-decoration: none;
-    color: #333; }
-
-.content {
-  min-height: 70vh;
-  color: #001D21; }
-  .content .no-content {
-    width: 100%;
-    background: #01A290 url(/images/greenbox.jpg) no-repeat center/100% content-box content-box;
-    color: #FFF;
-    font-size: 2rem;
-    line-height: 2;
-    text-align: center;
-    text-indent: -999vw;
-    height: 40vh; }
-  .content h1.title a {
-    display: block;
-    background: #FFF;
-    color: #001D21;
-    border-bottom: none; }
-  .content a {
-    color: #01A290; }
-  .content ul, .content ol, .content dl {
-    line-height: 2; }
-  .content .meta {
-    border-bottom: 1px solid #333;
-    margin: 1.5rem 0;
-    font-style: italic;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-pack: flow-end;
-        -ms-flex-pack: flow-end;
-            justify-content: flow-end; }
-    .content .meta ul {
-      margin: 1rem 1rem 1rem 0;
-      line-height: normal;
-      line-height: initial; }
-    .content .meta li {
-      display: inline-block; }
-      .content .meta li a {
-        line-height: normal; }
-    .content .meta p {
-      margin-right: 1rem; }
-
-pre {
-  overflow: auto;
-  padding: 0.8rem 1rem; }
-
-code {
-  overflow: auto;
-  font-size: 0.8rem;
-  font-family: 'Fira Code', Inconsolata, 'Deja Vu Sans Mono', 'Source Code Pro', Consolas, monospace;
-  padding: 0.2rem 0.6rem; }
-
-@media screen and (max-width: 600px) {
-  .content .meta {
-    display: block; } }
-
+html{font-size:calc(1vh + 1vw)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif}img{height:auto;width:100%;max-width:40vw}.no-break{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control{list-style-type:none;margin:0;padding:0}.btn{cursor:pointer;text-decoration:none}.list,.pagination ul{list-style-type:none;margin:0 auto;padding:0}body{color:#001d21;width:80vw;margin:0 auto}.list{min-height:80vh;margin:0 auto 1rem;background:#333 url(/images/greenbox.jpg) no-repeat top/cover content-box content-box;-webkit-perspective:calc(100vw + 100vh);perspective:calc(100vw + 100vh)}.list li{padding:1em 0;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.list li:first-child{padding-top:0}.list span{position:absolute;left:-3.5em}.list a{color:#001d21;background:#fff;width:100%;display:block;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transform:rotate(0deg) skew(0deg);transform:rotate(0deg) skew(0deg)}.list li:hover a{-webkit-transform:rotate(5deg) skew(20deg);transform:rotate(5deg) skew(20deg);-webkit-transition:-webkit-transform .5s ease 0s;transition:-webkit-transform .5s ease 0s;transition:transform .5s ease 0s;transition:transform .5s ease 0s,-webkit-transform .5s ease 0s;-webkit-animation:slide 15s ease .5s 1 normal forwards running;animation:slide 15s ease .5s 1 normal forwards running;-webkit-box-shadow:.3rem .3rem 0 0 #01a290;box-shadow:.3rem .3rem 0 0 #01a290}.list a:active{outline:none}.list a,.list span{vertical-align:super;line-height:2em}@-webkit-keyframes slide{0%{-webkit-transform:rotate(5deg) skew(20deg) translateX(0);transform:rotate(5deg) skew(20deg) translateX(0)}to{-webkit-transform:rotate(5deg) skew(20deg) translateX(-10rem);transform:rotate(5deg) skew(20deg) translateX(-10rem)}}@keyframes slide{0%{-webkit-transform:rotate(5deg) skew(20deg) translateX(0);transform:rotate(5deg) skew(20deg) translateX(0)}to{-webkit-transform:rotate(5deg) skew(20deg) translateX(-10rem);transform:rotate(5deg) skew(20deg) translateX(-10rem)}}.pagination a{font-size:2rem;color:#01a290;line-height:1}.pagination ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.pagination li{margin-left:2rem}.header{margin:0 auto;padding:1rem 0 .5rem;min-height:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header img{max-width:6rem}.header .menu{display:-webkit-box;display:-ms-flexbox;display:flex}.header .menu li{margin-left:1rem}.header .menu a{color:#01a290}.footer{text-align:center;margin:.5rem 0}.footer a{text-decoration:none;color:#333}.content{min-height:70vh;color:#001d21}.content .no-content{width:100%;background:#01a290 url(/images/greenbox.jpg) no-repeat 50%/100% content-box content-box;color:#fff;font-size:2rem;line-height:2;text-align:center;text-indent:-999vw;height:40vh}.content h1.title a{display:block;background:#fff;color:#001d21;border-bottom:none}.content a{color:#01a290}.content dl,.content ol,.content ul{line-height:2}.content .meta{border-bottom:1px solid #333;margin:1.5rem 0;font-style:italic;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:flow-end;-ms-flex-pack:flow-end;justify-content:flow-end}.content .meta ul{margin:1rem 1rem 1rem 0;line-height:normal}.content .meta li{display:inline-block}.content .meta li a{line-height:normal}.content .meta p{margin-right:1rem}code{overflow:auto;font-size:.8rem;font-family:Fira Code,Inconsolata,Deja Vu Sans Mono,Source Code Pro,Consolas,monospace;padding:.2rem .6rem}@media screen and (max-width:600px){.content .meta{display:block}}
\ No newline at end of file
diff --git a/static/js/main.js b/static/js/main.js
index 7eaeb9c..9e68f1a 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -1,112 +1 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = "./src/index.js");
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./src/css/main.scss":
-/*!***************************!*\
-  !*** ./src/css/main.scss ***!
-  \***************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-eval("// extracted by mini-css-extract-plugin\n\n//# sourceURL=webpack:///./src/css/main.scss?");
-
-/***/ }),
-
-/***/ "./src/index.js":
-/*!**********************!*\
-  !*** ./src/index.js ***!
-  \**********************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _css_main_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./css/main.scss */ \"./src/css/main.scss\");\n/* harmony import */ var _css_main_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_css_main_scss__WEBPACK_IMPORTED_MODULE_0__);\n\n\n\n//# sourceURL=webpack:///./src/index.js?");
-
-/***/ })
-
-/******/ });
\ No newline at end of file
+!function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=0)}([function(e,t,r){"use strict";r.r(t);r(1)},function(e,t,r){}]);
\ No newline at end of file