Refactor JS States and add empty article component

js/article.js

@@ -0,0 +1,6 @@
+export default class Article {
+  constructor(cfg) {
+    this.article = cfg.article;
+    this.metadata = cfg.metadata;
+  }
+}

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],
+    }));
 });

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 {

js/nav.js

@@ -1,5 +1,5 @@
 const CLS = {
-  open: 'Nav--open',
+  open: 'is-open',
 };
 
 export default class Nav {