From b75982f5315c6e54e2c3fcce6a78ab93f16b7795 Mon Sep 17 00:00:00 2001
From: Squirrel-314 <schoolarlybay@gmail.com>
Date: Fri, 15 Jan 2021 14:52:34 -0500
Subject: [PATCH] Indicator hover and click to page!

---
 index.html |  6 +++---
 main.js    | 14 +++++++++++++-
 styles.css |  4 ++++
 3 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 5c0d9c8..a6e076d 100644
--- a/index.html
+++ b/index.html
@@ -23,9 +23,9 @@
             <span class="arrow">&#10230;</span>
          </div>
          <ul class="progress">
-            <li id="meetIndicator"></li>
-            <li id="vegetable-dashIndicator"></li>
-            <li id="coming-soonIndicator"></li>
+            <li id="meetIndicator" onclick="ind('meet')"></li>
+            <li id="vegetable-dashIndicator" onclick="ind('vegetable-dash')"></li>
+            <li id="coming-soonIndicator" onclick="ind('coming-soon')"></li>
          </ul>
       </div>
       <!-- Vegetable Dash -->
diff --git a/main.js b/main.js
index eaaa298..41bcc96 100644
--- a/main.js
+++ b/main.js
@@ -67,7 +67,19 @@ function where() {
    }
 }
 
-// Like carousel show progress
+function ind(page) {
+   document.location = "#" + page;
+   pageLocation = page;
+   buttonVisiblility();
+}
+
+
+
+
+
+
+
+
 // Transparent text moving background
 
 /* Links */
diff --git a/styles.css b/styles.css
index 0e047f0..1c04c1c 100644
--- a/styles.css
+++ b/styles.css
@@ -124,6 +124,10 @@ Common Classes
                0 0 2.5px #262626;
 }
 
+.progress li:hover {
+   transform: scale(1.2);
+}
+
 #meetIndicator {
    background-color: #262626;
 }