Clean up frontend code

src/crankypants/web/views/layouts/blog.slang

@@ -14,8 +14,7 @@ html
           a href="/" = Crankypants.settings.site_title
 
     main
-      .container
-        == content
+      == content
 
     footer role="main"
       .container

src/crankypants/web/views/post_view/index.slang

@@ -1,6 +1,10 @@
 - posts_by_day = posts.group_by { |p| p.created_at.not_nil!.to_s("%B %-d") }
 - posts_by_day.each do |day, posts|
-  h2.day-header = day
+  header role="posts"
+    .container
+      h2.day-header = day
+
   section.posts
-    - posts.each do |post|
-      == PostView._post(post)
+    .container
+      - posts.each do |post|
+        == PostView._post(post)

web/app.coffee

@@ -0,0 +1,21 @@
+# Entrypoint for Crankypants' management app.
+
+import Vue from 'vue'
+
+# add some CSS we want
+import 'normalize.css'
+import '@/directives/v-prism'
+
+# Require the bits and pieces that form our app
+import App from '@/components/App'
+import store from '@/store'
+import router from '@/router'
+
+# CSS
+import "@/styles/app.scss"
+
+new Vue
+  el: '#app'
+  store: store
+  router: router
+  render: (h) -> h(App)

web/blog.coffee

@@ -0,0 +1,18 @@
+# Entrypoint for Crankypants' user-facing blog. Much lighter than its
+# management app (see app.coffee.)
+
+import "normalize.css"
+import "@/styles/blog.scss"
+
+# Yes, we use Turbolinks. Crankypants would already be crazy fast without it,
+# but using Turbolinks also frees the browser from having to reevaluate all
+# JSS and CSS on every request. It's mighty fine!
+import Turbolinks from "turbolinks"
+Turbolinks.start()
+
+# Initialize syntax highlighting.
+import Prism from "@/lib/loadPrism"
+import 'prismjs/themes/prism-okaidia.css'
+
+document.addEventListener "turbolinks:load", ->
+  Prism.highlightAll()

web/app/App.vue → web/components/App.vue

@@ -1,11 +1,12 @@
 <template lang="pug">
   #app
     navigation
-    router-view
+    main
+      router-view
 </template>
 
 <script lang="coffee">
-  import { Navigation } from './components'
+  import Navigation from './Navigation'
 
   export default
     name: 'app'

web/app/v-prism.coffee → web/directives/v-prism.coffee

@@ -1,6 +1,6 @@
 import Vue from "vue"
 
-import Prism from "../shared/loadPrism"
+import Prism from "@/lib/loadPrism"
 import 'prismjs/themes/prism-okaidia.css'
 
 Vue.directive "prism",

web/app/store/mutations.coffee → web/store/mutations.coffee

@@ -1,4 +1,4 @@
-import { removeFrom } from '@/helpers'
+import { removeFrom } from '@/lib/helpers'
 
 export default
   set_posts: (state, posts) ->

web/styles/_code.scss

@@ -0,0 +1,9 @@
+/* Code snippets */
+
+code {
+  font-family: "Source Code Pro", "Menlo", "Lucida Console", Monaco, monospace;
+  font-size: 85%;
+  border-radius: 5px;
+
+  display: inline-block;
+}

web/app/app.scss → web/styles/app.scss

@@ -1,6 +1,6 @@
 @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700");
-@import "../shared/mixins";
-@import "../shared/box-sizing";
+@import "./mixins";
+@import "./box-sizing";
 
 $color: #444;
 $color-light: #bbb;
@@ -142,13 +142,6 @@ blockquote {
   color: #888;
 }
 
-/* Code snippets */
-
-code {
-  display: inline-block;
-  padding-left: 0.5em !important;
-  padding-right: 0.5em !important;
-}
-
 /* etc. */
-@import "../shared/keys";
+@import "./code";
+@import "./keys";

web/blog/blog.scss → web/styles/blog.scss

@@ -2,8 +2,8 @@ $color-background: #fff;
 $color-text: #555;
 $color-link: rgb(94, 142, 186);
 
-@import "../shared/mixins";
-@import "../shared/box-sizing";
+@import "./mixins";
+@import "./box-sizing";
 
 body {
   background-color: $color-background;
@@ -119,14 +119,6 @@ article.post {
   }
 }
 
-/* Code Blocks */
-
-code {
-  font-family: "Source Code Pro", "Lucida Console", Monaco, monospace;
-  font-size: 90%;
-  border-radius: 5px;
-}
-
 /* Block Quotes */
 
 blockquote {
@@ -145,4 +137,5 @@ blockquote {
 }
 
 /* etc. */
-@import "../shared/keys";
+@import "./code";
+@import "./keys";

webpack.config.coffee

@@ -59,8 +59,8 @@ plugins = (env, argv) ->
 
 module.exports = (env, argv) ->
   entry:
-    blog: "./web/blog/index.coffee"
-    app: "./web/app/index.coffee"
+    blog: "./web/blog.coffee"
+    app: "./web/app.coffee"
 
   output:
     path: __dirname + "/public/assets"
@@ -73,7 +73,7 @@ module.exports = (env, argv) ->
   resolve:
     extensions: ["*", ".js", ".coffee", ".vue"]
     alias:
-      "@": path.resolve __dirname, "web/app"
+      "@": path.resolve __dirname, "web"
 
   plugins: plugins(env, argv)