updated some content

.eleventy.js

@@ -8,9 +8,8 @@ module.exports = (config) => {
   // custom filters
   config.addFilter("makeLowercase", (value) => {
     if (typeof value === 'string' || value instanceof String) {
-      value = value.toLowerCase()
+      return value.toLowerCase()
     }
-    return value
   })
 
   // added passthrough for global assets

_content/teach/index.md

@@ -1,8 +0,0 @@
----
-title: teach
-layout: page.njk
----
-
-# teach
-
-Something about this project

_content/teach/teach.json

@@ -1 +0,0 @@
-{ "category": "teach" }

_content/work/container2mvmnts.md

@@ -3,6 +3,6 @@ title: A Container in Two Movements
 layout: page.njk
 ---
 
-# a Container in two movements
+# A Container in Two Movements
 
 Something about this project

_data/siteSettings.json

@@ -3,6 +3,6 @@
   "categories": [
     "work",
     "audio",
-    "teach"
+    "other"
   ]
 }

_includes/page.njk

@@ -7,7 +7,7 @@
         <img src="{{imgFeat}}" alt="">
       </div>
     {% endif %}
-    
+
     <section class="text {{url}}">
       {{ content | safe}}
     </section>

assets/css/master.css

@@ -229,6 +229,7 @@ nav#sub > ul > li > a {
 /* --> SUBCONTENT CONSTRUCTION <-- */
 section.page {
   display: grid;
+  animation: fadeIn 1s ease;
 }
 
 section.page h1 {
@@ -407,3 +408,14 @@ section.page h1 {
   }
 
 }
+
+/* ANIMATIONS */
+
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}

assets/js/script.js

@@ -1,2 +1,11 @@
 // importing scripts
 import '/assets/js/interaction.js'
+
+// 'page' load transitions
+const pageSection = document.querySelector('section.page')
+
+pageSection.addEventListener('load', (e) => {
+  console.log('div loaded?')
+  console.log(e.target)
+  alert('ehllo')
+})