olpeh · olpeh · Mar 8, 2020 · Mar 8, 2020
diff --git a/.gitignore b/.gitignore
@@ -8,3 +8,7 @@ node_modules
 package-lock\.json
 
 visual-regression-screenshots
+elm-stuff/
+dist/
+.cache/
+gen/
diff --git a/.npmrc b/.npmrc
@@ -0,0 +1,2 @@
+loglevel=warn
+save-exact=true
diff --git a/README.md b/README.md
@@ -1,27 +1,33 @@
-# olavihaapala.fi
+# elm-pages-starter
 
-[![license](http://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat)](https://github.com./olpeh/olpeh.github.io/blob/master/LICENSE)
-[![Lighthouse score: 100/100](https://lighthouse-badge.appspot.com/?score=100)](https://github.com./olpeh/olpeh.github.io)
+[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com./dillonkearns/elm-pages-starter)
 
-A blazing fast personal blog about development: [olavihaapala.fi](https://olavihaapala.fi).
+This is an example repo to get you up and running with `elm-pages`.
 
-Read about [how I set up my blog](https://olavihaapala.fi/2017/11/19/hello-world.html).
+The entrypoint file is `index.js`. That file imports `src/Main.elm`. The `content` folder is turned into your static pages. The rest is mostly determined by logic in the Elm code! Learn more with the resources below.
 
-Read about [how I made my blog blazing fast](https://olavihaapala.fi/2019/02/19/how-i-made-my-blog-blazing-fast.html).
+## Setup Instructions
 
-![4 times 100 in the lighthouse audit.](/images/08-blazing-fast/100.png)
+Click "Use this template" on this Github page to fork the repo.
 
-Site setup inspired by [elmtown.audio](https://github.com./elmtown/elmtown.github.io)
+Or git clone it:
 
-## Running the site locally
+```
+git clone [email protected]:dillonkearns/elm-pages-starter.git
+```
 
-1. Install ruby, bundler and jekyll
-1. Go to the project directory on the terminal
-1. Run `bundle install` to install deps
-1. Install npm dependencies: `yarn`
-1. Run `npm run dev` to serve the site locally
+Then install and run the dev server
 
-## Testing
+```
+cd elm-pages-starter
+npm install
+npm start # starts a local dev server using `elm-pages develop`
+```
 
-Run `npm test`, which currently only runs a test against "production" version for visual regression.
-The idea is to run this test before deploying changes that should not affect layout and then run it again after deploying those changes to verify that no visual regression took place.
+From there you can tweak the `content` folder or change the `src/Main.elm` file.
+
+## Learn more about `elm-pages`
+
+- Documentation site: https://elm-pages.com
+- [Elm Package docs](https://package.elm-lang.org/packages/dillonkearns/elm-pages/latest/)
+- [`elm-pages` blog](https://elm-pages.com/blog)
diff --git a/content/blog/draft.md b/content/blog/draft.md
@@ -0,0 +1,13 @@
+---
+{
+  "type": "blog",
+  "author": "Dillon Kearns",
+  "title": "A Draft Blog Post",
+  "description": "I'm not quite ready to share this post with the world",
+  "image": "/images/article-covers/mountains.jpg",
+  "draft": true,
+  "published": "2019-09-21",
+}
+---
+
+This blog post is a draft! Check out `Index.elm` to see how it's being skipped in the `/blog/` listing page.
diff --git a/content/blog/hello.md b/content/blog/hello.md
@@ -0,0 +1,19 @@
+---
+{
+  "type": "blog",
+  "author": "Dillon Kearns",
+  "title": "Hello `elm-pages`! 🚀",
+  "description": "Here's an intro for my blog post to get you interested in reading more...",
+  "image": "/images/article-covers/hello.jpg",
+  "published": "2019-09-21",
+}
+---
+
+Welcome to my blog! It was built with `elm-pages`!
+
+
+```elm
+plus : number -> number -> number
+plus m n =
+    m + n
+```
diff --git a/content/blog/index.md b/content/blog/index.md
@@ -0,0 +1,4 @@
+---
+title: elm-pages blog
+type: blog-index
+---
diff --git a/content/index.md b/content/index.md
@@ -0,0 +1,14 @@
+---
+title: elm-pages-starter - a simple blog starter
+type: page
+---
+
+This is an example repo to get you up and running with `elm-pages`.
+
+The entrypoint file is `index.js`. That file imports `src/Main.elm`. The `content` folder is turned into your static pages. The rest is mostly determined by logic in the Elm code! Learn more with the resources below.
+
+## Learn more about `elm-pages`
+
+- Documentation site: https://elm-pages.com
+- [Elm Package docs](https://package.elm-lang.org/packages/dillonkearns/elm-pages/latest/)
+- [`elm-pages` blog](https://elm-pages.com/blog)
diff --git a/elm.json b/elm.json
@@ -0,0 +1,59 @@
+{
+    "type": "application",
+    "source-directories": [
+        "src",
+        "gen"
+    ],
+    "elm-version": "0.19.1",
+    "dependencies": {
+        "direct": {
+            "avh4/elm-color": "1.0.0",
+            "dillonkearns/elm-pages": "4.0.0",
+            "dillonkearns/elm-rss": "1.0.0",
+            "dillonkearns/elm-sitemap": "1.0.0",
+            "elm/browser": "1.0.2",
+            "elm/core": "1.0.5",
+            "elm/html": "1.0.0",
+            "elm/http": "2.0.0",
+            "elm/json": "1.1.3",
+            "elm/parser": "1.1.0",
+            "elm/svg": "1.0.1",
+            "elm/time": "1.0.0",
+            "elm/url": "1.0.0",
+            "elm-community/list-extra": "8.2.3",
+            "elm-community/result-extra": "2.3.0",
+            "elm-community/string-extra": "4.0.1",
+            "elm-explorations/markdown": "1.0.0",
+            "justinmimbs/date": "3.2.0",
+            "lukewestby/elm-string-interpolate": "1.0.4",
+            "mdgriffith/elm-markup": "3.0.1",
+            "mdgriffith/elm-ui": "1.1.5",
+            "noahzgordon/elm-color-extra": "1.0.2",
+            "rtfeldman/elm-hex": "1.0.0"
+        },
+        "indirect": {
+            "billstclair/elm-xml-eeue56": "1.0.1",
+            "dmy/elm-imf-date-time": "1.0.1",
+            "elm/bytes": "1.0.8",
+            "elm/file": "1.0.5",
+            "elm/random": "1.0.0",
+            "elm/regex": "1.0.0",
+            "elm/virtual-dom": "1.0.2",
+            "elm-community/dict-extra": "2.4.0",
+            "fredcy/elm-parseint": "2.0.1",
+            "justinmimbs/time-extra": "1.1.0",
+            "lazamar/dict-parser": "1.0.2",
+            "mgold/elm-nonempty-list": "4.1.0",
+            "miniBill/elm-codec": "1.2.0",
+            "ryannhg/date-format": "2.3.0",
+            "tripokey/elm-fuzzy": "5.2.1",
+            "zwilias/json-decode-exploration": "6.0.0"
+        }
+    },
+    "test-dependencies": {
+        "direct": {
+            "elm-explorations/test": "1.2.2"
+        },
+        "indirect": {}
+    }
+}
diff --git a/images/article-covers/hello.jpg b/images/article-covers/hello.jpg
diff --git a/images/article-covers/mountains.jpg b/images/article-covers/mountains.jpg
diff --git a/images/author/dillon.jpg b/images/author/dillon.jpg
diff --git a/images/elm-logo.svg b/images/elm-logo.svg
diff --git a/images/github.svg b/images/github.svg
diff --git a/images/icon-png.png b/images/icon-png.png
diff --git a/images/icon.svg b/images/icon.svg
diff --git a/index.js b/index.js
@@ -0,0 +1,18 @@
+import hljs from "highlight.js/lib/highlight";
+import "highlight.js/styles/github.css";
+import elm from 'highlight.js/lib/languages/elm';
+// we're just importing the syntaxes we want from hljs
+// in order to reduce our JS bundle size
+// see https://bjacobel.com/2016/12/04/highlight-bundle-size/
+hljs.registerLanguage('elm', elm);
+
+
+import "./style.css";
+// @ts-ignore
+window.hljs = hljs;
+const { Elm } = require("./src/Main.elm");
+const pagesInit = require("elm-pages");
+
+pagesInit({
+  mainElmModule: Elm.Main
+});
diff --git a/.prettierrc → legacy/.prettierrc b/.prettierrc → legacy/.prettierrc
diff --git a/404.md → legacy/404.md b/404.md → legacy/404.md
diff --git a/Gemfile → legacy/Gemfile b/Gemfile → legacy/Gemfile
diff --git a/_config.yml → legacy/_config.yml b/_config.yml → legacy/_config.yml
diff --git a/_drafts/.gitkeep → legacy/_drafts/.gitkeep b/_drafts/.gitkeep → legacy/_drafts/.gitkeep
diff --git a/_includes/contact.html → legacy/_includes/contact.html b/_includes/contact.html → legacy/_includes/contact.html
diff --git a/_includes/css/highlight.css → legacy/_includes/css/highlight.css b/_includes/css/highlight.css → legacy/_includes/css/highlight.css
diff --git a/_includes/css/main.css → legacy/_includes/css/main.css b/_includes/css/main.css → legacy/_includes/css/main.css
diff --git a/_includes/css/pixyll.css → legacy/_includes/css/pixyll.css b/_includes/css/pixyll.css → legacy/_includes/css/pixyll.css
diff --git a/_includes/drafts.html → legacy/_includes/drafts.html b/_includes/drafts.html → legacy/_includes/drafts.html
diff --git a/_includes/footer.html → legacy/_includes/footer.html b/_includes/footer.html → legacy/_includes/footer.html
diff --git a/_includes/head.html → legacy/_includes/head.html b/_includes/head.html → legacy/_includes/head.html
diff --git a/_includes/header.html → legacy/_includes/header.html b/_includes/header.html → legacy/_includes/header.html
diff --git a/_includes/navigation.html → legacy/_includes/navigation.html b/_includes/navigation.html → legacy/_includes/navigation.html
diff --git a/_includes/pagination.html → legacy/_includes/pagination.html b/_includes/pagination.html → legacy/_includes/pagination.html
diff --git a/_includes/post-footer.html → legacy/_includes/post-footer.html b/_includes/post-footer.html → legacy/_includes/post-footer.html
diff --git a/_includes/post-header.html → legacy/_includes/post-header.html b/_includes/post-header.html → legacy/_includes/post-header.html
diff --git a/_includes/post-teaser.html → legacy/_includes/post-teaser.html b/_includes/post-teaser.html → legacy/_includes/post-teaser.html
diff --git a/_includes/posts.html → legacy/_includes/posts.html b/_includes/posts.html → legacy/_includes/posts.html
diff --git a/_includes/projects.html → legacy/_includes/projects.html b/_includes/projects.html → legacy/_includes/projects.html
diff --git a/_layouts/base.html → legacy/_layouts/base.html b/_layouts/base.html → legacy/_layouts/base.html
diff --git a/_layouts/default.html → legacy/_layouts/default.html b/_layouts/default.html → legacy/_layouts/default.html
diff --git a/_layouts/empty.html → legacy/_layouts/empty.html b/_layouts/empty.html → legacy/_layouts/empty.html
diff --git a/_layouts/page.html → legacy/_layouts/page.html b/_layouts/page.html → legacy/_layouts/page.html
diff --git a/_layouts/post.html → legacy/_layouts/post.html b/_layouts/post.html → legacy/_layouts/post.html
diff --git a/_posts/2017-11-19-hello-world.md → legacy/_posts/2017-11-19-hello-world.md b/_posts/2017-11-19-hello-world.md → legacy/_posts/2017-11-19-hello-world.md
diff --git a/...4-03-i-learned-frp-by-learning-cyclejs.md → ...4-03-i-learned-frp-by-learning-cyclejs.md b/...4-03-i-learned-frp-by-learning-cyclejs.md → ...4-03-i-learned-frp-by-learning-cyclejs.md
diff --git a/_posts/2018-11-11-visual-regression.md → ...cy/_posts/2018-11-11-visual-regression.md b/_posts/2018-11-11-visual-regression.md → ...cy/_posts/2018-11-11-visual-regression.md
diff --git a/_posts/2018-11-13-react-suspense.md → legacy/_posts/2018-11-13-react-suspense.md b/_posts/2018-11-13-react-suspense.md → legacy/_posts/2018-11-13-react-suspense.md
diff --git a/...-my-opinionated-setup-for-web-projects.md → ...-my-opinionated-setup-for-web-projects.md b/...-my-opinionated-setup-for-web-projects.md → ...-my-opinionated-setup-for-web-projects.md
diff --git a/.../2019-02-04-using-jest-with-typescript.md → .../2019-02-04-using-jest-with-typescript.md b/.../2019-02-04-using-jest-with-typescript.md → .../2019-02-04-using-jest-with-typescript.md
diff --git a/...2019-02-08-runtime-type-checking-in-ts.md → ...2019-02-08-runtime-type-checking-in-ts.md b/...2019-02-08-runtime-type-checking-in-ts.md → ...2019-02-08-runtime-type-checking-in-ts.md
diff --git a/...-02-19-how-i-made-my-blog-blazing-fast.md → ...-02-19-how-i-made-my-blog-blazing-fast.md b/...-02-19-how-i-made-my-blog-blazing-fast.md → ...-02-19-how-i-made-my-blog-blazing-fast.md
diff --git a/...lizing-the-built-in-reactivity-in-mobx.md → ...lizing-the-built-in-reactivity-in-mobx.md b/...lizing-the-built-in-reactivity-in-mobx.md → ...lizing-the-built-in-reactivity-in-mobx.md
diff --git a/...0-how-to-create-and-deploy-a-slack-bot.md → ...0-how-to-create-and-deploy-a-slack-bot.md b/...0-how-to-create-and-deploy-a-slack-bot.md → ...0-how-to-create-and-deploy-a-slack-bot.md
diff --git a/_posts/2019-12-11-we-have-gone-full-circe.md → ...sts/2019-12-11-we-have-gone-full-circe.md b/_posts/2019-12-11-we-have-gone-full-circe.md → ...sts/2019-12-11-we-have-gone-full-circe.md
diff --git a/contact.html → legacy/contact.html b/contact.html → legacy/contact.html
diff --git a/drafts.html → legacy/drafts.html b/drafts.html → legacy/drafts.html
diff --git a/healthcheck.html → legacy/healthcheck.html b/healthcheck.html → legacy/healthcheck.html
diff --git a/images/01-hello-world/cloudfare-crypto.png → ...mages/01-hello-world/cloudfare-crypto.png b/images/01-hello-world/cloudfare-crypto.png → ...mages/01-hello-world/cloudfare-crypto.png
diff --git a/...s/01-hello-world/cloudfare-page-rules.png → ...s/01-hello-world/cloudfare-page-rules.png b/...s/01-hello-world/cloudfare-page-rules.png → ...s/01-hello-world/cloudfare-page-rules.png
diff --git a/images/01-hello-world/dns-louhi.png → legacy/images/01-hello-world/dns-louhi.png b/images/01-hello-world/dns-louhi.png → legacy/images/01-hello-world/dns-louhi.png
diff --git a/images/01-hello-world/gh-pages.png → legacy/images/01-hello-world/gh-pages.png b/images/01-hello-world/gh-pages.png → legacy/images/01-hello-world/gh-pages.png
diff --git a/images/01-hello-world/louhi-name-servers.png → ...ges/01-hello-world/louhi-name-servers.png b/images/01-hello-world/louhi-name-servers.png → ...ges/01-hello-world/louhi-name-servers.png
diff --git a/images/01-hello-world/thumbnail.png → legacy/images/01-hello-world/thumbnail.png b/images/01-hello-world/thumbnail.png → legacy/images/01-hello-world/thumbnail.png
diff --git a/images/01-hello-world/tweet-dns-http.png → .../images/01-hello-world/tweet-dns-http.png b/images/01-hello-world/tweet-dns-http.png → .../images/01-hello-world/tweet-dns-http.png
diff --git a/images/01-hello-world/tweet-https-dat.png → ...images/01-hello-world/tweet-https-dat.png b/images/01-hello-world/tweet-https-dat.png → ...images/01-hello-world/tweet-https-dat.png
diff --git a/images/01-hello-world/tweet-no-https.png → .../images/01-hello-world/tweet-no-https.png b/images/01-hello-world/tweet-no-https.png → .../images/01-hello-world/tweet-no-https.png
diff --git a/images/02-frp-cyclejs/cyclejs.png → legacy/images/02-frp-cyclejs/cyclejs.png b/images/02-frp-cyclejs/cyclejs.png → legacy/images/02-frp-cyclejs/cyclejs.png
diff --git a/images/02-frp-cyclejs/cyclejs.svg → legacy/images/02-frp-cyclejs/cyclejs.svg b/images/02-frp-cyclejs/cyclejs.svg → legacy/images/02-frp-cyclejs/cyclejs.svg
diff --git a/images/02-frp-cyclejs/first-commit.png → ...cy/images/02-frp-cyclejs/first-commit.png b/images/02-frp-cyclejs/first-commit.png → ...cy/images/02-frp-cyclejs/first-commit.png
diff --git a/...p-cyclejs/main-domdriver-side-effects.svg → ...p-cyclejs/main-domdriver-side-effects.svg b/...p-cyclejs/main-domdriver-side-effects.svg → ...p-cyclejs/main-domdriver-side-effects.svg
diff --git a/...-frp-cyclejs/meeting-price-calculator.gif → ...-frp-cyclejs/meeting-price-calculator.gif b/...-frp-cyclejs/meeting-price-calculator.gif → ...-frp-cyclejs/meeting-price-calculator.gif
diff --git a/images/02-frp-cyclejs/nested-components.svg → ...ages/02-frp-cyclejs/nested-components.svg b/images/02-frp-cyclejs/nested-components.svg → ...ages/02-frp-cyclejs/nested-components.svg
diff --git a/images/02-frp-cyclejs/reactive-foo-bar.svg → ...mages/02-frp-cyclejs/reactive-foo-bar.svg b/images/02-frp-cyclejs/reactive-foo-bar.svg → ...mages/02-frp-cyclejs/reactive-foo-bar.svg
diff --git a/images/02-frp-cyclejs/sliderinput.png → legacy/images/02-frp-cyclejs/sliderinput.png b/images/02-frp-cyclejs/sliderinput.png → legacy/images/02-frp-cyclejs/sliderinput.png
diff --git a/images/03-visual-regression/npm.png → legacy/images/03-visual-regression/npm.png b/images/03-visual-regression/npm.png → legacy/images/03-visual-regression/npm.png
diff --git a/...3-visual-regression/visual-regression.gif → ...3-visual-regression/visual-regression.gif b/...3-visual-regression/visual-regression.gif → ...3-visual-regression/visual-regression.gif
diff --git a/...eact-suspense/bundles-before-suspense.png → ...eact-suspense/bundles-before-suspense.png b/...eact-suspense/bundles-before-suspense.png → ...eact-suspense/bundles-before-suspense.png
diff --git a/...-react-suspense/bundles-with-suspense.png → ...-react-suspense/bundles-with-suspense.png b/...-react-suspense/bundles-with-suspense.png → ...-react-suspense/bundles-with-suspense.png
diff --git a/...react-suspense/dan-abramov-on-twitter.png → ...react-suspense/dan-abramov-on-twitter.png b/...react-suspense/dan-abramov-on-twitter.png → ...react-suspense/dan-abramov-on-twitter.png
diff --git a/...t-suspense/lighthouse-before-suspense.png → ...t-suspense/lighthouse-before-suspense.png b/...t-suspense/lighthouse-before-suspense.png → ...t-suspense/lighthouse-before-suspense.png
diff --git a/...act-suspense/lighthouse-with-suspense.png → ...act-suspense/lighthouse-with-suspense.png b/...act-suspense/lighthouse-with-suspense.png → ...act-suspense/lighthouse-with-suspense.png
diff --git a/images/04-react-suspense/react.png → legacy/images/04-react-suspense/react.png b/images/04-react-suspense/react.png → legacy/images/04-react-suspense/react.png
diff --git a/images/04-react-suspense/wsokra.png → legacy/images/04-react-suspense/wsokra.png b/images/04-react-suspense/wsokra.png → legacy/images/04-react-suspense/wsokra.png
diff --git a/images/05-project-setup/gitkraken.png → legacy/images/05-project-setup/gitkraken.png b/images/05-project-setup/gitkraken.png → legacy/images/05-project-setup/gitkraken.png
diff --git a/images/05-project-setup/terminal.png → legacy/images/05-project-setup/terminal.png b/images/05-project-setup/terminal.png → legacy/images/05-project-setup/terminal.png
diff --git a/images/05-project-setup/tools.png → legacy/images/05-project-setup/tools.png b/images/05-project-setup/tools.png → legacy/images/05-project-setup/tools.png
diff --git a/images/06-jest/jest.jpg → legacy/images/06-jest/jest.jpg b/images/06-jest/jest.jpg → legacy/images/06-jest/jest.jpg
diff --git a/images/06-jest/success.jpg → legacy/images/06-jest/success.jpg b/images/06-jest/success.jpg → legacy/images/06-jest/success.jpg
diff --git a/images/07-io-ts/fire.jpg → legacy/images/07-io-ts/fire.jpg b/images/07-io-ts/fire.jpg → legacy/images/07-io-ts/fire.jpg
diff --git a/images/07-io-ts/io-ts-tweet.png → legacy/images/07-io-ts/io-ts-tweet.png b/images/07-io-ts/io-ts-tweet.png → legacy/images/07-io-ts/io-ts-tweet.png
diff --git a/images/07-io-ts/pattern-matching.png → legacy/images/07-io-ts/pattern-matching.png b/images/07-io-ts/pattern-matching.png → legacy/images/07-io-ts/pattern-matching.png
diff --git a/images/08-blazing-fast/100.png → legacy/images/08-blazing-fast/100.png b/images/08-blazing-fast/100.png → legacy/images/08-blazing-fast/100.png
diff --git a/images/08-blazing-fast/bonfire.jpg → legacy/images/08-blazing-fast/bonfire.jpg b/images/08-blazing-fast/bonfire.jpg → legacy/images/08-blazing-fast/bonfire.jpg
diff --git a/images/08-blazing-fast/client-server.png → .../images/08-blazing-fast/client-server.png b/images/08-blazing-fast/client-server.png → .../images/08-blazing-fast/client-server.png
diff --git a/...-blazing-fast/critical-rendering-path.png → ...-blazing-fast/critical-rendering-path.png b/...-blazing-fast/critical-rendering-path.png → ...-blazing-fast/critical-rendering-path.png
diff --git a/images/08-blazing-fast/lighthouse.png → legacy/images/08-blazing-fast/lighthouse.png b/images/08-blazing-fast/lighthouse.png → legacy/images/08-blazing-fast/lighthouse.png
diff --git a/...azing-fast/perf-metrics-load-timeline.png → ...azing-fast/perf-metrics-load-timeline.png b/...azing-fast/perf-metrics-load-timeline.png → ...azing-fast/perf-metrics-load-timeline.png
diff --git a/images/08-blazing-fast/webpagetest.png → ...cy/images/08-blazing-fast/webpagetest.png b/images/08-blazing-fast/webpagetest.png → ...cy/images/08-blazing-fast/webpagetest.png
diff --git a/images/09-mobx/mobx.png → legacy/images/09-mobx/mobx.png b/images/09-mobx/mobx.png → legacy/images/09-mobx/mobx.png
diff --git a/images/10-slack-bot/duplicates.png → legacy/images/10-slack-bot/duplicates.png b/images/10-slack-bot/duplicates.png → legacy/images/10-slack-bot/duplicates.png
diff --git a/images/10-slack-bot/error.jpg → legacy/images/10-slack-bot/error.jpg b/images/10-slack-bot/error.jpg → legacy/images/10-slack-bot/error.jpg
diff --git a/images/10-slack-bot/events.png → legacy/images/10-slack-bot/events.png b/images/10-slack-bot/events.png → legacy/images/10-slack-bot/events.png
diff --git a/images/10-slack-bot/peek.gif → legacy/images/10-slack-bot/peek.gif b/images/10-slack-bot/peek.gif → legacy/images/10-slack-bot/peek.gif
diff --git a/images/10-slack-bot/slack.png → legacy/images/10-slack-bot/slack.png b/images/10-slack-bot/slack.png → legacy/images/10-slack-bot/slack.png
diff --git a/images/10-slack-bot/token.png → legacy/images/10-slack-bot/token.png b/images/10-slack-bot/token.png → legacy/images/10-slack-bot/token.png
diff --git a/images/10-slack-bot/tweet.png → legacy/images/10-slack-bot/tweet.png b/images/10-slack-bot/tweet.png → legacy/images/10-slack-bot/tweet.png
diff --git a/...es/11-ssr/internet_usage_2009_2016_ww.png → ...es/11-ssr/internet_usage_2009_2016_ww.png b/...es/11-ssr/internet_usage_2009_2016_ww.png → ...es/11-ssr/internet_usage_2009_2016_ww.png
diff --git a/images/11-ssr/perf-metrics-load-timeline.png → ...ges/11-ssr/perf-metrics-load-timeline.png b/images/11-ssr/perf-metrics-load-timeline.png → ...ges/11-ssr/perf-metrics-load-timeline.png
diff --git a/images/11-ssr/rmondello.png → legacy/images/11-ssr/rmondello.png b/images/11-ssr/rmondello.png → legacy/images/11-ssr/rmondello.png
diff --git a/images/11-ssr/thomas-lambert-unsplash.jpg → ...images/11-ssr/thomas-lambert-unsplash.jpg b/images/11-ssr/thomas-lambert-unsplash.jpg → ...images/11-ssr/thomas-lambert-unsplash.jpg
diff --git a/images/logo.jpg → legacy/images/logo.jpg b/images/logo.jpg → legacy/images/logo.jpg
diff --git a/images/olavi_haapala.jpg → legacy/images/olavi_haapala.jpg b/images/olavi_haapala.jpg → legacy/images/olavi_haapala.jpg
diff --git a/images/olavi_haapala_960.jpg → legacy/images/olavi_haapala_960.jpg b/images/olavi_haapala_960.jpg → legacy/images/olavi_haapala_960.jpg
diff --git a/images/rss.svg → legacy/images/rss.svg b/images/rss.svg → legacy/images/rss.svg
diff --git a/index.html → legacy/index.html b/index.html → legacy/index.html
diff --git a/js/quicklink.js → legacy/js/quicklink.js b/js/quicklink.js → legacy/js/quicklink.js
diff --git a/legacy/package.json b/legacy/package.json
@@ -0,0 +1,45 @@
+{
+  "name": "olpeh.github.io",
+  "version": "1.0.0",
+  "description": "Personal blog – olavihaapala.fi",
+  "scripts": {
+    "build": "bundle exec jekyll build",
+    "start": "bundle exec jekyll serve",
+    "dev": "bundle exec jekyll serve",
+    "deploy": "npm run build && npm run dat",
+    "dat": "npm run build && rimraf ~/Sites/olpeh.github.io && cp -r _site/ ~/Sites/olpeh.github.io",
+    "test": "mocha test/ --timeout 35000",
+    "format": "prettier --write '{,!(node_modules|_site|js)/**/}*.{ts,js,css,md,html}'"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com./olpeh/olpeh.github.io.git"
+  },
+  "author": "Olavi Haapala",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com./olpeh/olpeh.github.io/issues"
+  },
+  "homepage": "https://github.com./olpeh/olpeh.github.io#readme",
+  "devDependencies": {
+    "@types/mocha": "^5.2.5",
+    "husky": "^1.3.1",
+    "lint-staged": "^8.1.3",
+    "prettier": "^1.16.4",
+    "rimraf": "^2.6.2",
+    "visual-regression": "^0.2.4"
+  },
+  "lint-staged": {
+    "linters": {
+      "*.{ts,js,css,md,html}": [
+        "prettier --write",
+        "git add"
+      ]
+    }
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  }
+}
diff --git a/projects.html → legacy/projects.html b/projects.html → legacy/projects.html
diff --git a/test/visual-regression.test.js → legacy/test/visual-regression.test.js b/test/visual-regression.test.js → legacy/test/visual-regression.test.js
diff --git a/netlify.toml b/netlify.toml
@@ -0,0 +1,3 @@
+[build]
+  publish = "./dist/"
+  command = "export ELM_HOME=\"$NETLIFY_CACHE_DIR/elm\" && npm run build"
diff --git a/package.json b/package.json
@@ -1,45 +1,26 @@
 {
   "name": "olpeh.github.io",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "description": "Personal blog – olavihaapala.fi",
   "scripts": {
-    "build": "bundle exec jekyll build",
-    "start": "bundle exec jekyll serve",
-    "dev": "bundle exec jekyll serve",
-    "deploy": "npm run build && npm run dat",
-    "dat": "npm run build && rimraf ~/Sites/olpeh.github.io && cp -r _site/ ~/Sites/olpeh.github.io",
-    "test": "mocha test/ --timeout 35000",
-    "format": "prettier --write '{,!(node_modules|_site|js)/**/}*.{ts,js,css,md,html}'"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com./olpeh/olpeh.github.io.git"
+    "start": "elm-pages develop",
+    "serve": "npm run build && http-server ./dist -a localhost -p 3000 -c-1",
+    "build": "elm-pages build"
   },
   "author": "Olavi Haapala",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com./olpeh/olpeh.github.io/issues"
   },
   "homepage": "https://github.com./olpeh/olpeh.github.io#readme",
-  "devDependencies": {
-    "@types/mocha": "^5.2.5",
-    "husky": "^1.3.1",
-    "lint-staged": "^8.1.3",
-    "prettier": "^1.16.4",
-    "rimraf": "^2.6.2",
-    "visual-regression": "^0.2.4"
+  "dependencies": {
+    "elm-pages": "1.2.10",
+    "highlight.js": "^9.15.10",
+    "node-sass": "^4.12.0"
   },
-  "lint-staged": {
-    "linters": {
-      "*.{ts,js,css,md,html}": [
-        "prettier --write",
-        "git add"
-      ]
-    }
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
+  "devDependencies": {
+    "elm": "latest-0.19.1",
+    "elm-format": "^0.8.2",
+    "http-server": "^0.11.1"
   }
 }
diff --git a/src/Data/Author.elm b/src/Data/Author.elm
@@ -0,0 +1,48 @@
+module Data.Author exposing (Author, all, decoder, view)
+
+import Element exposing (Element)
+import Html.Attributes as Attr
+import Json.Decode as Decode exposing (Decoder)
+import List.Extra
+import Pages
+import Pages.ImagePath as ImagePath exposing (ImagePath)
+
+
+type alias Author =
+    { name : String
+    , avatar : ImagePath Pages.PathKey
+    , bio : String
+    }
+
+
+all : List Author
+all =
+    [ { name = "Dillon Kearns"
+      , avatar = Pages.images.author.dillon
+      , bio = "Elm developer and educator. Founder of Incremental Elm Consulting."
+      }
+    ]
+
+
+decoder : Decoder Author
+decoder =
+    Decode.string
+        |> Decode.andThen
+            (\lookupName ->
+                case List.Extra.find (\currentAuthor -> currentAuthor.name == lookupName) all of
+                    Just author ->
+                        Decode.succeed author
+
+                    Nothing ->
+                        Decode.fail ("Couldn't find author with name " ++ lookupName ++ ". Options are " ++ String.join ", " (List.map .name all))
+            )
+
+
+view : List (Element.Attribute msg) -> Author -> Element msg
+view attributes author =
+    Element.image
+        (Element.width (Element.px 70)
+            :: Element.htmlAttribute (Attr.class "avatar")
+            :: attributes
+        )
+        { src = ImagePath.toString author.avatar, description = author.name }