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