diff --git a/assets/img/pumpkin.svg b/assets/img/pumpkin.svg
index 146b413..dec94fe 100644
--- a/assets/img/pumpkin.svg
+++ b/assets/img/pumpkin.svg
@@ -24,15 +24,15 @@
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showguides="false"
- inkscape:zoom="1.0847363"
- inkscape:cx="212.0331"
- inkscape:cy="263.19761"
+ inkscape:zoom="2.1694726"
+ inkscape:cx="200.27909"
+ inkscape:cy="193.82591"
inkscape:window-width="1846"
inkscape:window-height="1043"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
- inkscape:current-layer="layer1" />
+ inkscape:current-layer="g1" />
-
-
diff --git a/assets/js/restylePage.js b/assets/js/restylePage.js
index 61ee4c2..8702937 100644
--- a/assets/js/restylePage.js
+++ b/assets/js/restylePage.js
@@ -86,19 +86,27 @@ function halloweenTheme(){
svgElement.parentNode.removeChild(svgElement);
};
- const eye1 = svgElement.getElementById('eye1');
- const eye2 = svgElement.getElementById('eye2');
+ const eye1 = svgElement.getElementById('tofill1');
+ const eye2 = svgElement.getElementById('tofill2');
+ const eye3 = svgElement.getElementById('tofill3');
+ const eye4 = svgElement.getElementById('tofill4');
+
eye1.style.fill = "black"
eye2.style.fill = "black"
+ eye3.style.fill = "black"
+ eye4.style.fill = "black"
document.addEventListener('scroll', function() {
eye1.style.fill = "#ffee0a";
eye2.style.fill = "#ffee0a";
-
+ eye3.style.fill = "#ffee0a";
+ eye4.style.fill = "#ffee0a";
clearTimeout(scrollTimeout);
scrollTimeout = setTimeout(function() {
eye1.style.fill = 'black';
eye2.style.fill = "black";
+ eye3.style.fill = "black";
+ eye4.style.fill = "black";
}, 200);
});
// You can now access and manipulate elements in the SV