From a95726ea6b9c75a384423f1cefb7995de81ca2df Mon Sep 17 00:00:00 2001
From: Dan Head <me@danielhead.com>
Date: Mon, 26 Feb 2018 19:11:54 +0000
Subject: [PATCH] Refactor JS States and add empty article component

---
 js/article.js |  6 ++++++
 js/index.js   | 14 +++++++++++---
 js/menu.js    |  4 ++--
 js/nav.js     |  2 +-
 4 files changed, 20 insertions(+), 6 deletions(-)
 create mode 100644 js/article.js

diff --git a/js/article.js b/js/article.js
new file mode 100644
index 0000000..bba379a
--- /dev/null
+++ b/js/article.js
@@ -0,0 +1,6 @@
+export default class Article {
+  constructor(cfg) {
+    this.article = cfg.article;
+    this.metadata = cfg.metadata;
+  }
+}
diff --git a/js/index.js b/js/index.js
index c83f981..0eb62d9 100644
--- a/js/index.js
+++ b/js/index.js
@@ -1,12 +1,20 @@
+import Article from './article';
 import Menu from './menu';
 import Nav from './nav';
 
 document.addEventListener('DOMContentLoaded', () => {
-  const menu = new Menu({
+  const site = {};
+  site.menu = new Menu({
     el: document.querySelector('.Menu'),
   });
-  new Nav({
+  site.nav = new Nav({
     el: document.querySelector('.Nav'),
-    menu,
+    menu: site.menu,
   });
+
+  site.articles = [].slice.call(document.querySelectorAll('.Article'))
+    .map((article, index) => new Article({
+      article,
+      metadata: document.querySelectorAll('.Metadata')[index],
+    }));
 });
diff --git a/js/menu.js b/js/menu.js
index 0899cb5..4923368 100644
--- a/js/menu.js
+++ b/js/menu.js
@@ -1,6 +1,6 @@
 const CLS = {
-  visible: 'Menu--visible',
-  minimized: 'Menu--minimized',
+  visible: 'is-visible',
+  minimized: 'is-minimized',
 };
 
 export default class Menu {
diff --git a/js/nav.js b/js/nav.js
index ec30ede..20f4628 100644
--- a/js/nav.js
+++ b/js/nav.js
@@ -1,5 +1,5 @@
 const CLS = {
-  open: 'Nav--open',
+  open: 'is-open',
 };
 
 export default class Nav {