From 678c904c7039de0d5f508931960ba4c55cd309de Mon Sep 17 00:00:00 2001
From: Paul Pham <paul@aquaron.com>
Date: Sun, 9 Oct 2022 22:00:27 -0700
Subject: [PATCH] feat(index): Past weeks have right rockets. Remove alarm
 clock after past due

---
 _includes/course.html        | 12 +++++++++++-
 _includes/footer.html        |  4 +++-
 _includes/segment/index.html | 12 +++++++++++-
 3 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/_includes/course.html b/_includes/course.html
index b91c80c..73e99b2 100644
--- a/_includes/course.html
+++ b/_includes/course.html
@@ -51,7 +51,8 @@ <h3>{{ session.header }}</h3>
         <div class="control">
           <a class="button" href="/segment/{{ segment }}">
             {{ info.title }}&nbsp;
-            <span class="middle-align material-symbols-outlined">rocket_launch</span>
+            <span data-date="{{ info.end }}"
+              class="middle-align material-symbols-outlined rocket">rocket_launch</span>
           </a>
         </div>
       </li>
@@ -61,10 +62,19 @@ <h3>{{ session.header }}</h3>
 
 <script defer>
   const due = document.querySelectorAll('.due');
+  const rocket = document.querySelectorAll('.rocket');
   due.forEach( el => {
       const d = new Date(el.dataset.date.split('-')).getTime();
       if (d < Date.now()) {
         el.classList.add('past');
       }
     });
+  rocket.forEach( el => {
+      if (el.dataset.date) {
+        const d = new Date(el.dataset.date.split('-')).getTime();
+        if (d < Date.now()) {
+          el.innerText = 'rocket';
+        }
+      }
+    });
 </script>
diff --git a/_includes/footer.html b/_includes/footer.html
index c2a650c..27b09d2 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -3,7 +3,9 @@
   <ul>
     {% for item in site.acc.footer -%}
     <li>
-      <span class="material-symbols-outlined">{{ item.icon }}</span>
+      {%- if item.icon -%}
+        <span class="material-symbols-outlined">{{ item.icon }}</span>
+      {%- endif -%}
       <a href="{{ item.href }}">{{ item.text }}</a>
     </li>
     {%- endfor %}
diff --git a/_includes/segment/index.html b/_includes/segment/index.html
index cf8a5f6..f21f923 100644
--- a/_includes/segment/index.html
+++ b/_includes/segment/index.html
@@ -21,7 +21,7 @@
 
       {%- if session.due -%}
         <div class="header">
-          <span class="material-symbols-outlined">alarm_on</span>
+          <span data-date="{{ session.due }}" class="material-symbols-outlined alarm">alarm_on</span>
           {{ session.due | date: '%b %e, %y' }}
         </div>
       {%- elsif session.type -%}
@@ -46,3 +46,13 @@ <h3>{{ session.title }}</h3>
     </li>
   {%- endfor -%}
 </ul>
+
+<script defer>
+  const due = document.querySelectorAll('.alarm');
+  due.forEach( el => {
+      const d = new Date(el.dataset.date.split('-')).getTime();
+      if (d < Date.now()) {
+        el.parentNode.removeChild(el);
+      }
+    });
+</script>