diff --git a/.ghci b/.ghci
new file mode 100644
index 0000000..a882c32
--- /dev/null
+++ b/.ghci
@@ -0,0 +1,4 @@
+:set -isrc
+:set -hide-package MonadCatchIO-mtl
+:set -hide-package monads-fd
+:set -XOverloadedStrings
diff --git a/.gitignore b/.gitignore
index d8d3b96..b242d98 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,3 +3,4 @@
 *.scssc
 *.swp
 *.bak
+*venv*
diff --git a/; b/;
new file mode 100644
index 0000000..b9a4f2f
--- /dev/null
+++ b/;
@@ -0,0 +1,59 @@
+from __future__ import with_statement
+from fabric.api import *
+from fabric.contrib.console import confirm
+from fabric.contrib.project import rsync_project
+import fabric.operations as op
+
+env.hosts = ["wes@mgoal.ca:444"]
+
+@task
+def buildTags():
+    with lcd("./build"):
+        local("riot ../src/tags scripts/tags.min.js")
+
+@task
+def buildScss():
+    with lcd("./build"):
+        local("sassc ../src/styles/riotblog.scss > styles/riotblog.min.css")
+
+@task
+def minifyJS():
+    with lcd("./build"):
+        local("uglifyjs ../src/scripts/riotblog.js > scripts/riotblog.min.js")
+
+@task
+def buildVenv():
+    local("virtualenv -p $(which python3) ./venv")
+    with prefix("source ./venv/bin/activate"):
+        local("pip3 install -r requirements.txt")
+    local("mv venv ./build/")
+
+@task
+def copyFiles():
+    local("cp ./{blog.ini,blog.service} ./build/")
+    local("cp ./src/*py ./build/")
+    local("cp ./src/styles/*.css ./build/styles/")
+    local("cp -r ./src/templates ./build/templates")
+
+@task
+def upload():
+    run("mkdir -p ~/build")
+    rsync_project(local_dir="./build/", remote_dir="~/build/", delete=True, exclude=[".git"])
+
+@task
+def serveUp():
+    sudo("cp -r /home/wes/build /srv/riotblog")
+    sudo("cp /home/wes/build/blog.service /etc/systemd/system/blog.service")
+    sudo("systemctl enable blog.service")
+
+@task(default=True)
+def build():
+    local("rm -r ./build")
+    local("mkdir -p build/{scripts,styles}")
+    buildTags()
+    buildScss()
+    minifyJS()
+    buildVenv()
+    copyFiles()
+    upload()
+    serveUp()
diff --git a/Makefile b/Makefile
deleted file mode 100644
index a41de63..0000000
--- a/Makefile
+++ /dev/null
@@ -1,6 +0,0 @@
-default:
-	sass blog.scss > styles/blog.min.css
-	riot tags/ scripts/tags.js
-
-watch:
-	while true; do make ; inotifywait -qre close_write .; done
diff --git a/blog.ini b/blog.ini
new file mode 100755
index 0000000..7ead0a7
--- /dev/null
+++ b/blog.ini
@@ -0,0 +1,17 @@
+[uwsgi]
+wsgi_file = /srv/http/riotblog/website.py
+chdir = /srv/http/riotblog/
+module = website
+callable = app
+virtualenv = /srv/http/riotblog/venv
+uid = http
+gid = http
+
+master = true
+processes = 5
+
+socket = /tmp/blog.sock
+chown-socket = http:http
+chmod-socket = 660
+vacuum = true
+die-on-term  = true
diff --git a/blog.scss b/blog.scss
deleted file mode 100644
index 1d25d1f..0000000
--- a/blog.scss
+++ /dev/null
@@ -1,69 +0,0 @@
-@mixin responsive-block($bw) {
-  @media (max-width: 700px) {
-    max-width: $bw+20%;
-  }
-  @media (max-width: 500px) {
-    max-width: $bw+40%;
-  }
-}
-
-.post-text {
-  text-align: center;
-}
-
-.blog-title {
-  @extend .post-text;
-}
-
-.post {
-  @extend .post-text;
-}
-
-.post-content {
-  max-width: 50%;
-  text-align: justify;
-  font-size: 1.5em;
-  @include responsive-block(50);
-}
-
-.comment-block {
-  max-width: 30%;
-  @include responsive-block(30);
-}
-
-.comments {
-  margin-top: 5%;
-  @extend .comment-block;
-}
-
-.comment {
-  margin-top: 2%;
-  max-width: 40%;
-  @include responsive-block(45);
-}
-
-.comments-loader {
-  margin-top: 2%;
-}
-
-.comment-body {
-  margin-left: 10px;
-  margin-right: 10px;
-}
-
-.postnav {
-  @extend .post-text;
-}
-
-.rounded-button {
-  border-radius: 13px;
-}
-
-.maxinput {
-  background-color: grey;
-}
-
-.maxwarn {
-  margin-top: 15px;
-  @extend .comment-block;
-}
diff --git a/blog.service b/blog.service
new file mode 100644
index 0000000..d67ad3b
--- /dev/null
+++ b/blog.service
@@ -0,0 +1,12 @@
+[Unit]
+Description=My Blargh
+After=network.target
+
+[Service]
+User=http
+Group=http
+WorkingDirectory=/srv/http/riotblog
+ExecStart=/usr/bin/uwsgi --ini /srv/http/riotblog/blog.ini
+
+[Install]
+WantedBy=multi.user.target
diff --git a/build/blog.ini b/build/blog.ini
new file mode 100755
index 0000000..7ead0a7
--- /dev/null
+++ b/build/blog.ini
@@ -0,0 +1,17 @@
+[uwsgi]
+wsgi_file = /srv/http/riotblog/website.py
+chdir = /srv/http/riotblog/
+module = website
+callable = app
+virtualenv = /srv/http/riotblog/venv
+uid = http
+gid = http
+
+master = true
+processes = 5
+
+socket = /tmp/blog.sock
+chown-socket = http:http
+chmod-socket = 660
+vacuum = true
+die-on-term  = true
diff --git a/build/blog.service b/build/blog.service
new file mode 100644
index 0000000..d67ad3b
--- /dev/null
+++ b/build/blog.service
@@ -0,0 +1,12 @@
+[Unit]
+Description=My Blargh
+After=network.target
+
+[Service]
+User=http
+Group=http
+WorkingDirectory=/srv/http/riotblog
+ExecStart=/usr/bin/uwsgi --ini /srv/http/riotblog/blog.ini
+
+[Install]
+WantedBy=multi.user.target
diff --git a/comment.py b/build/comment.py
similarity index 100%
rename from comment.py
rename to build/comment.py
diff --git a/posts.py b/build/posts.py
similarity index 100%
rename from posts.py
rename to build/posts.py
diff --git a/build/scripts/riotblog.min.js b/build/scripts/riotblog.min.js
new file mode 100644
index 0000000..a1e129b
--- /dev/null
+++ b/build/scripts/riotblog.min.js
@@ -0,0 +1 @@
+riot.mount("post",{creator:"wes",title:"A cool post here"});riot.mount("bbutton");
\ No newline at end of file
diff --git a/scripts/tags.js b/build/scripts/tags.min.js
similarity index 100%
rename from scripts/tags.js
rename to build/scripts/tags.min.js
diff --git a/build/styles/riotblog.min.css b/build/styles/riotblog.min.css
new file mode 100644
index 0000000..8fc1a5d
--- /dev/null
+++ b/build/styles/riotblog.min.css
@@ -0,0 +1,57 @@
+.post-text, .blog-title, .post, .postnav {
+  text-align: center; }
+
+.post-content {
+  max-width: 50%;
+  text-align: justify;
+  font-size: 1.5em; }
+
+@media (max-width: 700px) {
+  .post-content {
+    max-width: 70%; } }
+
+@media (max-width: 500px) {
+  .post-content {
+    max-width: 90%; } }
+
+.comment-block, .comments, .maxwarn {
+  max-width: 30%; }
+
+@media (max-width: 700px) {
+  .comment-block, .comments, .maxwarn {
+    max-width: 50%; } }
+
+@media (max-width: 500px) {
+  .comment-block, .comments, .maxwarn {
+    max-width: 70%; } }
+
+.comments {
+  margin-top: 5%; }
+
+.comment {
+  margin-top: 2%;
+  max-width: 40%; }
+
+@media (max-width: 700px) {
+  .comment {
+    max-width: 65%; } }
+
+@media (max-width: 500px) {
+  .comment {
+    max-width: 85%; } }
+
+.comments-loader {
+  margin-top: 2%; }
+
+.comment-body {
+  margin-left: 10px;
+  margin-right: 10px; }
+
+.rounded-button {
+  border-radius: 13px; }
+
+.maxinput {
+  background-color: grey; }
+
+.maxwarn {
+  margin-top: 15px; }
diff --git a/styles/spectre.min.css b/build/styles/spectre.min.css
similarity index 100%
rename from styles/spectre.min.css
rename to build/styles/spectre.min.css
diff --git a/templates/index.html b/build/templates/index.html
similarity index 80%
rename from templates/index.html
rename to build/templates/index.html
index 4ebb71e..01e6b40 100644
--- a/templates/index.html
+++ b/build/templates/index.html
@@ -2,7 +2,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
 <header class="text-center nav navbar">
   <section class="centered page-top navbar-section">
-    <h1 class="blog-title">Null Quantification</h1>
+    <h1 class="blog-title">blog</h1>
   </section>
 </header>
 {% endblock %}
@@ -25,7 +25,7 @@
 {% block styles %}
 
   <link rel="stylesheet" href="/styles/spectre.min.css">
-  <link rel="stylesheet" href="/styles/blog.min.css">
+  <link rel="stylesheet" href="/styles/riotblog.min.css">
 
 {% endblock %}
 
@@ -34,8 +34,8 @@
   <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/ramda/0.22.1/ramda.min.js"></script>
   <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/riot/2.6.7/riot+compiler.min.js"></script>
   <script type="text/javascript" src="//cdn.jsdelivr.net/riot-route/3.0.2/route.min.js"></script>
-  <script type="text/javascript" src="/scripts/tags.js"></script>
-  <script type="text/javascript" src="/scripts/blog.js"></script>
+  <script type="text/javascript" src="/scripts/tags.min.js"></script>
+  <script type="text/javascript" src="/scripts/riotblog.min.js"></script>
 {% endblock %}
 
   </body>
diff --git a/website.py b/build/website.py
similarity index 94%
rename from website.py
rename to build/website.py
index fa786ba..b2b8819 100755
--- a/website.py
+++ b/build/website.py
@@ -2,7 +2,6 @@
 from functools import partial
 
 from flask import abort, Flask, render_template, flash, request, send_from_directory
-from flask_bootstrap import Bootstrap
 from flask_appconfig import AppConfig
 
 from time import sleep
@@ -48,7 +47,7 @@ def NeverWhere(configfile=None):
     @app.route("/scripts/<filename>", methods=("GET", "POST"))
     def send_script(filename):
         print("matched scripts route")
-        return send_from_directory("/home/wes/riotblog/scripts/", filename)
+        return send_from_directory("./scripts", filename)
 
     @app.route("/styles/<filename>", methods=("GET", "POST"))
     def send_style(filename):
@@ -80,7 +79,6 @@ def NeverWhere(configfile=None):
     def page_not_found(path):
         return "Custom failure message"
 
-    Bootstrap(app)
     app.run(debug=True)
     return app
 
diff --git a/fabfile.py b/fabfile.py
new file mode 100644
index 0000000..210e9f4
--- /dev/null
+++ b/fabfile.py
@@ -0,0 +1,57 @@
+from __future__ import with_statement
+from fabric.api import *
+from fabric.contrib.console import confirm
+from fabric.contrib.project import rsync_project
+import fabric.operations as op
+
+env.hosts = ["wes@mgoal.ca:444"]
+
+@task
+def buildTags():
+    with lcd("./build"):
+        local("riot ../src/tags scripts/tags.min.js")
+
+@task
+def buildScss():
+    with lcd("./build"):
+        local("sassc ../src/styles/riotblog.scss > styles/riotblog.min.css")
+
+@task
+def minifyJS():
+    with lcd("./build"):
+        local("uglifyjs ../src/scripts/riotblog.js > scripts/riotblog.min.js")
+
+@task
+def buildVenv():
+    local("virtualenv -p $(which python3) ./venv")
+    with prefix("source ./venv/bin/activate"):
+        local("pip3 install -r requirements.txt")
+    local("mv venv ./build/")
+
+@task
+def copyFiles():
+    local("cp ./{blog.ini,blog.service} ./build/")
+    local("cp ./src/*py ./build/")
+    local("cp ./src/styles/*.css ./build/styles/")
+    local("cp -r ./src/templates ./build/templates")
+
+@task
+def upload():
+    run("mkdir -p ~/build")
+    rsync_project(local_dir="./build/", remote_dir="~/build/", delete=True, exclude=[".git"])
+
+@task
+def serveUp():
+    sudo("cp -r /home/wes/build /srv/riotblog")
+
+@task(default=True)
+def build():
+    local("rm -r ./build")
+    local("mkdir -p build/{scripts,styles}")
+    buildTags()
+    buildScss()
+    minifyJS()
+    buildVenv()
+    copyFiles()
+    upload()
+    serveUp()
diff --git a/requirements.txt b/requirements.txt
new file mode 100644
index 0000000..80435e3
--- /dev/null
+++ b/requirements.txt
@@ -0,0 +1,10 @@
+appdirs==1.4.0
+click==6.7
+Flask==0.12
+itsdangerous==0.24
+Jinja2==2.9.5
+MarkupSafe==0.23
+packaging==16.8
+pyparsing==2.1.10
+six==1.10.0
+Werkzeug==0.11.15
diff --git a/riotblog.cabal b/riotblog.cabal
deleted file mode 100644
index b006271..0000000
--- a/riotblog.cabal
+++ /dev/null
@@ -1,33 +0,0 @@
-Name:                riotblog
-Version:             0.1
-Synopsis:            Project Synopsis Here
-Description:         Project Description Here
-License:             AllRightsReserved
-Author:              Author
-Maintainer:          maintainer@example.com
-Stability:           Experimental
-Category:            Web
-Build-type:          Simple
-Cabal-version:       >=1.2
-
-Executable riotblog
-  hs-source-dirs: src
-  main-is: Main.hs
-
-  Build-depends:
-    base                      >= 4     && < 5,
-    bytestring                >= 0.9.1 && < 0.11,
-    monad-control             >= 1.0   && < 1.1,
-    mtl                       >= 2     && < 3,
-    snap-core                 >= 1.0   && < 1.1,
-    snap-server               >= 1.0   && < 1.1,
-    text                      -any,
-    unordered-containers      -any,
-    data-default              -any,
-    shakespeare               >=2.0.11.2
-
-  if impl(ghc >= 6.12.0)
-    ghc-options: -threaded -Wall -fwarn-tabs -funbox-strict-fields -O2
-                 -fno-warn-unused-do-bind
-  else
-    ghc-options: -threaded -Wall -fwarn-tabs -funbox-strict-fields -O2
diff --git a/src/Main.hs b/src/Main.hs
deleted file mode 100644
index 926b2ea..0000000
--- a/src/Main.hs
+++ /dev/null
@@ -1,28 +0,0 @@
-{-# LANGUAGE OverloadedStrings #-}
-module Main where
-
-import Control.Applicative
-import Snap.Core
-import Snap.Util.FileServe
-import Snap.Http.Server
-import qualified Data.Text.IO as TIO (readFile)
-import Data.Text
-import qualified Data.HashMap.Strict as HM
-import Text.Hamlet
-
-main :: IO ()
-main = quickHttpServe site
-
-site :: Snap ()
-site =
-    ifTop (writeBS "Hello, world! Hey Hey Hey") <|>
-    route [ ("foo", writeBS "bar")
-          , ("echo/:echoparam", echoHandler)
-          ] <|>
-    dir "static" (serveDirectory ".")
-
-echoHandler :: Snap ()
-echoHandler = do
-    param <- getParam "echoparam"
-    maybe (writeBS "must specify echo/param in URL")
-          writeBS param
diff --git a/src/comment.py b/src/comment.py
new file mode 100644
index 0000000..ccc1d42
--- /dev/null
+++ b/src/comment.py
@@ -0,0 +1,18 @@
+from json import dumps
+
+def comment(author, title, text):
+    return {
+            "title"  : title,
+            "author" : author,
+            "text"   : text
+            }
+
+
+testcomments = {
+                1 : dumps(
+                            [
+                                comment("Anonymous Coward", "Some comment?", "super duper awesome comment here"),
+                                comment("Anonymous Coward 3", "Something? IDEK", "super duper worse comment here"),
+                                comment("Anonymous Coward 2", "Some other comment?", "super duper dang terrible comment here")
+                            ])
+                }
diff --git a/src/posts.py b/src/posts.py
new file mode 100644
index 0000000..088b114
--- /dev/null
+++ b/src/posts.py
@@ -0,0 +1 @@
+from functools import total_ordering
diff --git a/scripts/blog.js b/src/scripts/riotblog.js
similarity index 100%
rename from scripts/blog.js
rename to src/scripts/riotblog.js
diff --git a/src/scripts/tags.js b/src/scripts/tags.js
new file mode 100644
index 0000000..27c0de3
--- /dev/null
+++ b/src/scripts/tags.js
@@ -0,0 +1,154 @@
+riot.tag2('bbutton', '<button class="btn rounded-button"> </button>', '', '', function(opts) {
+});
+
+riot.tag2('comment', '<div class="comment centered"> <div class="card"> <div class="card-header"> <h4 class="card-title">{title} by {author}</h4> </div> <div class="card-body comment-body"> {R.join(⁗ ⁗)(R.repeat(text, 20))} </div> </div> </div>', '', '', function(opts) {
+});
+
+riot.tag2('comments', '<div if="{loading}" class="loading comments-loader"> </div> <comment if="{!loading}" each="{comments}" data="{this}"></comment> <textarea onfocus="{clearplaceholder}" onblur="{checkplaceholder}" oninput="{echo}" __disabled="{disabled}" class="{⁗form-input comments centered ⁗ + maxed}" name="textarea" rows="10" cols="50" maxlength="{maxlength}"> {placeholder} </textarea> <div if="{warn}" class="toast toast-danger maxwarn centered"> <button onclick="{closewarning}" class="btn btn-clear float-right"> </button> You\'ve reached the max comment size </div>', '', '', function(opts) {
+
+comments = [];
+maxlength = 700;
+
+placeholder = "Comment here!";
+focused = false;
+maxed = false;
+warn = false;
+disabled = "";
+loading = true;
+
+this.clearplaceholder = function() {
+  if (!this.focused) {
+    this.update({
+      "placeholder" : "",
+      "focused"     : true
+      })
+  }
+}.bind(this)
+
+this.checkplaceholder = function() {
+  if (this.textarea.value.trim().length == 0) {
+    this.update({
+      "placeholder" : "Comment here!",
+      "focused"     : false
+    });
+  }
+}.bind(this)
+
+this.closewarning = function() {
+  this.update({"warn" : false});
+}.bind(this)
+
+this.echo = function(ev) {
+  if (this.textarea.value.length >= maxlength) {
+    this.update({
+      "maxed" : "maxinput",
+      "warn"  : true
+    });
+  }
+  else {
+    this.update({
+      "maxed" : false,
+      "warn"  : false
+    });
+    window.setTimeout(this.closewarning, 5000);
+  }
+}.bind(this)
+
+var self = this;
+
+this.getComments = function(pid) {
+  fetch("/comments/"+pid)
+    .then(
+      function(resp) {
+        return resp.text();
+      })
+    .then(
+      function(body) {
+        self.update(
+          {
+            "comments" : JSON.parse(body),
+            "loading"  : false
+          });
+      });
+}.bind(this)
+
+this.on("mount",
+  function() {
+    this.getComments(self.opts.pid);
+  });
+
+});
+
+riot.tag2('post', '<div class="postnav centered"> <button class="{⁗btn btn-primary ⁗ + (this.pid <= 1 ? ⁗disabled⁗ : ⁗ ⁗) + this.prevloading}" onclick="{prev}">Previous Post</button> <button class="{⁗btn btn-primary ⁗ + (this.nomore ? ⁗disabled⁗ : ⁗ ⁗) + this.nextloading}" onclick="{next}">Next Post</button> </div> <h4 class="post centered" if="{nomore}"> No More Posts! </h4> <div if="{!(loading || nomore)}" class="post centered"> <h4>{opts.title}</h4> <h5>By {opts.creator}</h5> <p class="post-content centered text-break">{content}</p> <div class="divider"></div> <comments pid="{pid}"> </comments> </div>', '', '', function(opts) {
+var self = this;
+
+this.loading = false;
+this.prevloading = "";
+this.nextloading = "";
+
+this.nomore = false
+this.pid = 1;
+content = "";
+
+this.prev = function() {
+  if (self.prevloading || self.nextloading) {
+    return;
+  }
+  self.prevloading = " loading";
+  if (self.nomore) {
+    self.nomore = false;
+  }
+  if (self.pid > 1) {
+    self.pid--;
+    self.setPost(self.pid);
+    self.update();
+  }
+}.bind(this)
+
+this.next = function() {
+  if (self.nextloading || self.prevloading) {
+    return;
+  }
+  self.nextloading = " loading";
+  console.log(self.pid);
+  console.log(self.nomore);
+  if (!self.nomore) {
+    self.pid++;
+    self.setPost(self.pid);
+    self.update();
+  }
+}.bind(this)
+
+this.setPost = function(pid) {
+  self.update();
+  self.loading = true;
+  fetch("/switchpost/"+pid)
+    .then(
+      function(resp) {
+        return resp.text();
+      })
+    .then(
+      function(body) {
+        if (body === "false") {
+          self.nomore = true;
+          route("/");
+          self.update()
+        }
+        else {
+          self.content = R.join(" ")(R.repeat(body, 20));
+          route("/"+pid);
+        }
+
+        self.loading = false;
+        self.prevloading = "";
+        self.nextloading = "";
+        self.update();
+      });
+}
+
+this.on("mount", function() { this.setPost(self.pid) });
+
+});
+
+riot.tag2('posts', '<yield></yield>', '', '', function(opts) {
+});
diff --git a/styles/blog.min.css b/src/styles/riotblog.scss
similarity index 100%
rename from styles/blog.min.css
rename to src/styles/riotblog.scss
diff --git a/src/styles/spectre.min.css b/src/styles/spectre.min.css
new file mode 100644
index 0000000..f27040a
--- /dev/null
+++ b/src/styles/spectre.min.css
@@ -0,0 +1 @@
+/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}html,legend{box-sizing:border-box}pre,textarea{overflow:auto}blockquote p:last-child,pre code{margin-bottom:0}.btn,.menu .menu-item{-webkit-user-select:none}.btn-group .btn.active,.btn-group .btn:active,.btn-group .btn:focus,.btn-group .btn:hover,.input-group .form-input:focus,.input-group .input-group-addon:focus,.input-group .input-group-btn:focus{z-index:99}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#5764c6;text-decoration:underline}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline dotted;text-decoration:underline}.breadcrumb .breadcrumb-item a,.btn,.chip-sm,.menu .menu-item,.menu .menu-item a,.tab .tab-item a{text-decoration:none}b,strong{font-weight:bolder}dfn{font-style:italic}h1{margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}.btn,.chip .chip-content,.chip-sm .chip-name,.label,code{white-space:nowrap}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}*,::after,::before{box-sizing:inherit}html{font-size:10px;line-height:1.42857143;-webkit-tap-highlight-color:transparent}body{margin:0;background:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Hiragino Kaku Gothic Pro",Meiryo,"Malgun Gothic","Helvetica Neue",sans-serif;font-size:1.4rem;overflow-x:hidden}a:focus,a:hover{color:#283176}.disabled,[disabled]{cursor:default;opacity:.75;pointer-events:none}.btn,.form-switch,.hand{cursor:pointer}.btn .icon,.menu .icon,.toast .icon{font-size:1.3333em;line-height:.8em;margin-right:.2rem;vertical-align:-20%}pre,pre code{line-height:1.8rem}h1,h2,h3,h4,h5,h6{color:inherit;font-weight:300;line-height:1.1;margin-bottom:1.5rem;margin-top:2.5rem}h1{font-size:5rem}h2{font-size:4rem}h3{font-size:3rem}h4{font-size:2.4rem}h5{font-size:2rem}h6{font-size:1.6rem}p{margin:0 0 1rem}blockquote{border-left:.2rem solid #ddd;margin-left:0;padding:1rem 2rem}blockquote cite{color:#b3b3b3}ol,ul{margin:2rem 0 2rem 2rem;padding:0}ol ol,ol ul,ul ol,ul ul{margin:1.5rem 0 1.5rem 2rem}ol li,ul li{margin-top:1rem}ul{list-style:disc inside}ul ul{list-style-type:circle}ol{list-style:decimal inside}ol ol{list-style-type:lower-alpha}dl dt{font-weight:700}dl dd{margin:.5rem 0 1.5rem}.lead{font-size:120%}.highlight,code,mark{border-radius:.2rem;display:inline;font-size:1em;padding:.1em .3em;vertical-align:baseline}.highlight,mark{background:#ffe5a3}pre{background:#f9f9f9;border-left:.2rem solid #e2e2e2;margin-bottom:1em;margin-top:1em;padding:1.5rem 2.5rem}code{background:#efefef}.btn,.form-select{vertical-align:middle}pre code{background:0 0;border-left:0;margin-top:0}.btn,.form-input{line-height:1.6rem;-webkit-appearance:none;outline:0}.table{border-collapse:collapse;border-spacing:0;width:100%}.table.table-striped tbody tr:nth-of-type(odd){background:#fcfcfc}.table.table-hover tbody tr:hover{background:#f4f4f4}.table.table-hover tbody tr.selected{background:#f2f2f2}.table td,.table th{border-bottom:.1rem solid #efefef;padding:1.5rem 1rem;text-align:left}.btn,.empty{text-align:center}.table th{border-color:#c9c9c9}.btn{background:#fff;border:.1rem solid #5764c6;border-radius:.3rem;color:#5764c6;display:inline-block;font-size:1.4rem;height:3.2rem;padding:.7rem 1.5rem;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus{background:#f3f4fb}.btn:hover{background:#5764c6;border-color:#4452c0;color:#fff}.btn.active,.btn:active{background:#4452c0;border-color:#3b49af;color:#fff}.btn.btn-primary{background:#5764c6;border-color:#4452c0;color:#fff}.btn.btn-primary:focus{background:#4856c1;border-color:#3b49af;color:#fff}.btn.btn-primary:hover{background:#404fbe;border-color:#35419c;color:#fff}.btn.btn-primary.active,.btn.btn-primary:active{background:#3e4cb6;border-color:#35419c;color:#fff}.btn.btn-primary.loading::after{border-color:transparent transparent #fff #fff}.btn.btn-link{background:0 0;border-color:transparent;color:#5764c6}.btn.btn-link:focus,.btn.btn-link:hover{background:#f4f4f4;color:#35419c}.btn.btn-link.active,.btn.btn-link:active{background:#efefef;color:#283176}.btn.btn-sm{border-radius:.2rem;font-size:1.2rem;height:2.4rem;line-height:1.4rem;padding:.4rem 1rem}.btn.btn-lg{border-radius:.4rem;font-size:1.8rem;height:4.2rem;line-height:2rem;padding:1rem 1.8rem}.btn.btn-block{display:block;width:100%}.btn.btn-clear{background:0 0;border:0;color:#666;height:2rem;margin-left:.3rem;opacity:.45;padding:0}.btn.btn-clear:hover{opacity:.85}.btn.btn-clear::before{content:"\00d7";font-size:2rem}.btn-group{display:inline-flex;display:-ms-inline-flexbox;display:-webkit-inline-flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.btn-group .btn{-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto}.btn-group .btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.1rem}.btn-group .btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.1rem}.btn-group.btn-group-block{display:flex;display:-ms-flexbox;display:-webkit-flex}.form-group:not(:last-child){margin-bottom:1rem}.form-input{background:#fff;border:.1rem solid #c5c5c5;border-radius:.3rem;color:#333;display:block;font-size:1.4rem;height:3.2rem;max-width:100%;padding:.7rem .8rem;position:relative;width:100%}.form-input:focus{border-color:#5764c6}.form-input[disabled]{background:#eeeff2}.form-input.input-sm{border-radius:.2rem;font-size:1.2rem;height:2.4rem;padding:.3rem .6rem}.form-input.input-lg{border-radius:.4rem;font-size:1.6rem;height:4.2rem;line-height:2rem;padding:1rem .8rem}.form-input.input-inline{display:inline-block;vertical-align:middle;width:auto}textarea.form-input{height:auto;line-height:2rem}.form-input.is-success,.has-success .form-input{border-color:#32b643}.form-input.is-danger,.has-danger .form-input{border-color:#e85600}.form-input-hint{color:#888;display:inline-block;margin-top:.4rem}.has-success .form-input-hint,.is-success+.form-input-hint{color:#32b643}.has-danger .form-input-hint,.is-danger+.form-input-hint{color:#e85600}.form-label{display:block;line-height:1.6rem;margin-bottom:.5rem}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.1rem solid #c5c5c5;border-radius:.3rem;font-size:1.4rem;line-height:1.6rem;outline:0;padding:.5rem .8rem}.form-select:not([multiple]){background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) right .75rem center/.8rem 1rem no-repeat #fff;height:3.2rem;padding-right:2.4rem}.form-select:focus{border-color:#5764c6}.form-select::-ms-expand{display:none}.form-select.select-sm{border-radius:.2rem;font-size:1.2rem;height:2.4rem;padding:.4rem 2rem .4rem .6rem}.form-select.select-lg{font-size:1.6rem;height:4.2rem;line-height:2rem;padding:1rem 2.4rem 1rem .8rem}.form-checkbox input,.form-radio input,.form-switch input{clip:rect(0,0,0,0);height:.1rem;margin:-.1rem;overflow:hidden;position:absolute;width:.1rem}.form-checkbox,.form-radio{cursor:pointer;display:inline-block;line-height:1.8rem;padding:.3rem 2rem;position:relative}.form-checkbox .form-icon,.form-radio .form-icon{border:.1rem solid #c5c5c5;display:inline-block;font-size:1.4rem;height:1.4rem;left:0;line-height:2.4rem;outline:0;padding:0;position:absolute;top:.5rem;transition:all .15s ease;vertical-align:top;width:1.4rem}.form-checkbox input:checked+.form-icon::after,.form-checkbox input:indeterminate+.form-icon::after,.form-radio input:checked+.form-icon::after{left:50%;position:absolute;top:50%;content:""}.form-checkbox:hover .form-icon,.form-radio:hover .form-icon{border-color:#929292}.form-checkbox input:focus+.form-icon,.form-radio input:focus+.form-icon{border-color:#5764c6}.form-checkbox input:checked+.form-icon,.form-radio input:checked+.form-icon{background:#5764c6;border-color:#5764c6}.form-checkbox input:active+.form-icon,.form-radio input:active+.form-icon{background:#efefef}.form-checkbox .form-icon{border-radius:.2rem}.form-checkbox input:checked+.form-icon::after{background-clip:padding-box;border:.2rem solid #fff;border-left-width:0;border-top-width:0;height:1rem;margin-left:-.3rem;margin-top:-.6rem;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:.6rem}.form-checkbox input:indeterminate+.form-icon{background:#5764c6;border-color:#5764c6}.form-checkbox input:indeterminate+.form-icon::after{background:#fff;height:.2rem;margin-left:-.4rem;margin-top:-.1rem;width:.8rem}.form-radio .form-icon{border-radius:.7rem}.form-radio input:checked+.form-icon::after{background:#fff;border-radius:.2rem;height:.4rem;margin-left:-.2rem;margin-top:-.2rem;width:.4rem}.form-switch{display:inline-block;line-height:2rem;padding:.3rem 2rem .3rem 3.6rem;position:relative}.form-switch .form-icon{background:#c5c5c5;background-clip:padding-box;border:.1rem solid #c5c5c5;border-radius:.9rem;display:inline-block;height:1.8rem;left:0;line-height:2.6rem;outline:0;padding:0;position:absolute;top:.4rem;vertical-align:top;width:3rem}.form-switch .form-icon::after{background:#fff;border-radius:.8rem;content:"";display:block;height:1.6rem;left:0;position:absolute;top:0;transition:left .15s ease;width:1.6rem}.form-switch input:checked+.form-icon{background:#5764c6;border-color:#5764c6}.form-switch input:checked+.form-icon::after{left:1.2rem}.form-switch input:active+.form-icon::after{background:#efefef}.input-group{display:flex;display:-ms-flexbox;display:-webkit-flex}.input-group .input-group-addon{background:#f9f9f9;border:.1rem solid #c5c5c5;border-radius:.3rem;line-height:1.6rem;padding:.7rem .8rem}.input-group .input-group-addon.addon-sm{font-size:1.2rem;padding:.3rem .6rem}.input-group .input-group-addon.addon-lg{font-size:1.6rem;line-height:2rem;padding:1rem .8rem}.input-group .input-group-addon,.input-group .input-group-btn{-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto}.input-group .form-input:first-child:not(:last-child),.input-group .input-group-addon:first-child:not(:last-child),.input-group .input-group-btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.input-group .form-input:not(:first-child):not(:last-child),.input-group .input-group-addon:not(:first-child):not(:last-child),.input-group .input-group-btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.1rem}.input-group .form-input:last-child:not(:first-child),.input-group .input-group-addon:last-child:not(:first-child),.input-group .input-group-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.1rem}.label{background:#efefef;border-radius:.2rem;color:#666;display:inline;font-size:1em;padding:.1em .3em;vertical-align:baseline}.avatar,.chip-sm{vertical-align:middle}.label.label-primary{background:#5764c6;border-color:#4f5dc3;color:#fff}.label.label-primary a{color:#fff}.label.label-primary a:active,.label.label-primary a:focus,.label.label-primary a:hover{opacity:.75}.img-responsive{display:block;height:auto;max-width:100%}.video-responsive{height:0;overflow:hidden;padding-bottom:56.25%;padding-top:3rem;position:relative}.video-responsive embed,.video-responsive iframe,.video-responsive object{height:100%;left:0;position:absolute;top:0;width:100%}.video-responsive video{height:auto;max-width:100%;width:100%}.video-responsive-4-3{padding-bottom:75%}.container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;width:100%}@media screen and (min-width:980px){.grid-960{width:98rem}}@media screen and (min-width:500px){.grid-480{width:50rem}}.columns{display:flex;display:-ms-flexbox;display:-webkit-flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-1rem;margin-right:-1rem}.columns.col-gapless{margin-left:0;margin-right:0}.columns.col-gapless .column{padding-left:0;padding-right:0}.column,.form-horizontal{padding:1rem}.columns.col-oneline{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}.chip .chip-content,.chip-sm .chip-name,.tooltip::after{overflow:hidden;text-overflow:ellipsis}.column{-webkit-flex:1;-ms-flex:1;flex:1}.column.col-1,.column.col-10,.column.col-11,.column.col-12,.column.col-2,.column.col-3,.column.col-4,.column.col-5,.column.col-6,.column.col-7,.column.col-8,.column.col-9{-webkit-flex:none;-ms-flex:none;flex:none}.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}@media screen and (max-width:960px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{-webkit-flex:none;-ms-flex:none;flex:none}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}}@media screen and (max-width:840px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{-webkit-flex:none;-ms-flex:none;flex:none}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}}@media screen and (max-width:600px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{-webkit-flex:none;-ms-flex:none;flex:none}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}}.form-horizontal .form-group{display:flex;display:-ms-flexbox;display:-webkit-flex}.form-horizontal .form-label{margin-bottom:0;padding:.8rem .4rem}.form-horizontal .form-checkbox,.form-horizontal .form-radio{margin:.5rem 0}@media screen and (max-width:480px){.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{-webkit-flex:none;-ms-flex:none;flex:none}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.hide-xs{display:none!important}}@media screen and (max-width:600px){.hide-sm{display:none!important}}@media screen and (max-width:840px){.hide-md{display:none!important}}@media screen and (max-width:960px){.hide-lg{display:none!important}}@media screen and (max-width:1280px){.hide-xl{display:none!important}}.empty{background:#f8f8f8;border-radius:.3rem;padding:4rem}.avatar,.avatar img{border-radius:50%;position:relative}.empty .empty-title{font-size:1.8rem;margin:1.5rem 0 .5rem}.empty .empty-meta{color:#888}.empty .empty-action{margin-top:1.5rem}.avatar{display:inline-block;font-size:1.4rem;font-weight:300;height:3.2rem;line-height:1;margin:0;width:3.2rem}.avatar.avatar-xs{font-size:.8rem;height:1.6rem;width:1.6rem}.avatar.avatar-sm{font-size:1rem;height:2.4rem;width:2.4rem}.avatar.avatar-lg{font-size:2rem;height:4.8rem;width:4.8rem}.avatar.avatar-xl{font-size:2.6rem;height:6.4rem;width:6.4rem}.avatar img{height:100%;width:100%;z-index:99}.avatar .avatar-icon{background:#fff;bottom:-.2em;height:50%;padding:5%;position:absolute;right:-.2em;width:50%}.avatar[data-initial]::after{color:#fff;content:attr(data-initial);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:0}.chip{-webkit-align-content:space-around;align-content:space-around;-webkit-align-items:center;align-items:center;border:.1rem solid transparent;border-radius:.3rem;display:flex;display:-ms-flexbox;display:-webkit-flex;-ms-flex-align:center;-ms-flex-line-pack:distribute;list-style:none;margin:0;padding:.5rem 0}.chip .chip-icon{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.chip .chip-content{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;padding:0 1rem}.chip .chip-action{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.chip .chip-title{font-size:1.4rem}.chip .chip-meta{color:#b3b3b3;font-size:1.2rem}.chip-sm{-webkit-align-items:center;align-items:center;background:#eff1fa;border-radius:.3rem;color:#666;display:-ms-inline-flexbox;display:inline-flex;display:-webkit-inline-flex;-ms-flex-align:center;font-size:1.2rem;height:2.4rem;max-width:100%;padding:.3rem .6rem}.chip-sm:focus,.chip-sm:hover{background:#e8eaf7}.chip-sm .btn-clear{margin-top:-.2rem}.chip-sm .btn-clear::before{color:#3b49af;font-size:1.6rem}.chip-sm.selected{background:#5764c6;color:#fff}.chip-sm.selected .btn-clear::before{color:#eff1fa}.chip-sm .chip-name{margin-left:.4rem}.chip-sm .avatar{font-size:.8rem;height:1.6rem;width:1.6rem}.form-autocomplete{position:relative}.form-autocomplete .form-autocomplete-input{background:#fff;border:.1rem solid #c5c5c5;border-radius:.3rem;color:#333;display:block;font-size:1.4rem;line-height:1.6rem;max-width:100%;min-height:3.2rem;outline:0;padding:.3rem .3rem 0;width:100%}.form-autocomplete .form-autocomplete-input .chip-sm{margin-bottom:.3rem}.form-autocomplete .form-autocomplete-input .form-input{background:#fff;border-color:transparent;display:inline-block;height:2.4rem;margin-bottom:.3rem;padding:.3rem;vertical-align:top;width:auto}.form-autocomplete .form-autocomplete-list{background:#fff;border:.1rem solid #d2d2d2;border-radius:.3rem;box-shadow:0 .1rem .2rem rgba(0,0,0,.15);display:block;height:auto;left:0;margin:.3rem 0 0;padding:.5rem;position:absolute;top:100%;width:100%;z-index:1988}.menu,.modal-container,.shadow{box-shadow:0 .1rem .4rem rgba(0,0,0,.3)}.form-autocomplete .form-autocomplete-item{border-radius:.3rem;display:block;margin-top:.1rem;padding:.2rem 1rem}.form-autocomplete .form-autocomplete-item:focus,.form-autocomplete .form-autocomplete-item:hover{background:#fff}.form-autocomplete .form-autocomplete-item.active{background:#eff1fa}.tooltip{position:relative}.tooltip::after{background:rgba(51,51,51,.9);border-radius:.3rem;bottom:100%;color:#fff;content:attr(data-tooltip);display:block;font-size:1.2rem;left:50%;line-height:1.6rem;max-width:32rem;opacity:0;padding:.6rem 1rem;pointer-events:none;position:absolute;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);transition:all .216s ease;z-index:99}.tooltip:focus::after,.tooltip:hover::after{opacity:1;-webkit-transform:translate(-50%,-.5rem);-ms-transform:translate(-50%,-.5rem);transform:translate(-50%,-.5rem)}.toast.toast-danger a:active,.toast.toast-danger a:focus,.toast.toast-danger a:hover,.toast.toast-primary a:active,.toast.toast-primary a:focus,.toast.toast-primary a:hover,.toast.toast-success a:active,.toast.toast-success a:focus,.toast.toast-success a:hover{opacity:.75}.tooltip.disabled,.tooltip[disabled]{pointer-events:auto}.tooltip.tooltip-right::after{bottom:50%;left:100%;-webkit-transform:translate(0,50%);-ms-transform:translate(0,50%);transform:translate(0,50%)}.tooltip.tooltip-right:focus::after,.tooltip.tooltip-right:hover::after{-webkit-transform:translate(.5rem,50%);-ms-transform:translate(.5rem,50%);transform:translate(.5rem,50%)}.tooltip.tooltip-bottom::after{bottom:auto;top:100%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}.tooltip.tooltip-bottom:focus::after,.tooltip.tooltip-bottom:hover::after{-webkit-transform:translate(-50%,.5rem);-ms-transform:translate(-50%,.5rem);transform:translate(-50%,.5rem)}.tooltip.tooltip-left::after{bottom:50%;left:auto;right:100%;-webkit-transform:translate(0,50%);-ms-transform:translate(0,50%);transform:translate(0,50%)}.tooltip.tooltip-left:focus::after,.tooltip.tooltip-left:hover::after{-webkit-transform:translate(-.5rem,50%);-ms-transform:translate(-.5rem,50%);transform:translate(-.5rem,50%)}.badge{position:relative}.badge[data-badge]::after{background:#5764c6;background-clip:padding-box;border:.1rem solid #fff;border-radius:1rem;color:#fff;content:attr(data-badge);display:inline-block;font-size:1.1rem;height:1.8rem;line-height:1.2rem;min-width:1.8rem;padding:.2rem .5rem;text-align:center;-webkit-transform:translate(-.2rem,-.8rem);-ms-transform:translate(-.2rem,-.8rem);transform:translate(-.2rem,-.8rem);white-space:nowrap}.menu,.toast{display:block}.toast{background:#efefef;border:.1rem solid #eaeaea;border-radius:.3rem;color:#666;padding:1.4rem;width:100%}.menu,.menu .menu-item,.menu .menu-item a,.modal-container{border-radius:.3rem}.toast.toast-danger,.toast.toast-danger .btn-clear,.toast.toast-danger a,.toast.toast-primary .btn-clear,.toast.toast-primary a,.toast.toast-success,.toast.toast-success .btn-clear,.toast.toast-success a{color:#fff}.toast.toast-primary{background:#5764c6;border-color:#4f5dc3;color:#fff}.toast.toast-success{background:#32b643;border-color:#30ae40}.toast.toast-danger{background:#e85600;border-color:#de5200}.menu{background:#fff;margin:0;padding:.5rem;text-align:left;z-index:999}.menu .menu-header,.menu .menu-item,.menu .menu-item a{display:block;padding:.2rem 1rem}.menu .menu-item{color:#333;line-height:2.4rem;margin-top:.1rem;-moz-user-select:none;-ms-user-select:none;user-select:none}.menu .menu-item a{color:inherit;margin:-.2rem -1rem}.menu .menu-item a:focus,.menu .menu-item a:hover{color:#5764c6}.menu .menu-item a.active,.menu .menu-item a:active{background:#eff1fa;color:#4452c0}.menu .menu-header{color:#ccc;font-size:1.2rem;line-height:1.8rem;margin-top:0}.menu .menu-header .menu-header-text{background:#fff;display:inline-block;margin-left:-.6rem;padding:0 .6rem;position:relative;z-index:99}.menu .menu-header::after{border-bottom:.1rem solid #efefef;content:"";display:block;height:.1rem;-webkit-transform:translateY(-1rem);-ms-transform:translateY(-1rem);transform:translateY(-1rem);width:100%}.breadcrumb,.pagination,.tab{list-style:none;margin:.5rem 0}.breadcrumb{padding:1.2rem}.breadcrumb .breadcrumb-item{display:inline-block;margin:0}.breadcrumb .breadcrumb-item:last-child,.breadcrumb .breadcrumb-item:last-child a{color:#666;pointer-events:none}.breadcrumb .breadcrumb-item:not(:last-child)::after{color:#c5c5c5;content:"/";padding:0 .4rem}.tab{display:flex;display:-ms-flexbox;display:-webkit-flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.tab .tab-item{border-bottom:.1rem solid #c5c5c5;margin-top:0}.tab .tab-item a{border-bottom:.2rem solid transparent;color:#333;display:block;margin-bottom:-.1rem;margin-top:0;padding:.8rem 1.4rem}.pagination,.pagination .page-item,.pagination .page-item a{display:inline-block}.tab .tab-item a:focus,.tab .tab-item a:hover{color:#5764c6}.tab .tab-item a.active,.tab .tab-item.active a{border-bottom-color:#3b49af;color:#3b49af}.tab .tab-item .badge[data-badge]::after{position:absolute;right:-1.4rem;top:1rem;-webkit-transform:translate(-50%,-1rem);-ms-transform:translate(-50%,-1rem);transform:translate(-50%,-1rem)}.tab.tab-block .tab-item{-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;text-align:center}.pagination{padding:1.2rem}.pagination .page-item span{display:inline-block;padding:.6rem .5rem}.pagination .page-item a{border-radius:.3rem;margin:0 .1rem;padding:.6rem 1.2rem;text-decoration:none}.pagination .page-item a:focus,.pagination .page-item a:hover{background:#eff1fa}.pagination .page-item.active a{background:#5764c6;color:#fff}.modal{-webkit-align-items:center;align-items:center;bottom:0;display:none;-ms-flex-align:center;-ms-flex-pack:center;-ms-grid-row-align:center;-webkit-justify-content:center;justify-content:center;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0}.modal.active{display:flex;display:-ms-flexbox;display:-webkit-flex;opacity:1;z-index:1988}.modal.active .modal-overlay{background:rgba(0,0,0,.75);bottom:0;display:block;left:0;position:absolute;right:0;top:0}.card,.modal-container{background:#fff;display:block}.modal.active .modal-container{-webkit-animation:slide-down .216s;animation:slide-down .216s}.modal-container{-webkit-animation:slide-up .216s;animation:slide-up .216s;margin:0 auto;padding:0;text-align:left;z-index:1988}.modal-container .modal-header{padding:1.5rem}.modal-container .modal-header .modal-title{font-size:1.5rem;margin:0}.modal-container .modal-body{max-height:50vh;overflow-y:auto;padding:1.5rem;position:relative}.text-clip,.text-ellipsis{overflow:hidden;white-space:nowrap}.modal-container .modal-footer{padding:1.5rem;text-align:right}.card,.text-left{text-align:left}@media screen and (min-width:640px){.modal-container{width:64rem}}@media screen and (min-width:320px){.modal-sm .modal-container{width:32rem}}.card{border:.1rem solid #efefef;border-radius:.3rem;margin:0;padding:0;z-index:999}.card .card-body,.card .card-footer,.card .card-header{padding:1.5rem 1.5rem 0}.card .card-body:last-child,.card .card-footer:last-child,.card .card-header:last-child{padding-bottom:1.5rem}.card .card-image{padding-top:1.5rem}.card .card-image:first-child{padding-top:0}.card .card-image:first-child img{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.card .card-image:last-child img{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.card .card-title{font-size:1.4em;line-height:1;margin-bottom:.5rem;margin-top:0}.card .card-meta{color:#b3b3b3;font-size:1em;margin-bottom:0;margin-top:0}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes slide-down{0%{margin-top:-3rem;opacity:0}100%{margin-top:0;opacity:1}}@keyframes slide-down{0%{margin-top:-3rem;opacity:0}100%{margin-top:0;opacity:1}}.clearfix::after,.container::after{clear:both;content:"";display:table}.block,.centered{display:block}.float-left{float:left!important}.float-right{float:right!important}.rel{position:relative}.abs{position:absolute}.fixed{position:fixed}.centered{float:none;margin-left:auto;margin-right:auto}.mt-10{margin-top:1rem}.mr-10{margin-right:1rem}.mb-10{margin-bottom:1rem}.ml-10{margin-left:1rem}.mt-5{margin-top:.5rem}.mr-5{margin-right:.5rem}.mb-5{margin-bottom:.5rem}.ml-5{margin-left:.5rem}.pt-10{padding-top:1rem}.pr-10{padding-right:1rem}.pb-10{padding-bottom:1rem}.pl-10{padding-left:1rem}.pt-5{padding-top:.5rem}.pr-5{padding-right:.5rem}.pb-5{padding-bottom:.5rem}.pl-5{padding-left:.5rem}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex;display:-ms-flexbox;display:-webkit-flex}.inline-flex{display:inline-flex;display:-ms-inline-flexbox;display:-webkit-inline-flex}.hide{display:none!important}.visible{visibility:visible}.invisible{visibility:hidden}.text-hide{background:0 0;border:0;color:transparent;font:0/0 a;text-shadow:none}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-normal{font-weight:400}.text-bold{font-weight:700}.text-italic{font-style:italic}.text-ellipsis{text-overflow:ellipsis}.text-clip{text-overflow:clip}.text-break{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-break:break-word;word-wrap:break-word}.light-shadow{box-shadow:0 .1rem .2rem rgba(0,0,0,.15)}.rounded{border-radius:.3rem}.circle{border-radius:50%}.divider{border-bottom:.1rem solid #efefef;display:block;margin:.5rem}.loading{color:transparent!important;min-height:1.6rem;pointer-events:none;position:relative}.loading::after{-webkit-animation:loading .5s infinite linear;animation:loading .5s infinite linear;border:.2rem solid #5764c6;border-radius:.8rem;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:1.6rem;left:50%;margin-left:-.8rem;margin-top:-.8rem;position:absolute;top:50%;width:1.6rem}
\ No newline at end of file
diff --git a/tags/bbutton.tag b/src/tags/bbutton.tag
similarity index 100%
rename from tags/bbutton.tag
rename to src/tags/bbutton.tag
diff --git a/tags/comment.tag b/src/tags/comment.tag
similarity index 100%
rename from tags/comment.tag
rename to src/tags/comment.tag
diff --git a/tags/comments.tag b/src/tags/comments.tag
similarity index 100%
rename from tags/comments.tag
rename to src/tags/comments.tag
diff --git a/tags/post.tag b/src/tags/post.tag
similarity index 100%
rename from tags/post.tag
rename to src/tags/post.tag
diff --git a/tags/posts.tag b/src/tags/posts.tag
similarity index 100%
rename from tags/posts.tag
rename to src/tags/posts.tag
diff --git a/src/templates/index.html b/src/templates/index.html
new file mode 100644
index 0000000..01e6b40
--- /dev/null
+++ b/src/templates/index.html
@@ -0,0 +1,42 @@
+{% block head %}
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+<header class="text-center nav navbar">
+  <section class="centered page-top navbar-section">
+    <h1 class="blog-title">blog</h1>
+  </section>
+</header>
+{% endblock %}
+
+<html>
+  <body>
+    {% block content %}
+
+    <posts>
+      <post></post>
+    </posts>
+    <editor>
+    </editor>
+
+    {% endblock %}
+
+    <footer class="footer">
+    </footer>
+
+{% block styles %}
+
+  <link rel="stylesheet" href="/styles/spectre.min.css">
+  <link rel="stylesheet" href="/styles/riotblog.min.css">
+
+{% endblock %}
+
+{% block scripts %}
+  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/fetch/1.0.0/fetch.min.js"></script>
+  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/ramda/0.22.1/ramda.min.js"></script>
+  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/riot/2.6.7/riot+compiler.min.js"></script>
+  <script type="text/javascript" src="//cdn.jsdelivr.net/riot-route/3.0.2/route.min.js"></script>
+  <script type="text/javascript" src="/scripts/tags.min.js"></script>
+  <script type="text/javascript" src="/scripts/riotblog.min.js"></script>
+{% endblock %}
+
+  </body>
+</html>
diff --git a/src/website.py b/src/website.py
new file mode 100755
index 0000000..b2b8819
--- /dev/null
+++ b/src/website.py
@@ -0,0 +1,88 @@
+#! /usr/bin/python3
+from functools import partial
+
+from flask import abort, Flask, render_template, flash, request, send_from_directory
+from flask_appconfig import AppConfig
+
+from time import sleep
+
+from urllib.parse import unquote
+from urllib.parse import quote, unquote
+from json import dumps, loads
+
+from comment import testcomments
+
+from werkzeug.contrib.cache import MemcachedCache
+cache = MemcachedCache(['127.0.0.1:11211'])
+
+import os
+
+def cacheit(key, thunk):
+    """
+    Tries to find a cached version of ``key''
+    If there is no cached version then it will
+    evaluate thunk (which must be a generator)
+    and cache that, then return the result
+    """
+    cached = cache.get(quote(key))
+    if cached is None:
+        result = list(thunk())
+        cache.set(quote(key), result)
+        return result
+    return cached
+
+def NeverWhere(configfile=None):
+
+    app = Flask(__name__)
+    app.config["TEMPLATES_AUTO_RELOAD"] = True
+    #def favicon():
+        #return send_from_directory("/srv/http/goal/favicon.ico",
+                                   #'favicon.ico', mimetype='image/vnd.microsoft.icon')
+
+    @app.route("/", methods=("GET", "POST"))
+    def index():
+        print("matched index")
+        return render_template("index.html")
+
+    @app.route("/scripts/<filename>", methods=("GET", "POST"))
+    def send_script(filename):
+        print("matched scripts route")
+        return send_from_directory("./scripts", filename)
+
+    @app.route("/styles/<filename>", methods=("GET", "POST"))
+    def send_style(filename):
+        return send_from_directory("./styles", filename)
+
+    @app.route("/switchpost/<pid>")
+    def switchPost(pid):
+        posts = {
+                    "1" : "Post one is changed! ",
+                    "2" : "Post two here and it's changed! "
+                }
+        return posts.get(pid, "false")
+
+
+    @app.route("/comments/<pid>")
+    def comments(pid):
+        sleep(5);
+        try:
+            return testcomments.get(int(pid), dumps([]))
+        except ValueError as e:
+            print(e)
+            return dumps([])
+
+    @app.route("/insert/<pid>")
+    def insert(pid):
+        print("inserting new post")
+
+    @app.route("/<path:path>")
+    def page_not_found(path):
+        return "Custom failure message"
+
+    app.run(debug=True)
+    return app
+
+app = NeverWhere()
+
+if __name__ == "__main__":
+    NeverWhere("./appconfig").run(host="localhost", port=8001, debug=True)
diff --git a/stack.yaml b/stack.yaml
deleted file mode 100644
index acd723d..0000000
--- a/stack.yaml
+++ /dev/null
@@ -1,7 +0,0 @@
-flags: {}
-extra-package-dbs: []
-packages:
-- '.'
-extra-deps:
-- ginger-0.3.7.2
-resolver: lts-7.12