From 2f8e7449d261d0ae8c79a265d54c1b5cb7c4d95c Mon Sep 17 00:00:00 2001
From: lolabird <octavia@octavianichols.com>
Date: Mon, 13 Nov 2023 03:52:19 -0700
Subject: [PATCH] Add text and styles to footer and add reset function to
 slider value

---
 index.html | 2 ++
 script.js  | 1 +
 style.css  | 6 ++++++
 3 files changed, 9 insertions(+)

diff --git a/index.html b/index.html
index b2fd2e8..95af8f6 100644
--- a/index.html
+++ b/index.html
@@ -69,6 +69,8 @@
 
     <footer>
         Created by <a href="https://andrindie.com">Octavia Nichols</a>
+        for <a href="https://www.theodinproject.com/lessons/foundations-etch-a-sketch">The Odin Project</a>.
+        Check out the code on <a href="https://github.com/Lolabird/odin-etch-a-sketch">GitHub</a>.
     </footer>
     
 
diff --git a/script.js b/script.js
index 8847201..a8f4714 100644
--- a/script.js
+++ b/script.js
@@ -62,6 +62,7 @@ function resetGrid() {
     transSlider.value = 1;
     transSlider.style.backgroundColor = "rgb(180, 254, 235)";
     rangeSlider.style.setProperty('--canvas-color', "rgb(180, 254, 235)");
+    rangeSlider.style.setProperty('--range-value', `100%`);
     transLabel.textContent = transSlider.value
 
     getGridDimensions();
diff --git a/style.css b/style.css
index c438338..f1e5e6b 100644
--- a/style.css
+++ b/style.css
@@ -42,11 +42,17 @@ main {
 
 footer {
     width: 100%;
+    font-size: 16px;
+    padding: 15px 0 10px;
     background-color: #111;
     opacity: .8;
     flex: 0 0 auto; 
 }
 
+a {
+    color: #b4feeb;
+}
+
 button, .container, .color-input, .knob-shadow, .range-slider {
     box-shadow: 1px 2px 10px 1px #555;
 }