From a62da493b08aeb4d204428a80a22d52354159fc0 Mon Sep 17 00:00:00 2001
From: Carifio24 <carifio24@gmail.com>
Date: Sat, 7 Sep 2024 11:42:57 -0400
Subject: [PATCH 1/3] Workarounds for some typing issues.

---
 src/LocationSelector.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/LocationSelector.vue b/src/LocationSelector.vue
index 6255646..77eceee 100644
--- a/src/LocationSelector.vue
+++ b/src/LocationSelector.vue
@@ -4,7 +4,7 @@
 </template>
 
 <script lang="ts">
-import L, { LeafletMouseEvent, Map, TileLayerOptions } from "leaflet";
+import L, { CircleMarkerOptions, LeafletMouseEvent, Map, TileLayerOptions } from "leaflet";
 import "leaflet/dist/leaflet.css";
 import { notify } from "@kyvg/vue3-notification";
 import { defineComponent, PropType } from "vue";
@@ -311,7 +311,7 @@ export default defineComponent({
     },
 
     circleForLocation(location: LocationDeg, circleOptions: Record<string,any>): L.CircleMarker {  // eslint-disable-line @typescript-eslint/no-explicit-any
-      return this.circleMaker([location.latitudeDeg, location.longitudeDeg], circleOptions);
+      return this.circleMaker([location.latitudeDeg, location.longitudeDeg], circleOptions as CircleMarkerOptions);
     },
 
     circleForSelection() : L.CircleMarker | null {
@@ -405,7 +405,7 @@ export default defineComponent({
       this.geoJsonFiles.forEach((geojsonrecord) => {
         const url = geojsonrecord.url;
         const geo = geojsonrecord.geojson;
-        const style = geojsonrecord.style;
+        const style = geojsonrecord.style as CircleMarkerOptions;
         if (url) {
           fetch(url)
             .then((response) => response.json())

From 81599fc0922e1ed4720a28bb01f4e0a60a5ee516 Mon Sep 17 00:00:00 2001
From: Carifio24 <carifio24@gmail.com>
Date: Sun, 8 Sep 2024 01:27:31 -0400
Subject: [PATCH 2/3] Fix some non-spec-compliant HTML.

---
 src/EclipseTimer.vue     | 80 +++++++++++++++++++++-------------------
 src/SolarEclipse2026.vue |  4 +-
 2 files changed, 44 insertions(+), 40 deletions(-)

diff --git a/src/EclipseTimer.vue b/src/EclipseTimer.vue
index 48884d6..2452124 100644
--- a/src/EclipseTimer.vue
+++ b/src/EclipseTimer.vue
@@ -42,47 +42,51 @@
     </div>
     <div class="eclipse-data-list" v-if="!noEclipse">
       <table id="eclipse-values">
-        <tr>
-          <td>
-            <define-term
-              term="Max Eclipsed"
-              definition="The fraction (percentage) of the Sun covered by the Moon."
-              underlined
-              />:
-          </td>
-          <td> {{ coverage < 0.01 ? '<1' :(coverage*100).toFixed(0) }}% </td>
-        </tr>
-        <tr v-if="isTotal">
-          <td>Totality Duration:</td>
-          <td> {{ totalityDuration }}</td>
-        </tr>
-        <tr v-if="eclipseDuration != ''">
-          <td>Eclipse Duration:</td>
-          <td> {{ eclipseDuration }}</td>
-        </tr>
+        <tbody>
+          <tr>
+            <td>
+              <define-term
+                term="Max Eclipsed"
+                definition="The fraction (percentage) of the Sun covered by the Moon."
+                underlined
+                />:
+            </td>
+            <td> {{ coverage < 0.01 ? '<1' :(coverage*100).toFixed(0) }}% </td>
+          </tr>
+          <tr v-if="isTotal">
+            <td>Totality Duration:</td>
+            <td> {{ totalityDuration }}</td>
+          </tr>
+          <tr v-if="eclipseDuration != ''">
+            <td>Eclipse Duration:</td>
+            <td> {{ eclipseDuration }}</td>
+          </tr>
+        </tbody>
       </table>
       <hr class="eclipse-timer-dividier"/>
       <table id="time-container">
-        <tr class="time">
-          <td class="time-label">Partial Start</td>
-          <td class="time-value">{{ partialStart[1] === '' ? timeString(partialStart[0]) : 'Sun below Horizon' }}</td>
-        </tr>
-        <tr class="time" v-if="isTotal">
-          <td class="time-label">Totality Start</td>
-          <td class="time-value">{{ centralStart[1] === '' ? timeString(centralStart[0]) : 'Sun below Horizon' }}</td>
-        </tr>
-        <tr class="time">
-          <td class="time-label">Max Eclipse</td>
-          <td class="time-value">{{ maxTime[1] === '' ? timeString(maxTime[0]) : 'Sun below Horizon' }}</td>
-        </tr>
-        <tr class="time" v-if="isTotal">
-          <td class="time-label">Totality End</td>
-          <td class="time-value">{{ centralEnd[1] === '' ? timeString(centralEnd[0]) : 'Sun below Horizon' }}</td>
-        </tr>
-        <tr class="time">
-          <td class="time-label">Partial End</td>
-          <td class="time-value">{{ partialEnd[1] === '' ? timeString(partialEnd[0]) : 'Sun below Horizon' }}</td>
-        </tr>
+        <tbody>
+          <tr class="time">
+            <td class="time-label">Partial Start</td>
+            <td class="time-value">{{ partialStart[1] === '' ? timeString(partialStart[0]) : 'Sun below Horizon' }}</td>
+          </tr>
+          <tr class="time" v-if="isTotal">
+            <td class="time-label">Totality Start</td>
+            <td class="time-value">{{ centralStart[1] === '' ? timeString(centralStart[0]) : 'Sun below Horizon' }}</td>
+          </tr>
+          <tr class="time">
+            <td class="time-label">Max Eclipse</td>
+            <td class="time-value">{{ maxTime[1] === '' ? timeString(maxTime[0]) : 'Sun below Horizon' }}</td>
+          </tr>
+          <tr class="time" v-if="isTotal">
+            <td class="time-label">Totality End</td>
+            <td class="time-value">{{ centralEnd[1] === '' ? timeString(centralEnd[0]) : 'Sun below Horizon' }}</td>
+          </tr>
+          <tr class="time">
+            <td class="time-label">Partial End</td>
+            <td class="time-value">{{ partialEnd[1] === '' ? timeString(partialEnd[0]) : 'Sun below Horizon' }}</td>
+          </tr>
+        </tbody>
       </table>
       <hr class="mt-4" style="width:100%">
     </div>
diff --git a/src/SolarEclipse2026.vue b/src/SolarEclipse2026.vue
index 7c469b2..ff126cd 100644
--- a/src/SolarEclipse2026.vue
+++ b/src/SolarEclipse2026.vue
@@ -411,7 +411,7 @@
                     
                     <details>
                       <summary>Where can I learn more?</summary>
-                      <p>
+                      <div>
                         Check out
                         <ul>
                           <li>
@@ -421,7 +421,7 @@
                             Fiske Planetarium's <a href="https://www.colorado.edu/fiske/projects/science-through-shadows" target="_blank" rel="noopener noreferrer">Science Through Shadows</a> videos
                           </li>
                         </ul>
-                      </p>
+                      </div>
                     </details>
                   </div>
                 </div>

From 266d2ac64adf2f410beef05027e2fb661500616f Mon Sep 17 00:00:00 2001
From: Carifio24 <carifio24@gmail.com>
Date: Sun, 8 Sep 2024 01:28:33 -0400
Subject: [PATCH 3/3] Bump Node version in workflows.

---
 .github/workflows/build-deploy.yml | 2 +-
 .github/workflows/build.yml        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/build-deploy.yml b/.github/workflows/build-deploy.yml
index a7fcde4..23bdff9 100644
--- a/.github/workflows/build-deploy.yml
+++ b/.github/workflows/build-deploy.yml
@@ -19,7 +19,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: '18.17.1'
+          node-version: '20.10.0'
 
       - name: Yarn install
         run: yarn install
diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
index 5f3bb56..379b556 100644
--- a/.github/workflows/build.yml
+++ b/.github/workflows/build.yml
@@ -20,7 +20,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: '18.17.1'
+          node-version: '20.10.0'
 
       - name: Yarn install
         run: yarn install