Add text and styles to footer and add reset function to slider value

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>
     
 

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();

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;
 }