navigation logic, styling, placeholders

js/main.js

@@ -6,13 +6,21 @@ const loadImage = (url) => new Promise((resolve, reject) => {
 });
 
 document.addEventListener('alpine:init', () => {
+  Alpine.data('article', () => ({
+    expanded: false,
+    clicked: false,
+    toggle() {
+      this.expanded = ! this.expanded
+      this.clicked = true
+    }
+  }))
   Alpine.data('logo', () => ({
     logoPhase: 0,
     phases: {
       1: 'images/lf-anim-simple.gif',
       2: 'images/lf-anim.gif',
     },
-    sidebar: true,
+    sidebar: false,
     init() {
       console.log("logo init");
       this.preloadPhase(1);