fixed loading photos

index.css

@@ -8,6 +8,9 @@
   --default-border: yellow;
   --default-font: 16px;
   --default-line-height: 24px;
+  --default-wallpaper: url(public/wallpaper.png);
+  --default-clip-path: circle(44% at 49% 56%);
+  --default-wallpaper-width: 100%;
 }
 
 .theme {
@@ -22,10 +25,10 @@
     --default-border: blue;
   }
   #wallpaper {
-    content: url(public/wallpaper_dark.jpg) !important;
+    --default-wallpaper: url(public/wallpaper_dark.jpg);
+    --default-clip-path: circle(40% at 48% 64%);
+    --default-wallpaper-width: 95% !important;
     margin-top: -25%;
-    clip-path: circle(40% at 48% 64%) !important;
-    width: 95% !important;
   }
 }
 
@@ -72,10 +75,10 @@ body {
 }
 
 #wallpaper {
-  content: url("public/wallpaper.png");
+  content: var(--default-wallpaper);
   margin-left: 4.5%;
-  clip-path: circle(44% at 49% 56%);
-  width: 100%;
+  clip-path: var(--default-clip-path);
+  width: var(--default-wallpaper-width);
 }
 
 span {

index.js

@@ -48,7 +48,6 @@ window.addEventListener("load", () => {
         left.style.display = "none";
         right.style.display = "none";
         center.style.display = "block";
-        select.value = "center";
         previousElement = center; // since we got here from projects tab
       }
       // turn off previous, turn on current
@@ -68,7 +67,7 @@ window.addEventListener("load", () => {
     }
     greeting.style.display = currentElement == center ? "flex" : "none";
     if (currentElement.id.includes("filmotography")) switchFilmView();
-    // console.log({currentElement},{previousElementSub});
+    if (currentElement == center) select.value = "center";
   }
 
   function loadProjects(projects, label) {
@@ -120,10 +119,8 @@ window.addEventListener("load", () => {
     const wp = document.getElementById("wallpaper");
     const temp = wp.style.content;
     wp.style.content = "url('public/anna.jpg')";
-    console.log(wp.style.content)
     switchView(center, false);
     setTimeout(() => {
-      console.log(temp)
       wp.style.content = temp;
       oopsies.onclick = (ev) => oops(ev);
     }, 350);