added essays and fixed subpage menu

Author: zesameri

essays.html

@@ -13,10 +13,10 @@
     <meta name="og:type" content="website">
     <meta name="theme-color" content="#222">
       <!-- Styles -->
+    <link href="./css/subpages.css" rel="stylesheet">
     <link href="./css/crumple.css" rel="stylesheet">
     <link href="./css/font.css" rel="stylesheet">
     <link href="./css/mobile.css" rel="stylesheet">
-    <link href="./css/subpages.css" rel="stylesheet">
     <!-- Webpage Icon -->
     <link rel="shortcut icon" href="./assets/images/icon.png" type="image/png">
     <!-- Fonts -->
@@ -44,6 +44,38 @@ <h1>meredith hoo - essays</h1>
       <p> feel free to leave comments in the links </p>
 
       <dl class="list">
+        <dt> A Select Herstory of Western Civilization:<br> Renaissance to Present Day </dt>
+        <dd class="list__item">
+            <p>
+              Visual art depicts the past, and in this paper I want to further
+              inform the audience of the works that women artist produced, and
+              how it shaped the cultures of their time. The pictures I’ve chosen
+              are feminist. They reveal a part of the female experience that
+              went undocumented by their male counterparts, that changed gender
+              conformity, fought oppression and question the expectations of
+              women as artists and as individuals.
+            </p>
+            <a class="list__link"
+            href="https://docs.google.com/document/d/1gG4apFC9yTtJMtSwt15UstohIDvXsmBkb4RmF9NbqIs/edit?usp=sharing"
+            target="_blank" rel="noopener noreferrer">read more here</a>
+        </dd>
+
+        <dt> Investigating Bauermeister's Rainbow </dt>
+        <dd class="list__item">
+            <p>
+              Although Rainbow creates a relationship between the human experience,
+              the cellular and celestale, it does not project Bauermeister’s own
+              spirituality and experience. Rainbow is valuable in that it is made
+              shortly after her artistic voice in the Fluxus movement and the start
+              of her lense boxes. It culminates her use of art as a way to change
+              our perception of reality, and deviate from absolute truth, adding
+              humanity to her intellectualization of her mother’s illness.
+            </p>
+            <a class="list__link"
+            href="https://docs.google.com/document/d/1-sC-ZLWPw1PrTHkUXT0JH0kvb9_8xWkAzcrGF2Vegao/edit?usp=sharing"
+            target="_blank" rel="noopener noreferrer">read more here</a>
+        </dd>
+
         <dt> Dear Young Programmer, </dt>
         <dd class="list__item">
             <p>

js/main.js

@@ -130,3 +130,25 @@
 	const init = (() => items.forEach(item => new ImgItem(item)))();
 	setTimeout(() => document.body.classList.remove('loading'), 5000);
 };
+
+$(window).scroll(function() {
+  var isMobile = window.matchMedia("only screen and (max-width: 850px)").matches ||
+                  /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+  var isOtherMediaQuery = window.matchMedia("only screen and (min-width:1080px)").matches;
+  if(isMobile && !isOtherMediaQuery) {
+   // some code..
+ } else {
+   var hT = $('#menu').offset().top,
+       hH = $('#menu').outerHeight(),
+       wH = $(window).height(),
+       wS = $(this).scrollTop();
+
+   if (wS > (hT+hH-wH)){
+     $('#footer').addClass("menu-footer");
+     $('#footer').removeClass("hero-footer");
+   } else {
+     $('#footer').addClass("hero-footer");
+     $('#footer').removeClass("menu-footer");
+   }
+ }
+});

poems.html

@@ -13,11 +13,10 @@
     <meta name="og:type" content="website">
     <meta name="theme-color" content="#222">
       <!-- Styles -->
-    <link href="./css/main.css" rel="stylesheet">
+    <link href="./css/subpages.css" rel="stylesheet">
     <link href="./css/crumple.css" rel="stylesheet">
     <link href="./css/font.css" rel="stylesheet">
     <link href="./css/mobile.css" rel="stylesheet">
-    <link href="./css/subpages.css" rel="stylesheet">
     <!-- Webpage Icon -->
     <link rel="shortcut icon" href="./assets/images/icon.png" type="image/png">
     <!-- Fonts -->