Add more refinements

energee · Sep 20, 2023 · bf741e6 · bf741e6
1 parent cc65173
commit bf741e6
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 28 deletions.
diff --git a/_includes/event.html b/_includes/event.html
@@ -1,12 +1,13 @@
-<span class="event" data-date="{{ event.date }}">
+<div class="event" data-date="{{ event.date }}">
   <a href="{{ event.site }}" target="_blank">
     {% if event.site %}
       <b>{{ event.vendor }}</b>
     {% else %}
       <b>{{ event.vendor }}</b>
     {% endif %}
-    <span class="date">{{ event.date | date: '%b %-d' }}</span>
-    / <span class="time">{{ event.time }}</span>
+    <span class="date-time">
+      <span class="date">{{ event.date | date: '%b %-d' }}</span>
+      / <span class="time">{{ event.time }}</span>
+    </span>
   </a>
-  <br>
-</span>
+</div>
diff --git a/_includes/events.html b/_includes/events.html
@@ -2,11 +2,13 @@
   <h2>Events</h2>
   <div class="events schedule padded-section">
     {% assign currentWeek = site.time | date: "%W" %}
+    {% assign count = 0 %}
     {% for event in site.data.events %}
       {% if event.site %}
         {% assign postWeek = event.date | date: "%W" %}
-        {% if currentWeek <= postWeek %}
+        {% if currentWeek <= postWeek and count < 5 %}
           {% include event.html %}
+          {% assign count = count | plus:1 %}
         {% endif %}
       {% endif %}
     {% endfor %}

diff --git a/_sass/style.sass b/_sass/style.sass
@@ -72,7 +72,18 @@ main
   .can
     width: 70px
     #cans &
-        width: 117px
+      width: 117px
+@media only screen and (max-width: 500px)
+  #slide-one
+    .can
+      width: 55px !important
+  #cans
+    text-align: center
+    .can
+      width: 65px !important
+@media only screen and (max-width: 700px)
+  .date-time
+    display: block
 
 @media only screen and (min-width: 641px)
   main>section#music:before
@@ -109,6 +120,7 @@ slider
     &:before
       animation: none
       opacity: .2
+      position: absolute
 
 .y-learned
   main > section
@@ -376,8 +388,6 @@ iframe
   display: flex
   flex-direction: column
   flex-wrap: wrap
-  @media screen and (width: 700px)
-    max-width: 400px
   &.clear-height
     height: auto
     text-align: left
@@ -433,6 +443,7 @@ li
   menu
     display: grid !important
     .menu-open &
+      background: #fffffffa
       height: 100vh
       padding: 4em 2em
     li
@@ -508,6 +519,9 @@ footer *
   .link
     filter: invert(1)
     margin-top: 1em
+    @media only screen and (max-width: 1000px)
+      filter: invert(0)
+
 .link
   transition: margin-top .25s ease
 #food
@@ -593,3 +607,15 @@ footer *
     bottom: 100px
   5%
     bottom: 115px
+
+@media screen and (max-width: 600px)
+  .stacked
+    padding: 6em 3em
+  body
+    font-size: 10px
+
+.screenshot
+  .logo,
+  footer,
+  .social
+    display: none
diff --git a/assets/script.js b/assets/script.js
@@ -99,16 +99,6 @@ function scrollHandlerY(e) {
   }
 
   clearTimeout(e.target.scrollTimeout);
-
-  e.target.scrollTimeout = setTimeout(function () {
-    if (!timeOut) {
-      window.Yscrolls++;
-      if (window.Yscrolls >= 5) {
-        document.body.classList.add('y-learned');
-        localStorage.setItem('yLearned', 1);
-      }
-    }
-  }, timeOut);
 }
 
 function scrollHandlerX(e) {
@@ -117,15 +107,6 @@ function scrollHandlerX(e) {
 
   clearTimeout(e.target.scrollTimeout);
 
-  e.target.scrollTimeout = setTimeout(function () {
-    if (!timeOut) {
-      window.Xscrolls++;
-      if (window.Xscrolls >= 4) {
-        document.body.classList.add('x-learned');
-        localStorage.setItem('xLearned', 1);
-      }
-    }
-  }, timeOut);
 }
 
 if (localStorage.getItem('yLearned') == 1) {