image overhaul inspired by te by tega brain's adobe optimize for web …

…strategy
iguannalin · Sep 29, 2023 · 2b0c563 · 2b0c563
1 parent 5567fc2
commit 2b0c563
Show file tree

Hide file tree

Showing 113 changed files with 165 additions and 80 deletions.
diff --git a/index.css b/index.css
@@ -134,20 +134,20 @@ a {
   overflow: scroll;
 }
 
-#yosemite, #alaska, #eastcoast, #tableware {
+#yosemite, #alaska, #eastcoast, #tableware, #reveries {
   display: flex;
   overflow: scroll;
 }
 
-#yosemite div, #alaska div, #eastcoast div {
+#yosemite div, #alaska div, #eastcoast div, #reveries div {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0 64px;
   opacity: 0.9;
 }
 
-#tableware div {
+#tableware div, #reveries div {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -160,6 +160,26 @@ a {
   top: 128px;
 }
 
+#reveries h2 {
+  position: absolute;
+  top: 128px;
+}
+
+#reveries h3 {
+  position: absolute;
+  top: 160px;
+  text-transform: lowercase;
+}
+
+.reveries-heading {
+  position: relative;
+  font-size: 50px;
+  color: var(--default-text);
+  text-shadow: none;
+  padding: 0 128px;
+  min-width: 80%;
+}
+
 .film-heading {
   font-size: 50px;
   color: #38516a;

diff --git a/index.html b/index.html
diff --git a/index.js b/index.js
@@ -13,26 +13,29 @@ window.addEventListener("load", () => {
   let previousElementSub = greeting;
 
   const codeProjects = ["eeg cloud", "ai loves horror", "text me smth nice", "baby killer", "spotify recently added"];
-  const printProjects = ["tableware", "filmotography", "generative riso poster"];
+  const printProjects = ["tableware", "filmotography", "reveries"]; // "generative riso poster"
 
-  const titles = ["yosemite", "alaska", "eastcoast", "tableware"];
+  const titles = ["yosemite", "alaska", "eastcoast", "tableware", "reveries"];
   function switchFilmView(e = {target:{title:""}}) {
-    let switches = [1,0,0,0];
+    let switches = [1,0,0,0,0];
     switch (e.target.title) {
       case "tableware":
-        switches = [0,0,0,1];
+        switches = [0,0,0,1,0];
         break;
       case "yosemite":
-        switches = [1,0,0,0];
+        switches = [1,0,0,0,0];
         break;
       case "alaska":
-        switches = [0,1,0,0];
+        switches = [0,1,0,0,0];
         break;
       case "east coast":
-        switches = [0,0,1,0];
+        switches = [0,0,1,0,0];
+        break;
+      case "reveries":
+        switches = [0,0,0,0,1];
         break;
       default:
-        switches = [0,0,0,0];
+        switches = [0,0,0,0,0];
         break;
     }
     switches.forEach((on, index) => {
@@ -69,6 +72,7 @@ window.addEventListener("load", () => {
     greeting.style.display = currentElement == center ? "flex" : "none";
     if (currentElement.id == "filmotography") switchFilmView({target:{title:"yosemite"}});
     if (currentElement.id == "tableware") switchFilmView({target:{title:"tableware"}});
+    if (currentElement.id == "reveries") switchFilmView({target:{title:"reveries"}});
     if (currentElement == center) select.value = "center";
   }
 

diff --git a/large.css b/large.css
@@ -71,22 +71,34 @@ a:hover, #home:hover {
   background: var(--default-border);
 }
 
-#yosemite, #alaska, #eastcoast, #tableware {
+#yosemite, #alaska, #eastcoast, #tableware, #reveries {
   height: 50%;
   margin-top: 30%;
   width: 1000px;
 }
 
-#yosemite div img, #alaska div img, #eastcoast div img, #tableware div img {
+
+#yosemite div, #alaska div, #eastcoast div , #tableware div img, #reveries div img {
+  max-width: 1000px;
+}
+
+#yosemite div img, #alaska div img, #eastcoast div img, #tableware div img, #reveries div img {
   height: 70%;
   width: auto;
 }
 
-#yosemite div, #alaska div, #eastcoast div , #tableware div img {
-  max-width: 1000px;
+#reveries div img  {
+  height: 80%;
+  width: auto;
+  margin: 0 48px;
 }
 
-#tableware h2 {
+#tableware h2, #reveries h2 {
   position: absolute;
   top: 0;
+}
+
+#reveries h3 {
+  position: absolute;
+  top: 48px;
 }
diff --git a/public/ai-loves-horror.jpg b/public/ai-loves-horror.jpg
diff --git a/public/ai-loves-horror.png b/public/ai-loves-horror.png
diff --git a/public/alaska/ice-field-1x.jpg b/public/alaska/ice-field-1x.jpg
diff --git a/public/alaska/ice-field.jpg b/public/alaska/ice-field.jpg
diff --git a/public/alaska/ice-field.png b/public/alaska/ice-field.png
diff --git a/public/alaska/little-friend-1x.jpg b/public/alaska/little-friend-1x.jpg
diff --git a/public/alaska/little-friend.jpg b/public/alaska/little-friend.jpg
diff --git a/public/alaska/little-friend.png b/public/alaska/little-friend.png
diff --git a/public/alaska/mountain-evening-1x.jpg b/public/alaska/mountain-evening-1x.jpg
diff --git a/public/alaska/mountain-evening.jpg b/public/alaska/mountain-evening.jpg
diff --git a/public/alaska/mountain-evening.png b/public/alaska/mountain-evening.png
diff --git a/public/alaska/mountain-sunrise-1x.jpg b/public/alaska/mountain-sunrise-1x.jpg
diff --git a/public/alaska/mountain-sunrise-vertical-1x.jpg b/public/alaska/mountain-sunrise-vertical-1x.jpg
diff --git a/public/alaska/mountain-sunrise-vertical.jpg b/public/alaska/mountain-sunrise-vertical.jpg
diff --git a/public/alaska/mountain-sunrise-vertical.png b/public/alaska/mountain-sunrise-vertical.png
diff --git a/public/alaska/mountain-sunrise.jpg b/public/alaska/mountain-sunrise.jpg
diff --git a/public/alaska/mountain-sunrise.png b/public/alaska/mountain-sunrise.png
diff --git a/public/alaska/shed-blue-1x.jpg b/public/alaska/shed-blue-1x.jpg
diff --git a/public/alaska/shed-blue.jpg b/public/alaska/shed-blue.jpg
diff --git a/public/alaska/shed-blue.png b/public/alaska/shed-blue.png
diff --git a/public/alaska/shed-white-1x.jpg b/public/alaska/shed-white-1x.jpg
diff --git a/public/alaska/shed-white.jpg b/public/alaska/shed-white.jpg
diff --git a/public/alaska/shed-white.png b/public/alaska/shed-white.png
diff --git a/public/alaska/skater-buds-1x.jpg b/public/alaska/skater-buds-1x.jpg
diff --git a/public/alaska/skater-buds.jpg b/public/alaska/skater-buds.jpg
diff --git a/public/alaska/skater-buds.png b/public/alaska/skater-buds.png
diff --git a/public/anna.jpg b/public/anna.jpg
diff --git a/public/anna.png b/public/anna.png
diff --git a/public/baby-killer.jpg b/public/baby-killer.jpg
diff --git a/public/baby-killer.png b/public/baby-killer.png
diff --git a/public/eastcoast/BostonCommons1-1x.jpg b/public/eastcoast/BostonCommons1-1x.jpg
diff --git a/public/eastcoast/BostonCommons1.png b/public/eastcoast/BostonCommons1.png
diff --git a/public/eastcoast/BostonCommons2-1x.jpg b/public/eastcoast/BostonCommons2-1x.jpg
diff --git a/public/eastcoast/BostonCommons2.png b/public/eastcoast/BostonCommons2.png
diff --git a/public/eastcoast/BostonCommons3-1x.jpg b/public/eastcoast/BostonCommons3-1x.jpg
diff --git a/public/eastcoast/BostonCommons3.png b/public/eastcoast/BostonCommons3.png
diff --git a/public/eastcoast/Brekkie-1x.jpg b/public/eastcoast/Brekkie-1x.jpg
diff --git a/public/eastcoast/Brekkie.png b/public/eastcoast/Brekkie.png
diff --git a/public/eastcoast/Buildings-1x.jpg b/public/eastcoast/Buildings-1x.jpg
diff --git a/public/eastcoast/Buildings.png b/public/eastcoast/Buildings.png
diff --git a/public/eastcoast/Cathedral-1x.jpg b/public/eastcoast/Cathedral-1x.jpg
diff --git a/public/eastcoast/Cathedral-inside-1x.jpg b/public/eastcoast/Cathedral-inside-1x.jpg
diff --git a/public/eastcoast/Cathedral-inside.png b/public/eastcoast/Cathedral-inside.png
diff --git a/public/eastcoast/Cathedral.png b/public/eastcoast/Cathedral.png
diff --git a/public/eastcoast/Dome-1x.jpg b/public/eastcoast/Dome-1x.jpg
diff --git a/public/eastcoast/Dome.png b/public/eastcoast/Dome.png
diff --git a/public/eastcoast/Downtown-1x.jpg b/public/eastcoast/Downtown-1x.jpg
diff --git a/public/eastcoast/Downtown.png b/public/eastcoast/Downtown.png
diff --git a/public/eastcoast/DowntownArt-1x.jpg b/public/eastcoast/DowntownArt-1x.jpg
diff --git a/public/eastcoast/DowntownArt.png b/public/eastcoast/DowntownArt.png
diff --git a/public/eastcoast/MBTA-1x.jpg b/public/eastcoast/MBTA-1x.jpg
diff --git a/public/eastcoast/MBTA.png b/public/eastcoast/MBTA.png
diff --git a/public/eastcoast/Northend-1x.jpg b/public/eastcoast/Northend-1x.jpg
diff --git a/public/eastcoast/Northend.png b/public/eastcoast/Northend.png
diff --git a/public/eastcoast/Skyline-1x.jpg b/public/eastcoast/Skyline-1x.jpg
diff --git a/public/eastcoast/Skyline.png b/public/eastcoast/Skyline.png
diff --git a/public/eastcoast/Skyscrapers-1x.jpg b/public/eastcoast/Skyscrapers-1x.jpg
diff --git a/public/eastcoast/Skyscrapers.png b/public/eastcoast/Skyscrapers.png
diff --git a/public/eastcoast/SpringSt-1x.jpg b/public/eastcoast/SpringSt-1x.jpg
diff --git a/public/eastcoast/SpringSt.png b/public/eastcoast/SpringSt.png
diff --git a/public/eastcoast/Storiedbuildings-1x.jpg b/public/eastcoast/Storiedbuildings-1x.jpg
diff --git a/public/eastcoast/Storiedbuildings.png b/public/eastcoast/Storiedbuildings.png
diff --git a/public/eastcoast/Treeshadow-1x.jpg b/public/eastcoast/Treeshadow-1x.jpg
diff --git a/public/eastcoast/Treeshadow.png b/public/eastcoast/Treeshadow.png
diff --git a/public/eeg.jpg b/public/eeg.jpg
diff --git a/public/eeg.png b/public/eeg.png
diff --git a/public/flowers.jpg b/public/flowers.jpg
diff --git a/public/reveries/reveries-1.jpg b/public/reveries/reveries-1.jpg
diff --git a/public/reveries/reveries-1.png b/public/reveries/reveries-1.png
diff --git a/public/reveries/reveries-10.png b/public/reveries/reveries-10.png
diff --git a/public/reveries/reveries-11.jpg b/public/reveries/reveries-11.jpg
diff --git a/public/reveries/reveries-12.jpg b/public/reveries/reveries-12.jpg
diff --git a/public/reveries/reveries-2.jpg b/public/reveries/reveries-2.jpg
diff --git a/public/reveries/reveries-2.png b/public/reveries/reveries-2.png
diff --git a/public/reveries/reveries-3.jpg b/public/reveries/reveries-3.jpg
diff --git a/public/reveries/reveries-3.png b/public/reveries/reveries-3.png
diff --git a/public/reveries/reveries-4.jpg b/public/reveries/reveries-4.jpg
diff --git a/public/reveries/reveries-4.png b/public/reveries/reveries-4.png
diff --git a/public/reveries/reveries-5.jpg b/public/reveries/reveries-5.jpg
diff --git a/public/reveries/reveries-5.png b/public/reveries/reveries-5.png
diff --git a/public/reveries/reveries-6.jpg b/public/reveries/reveries-6.jpg
diff --git a/public/reveries/reveries-6.png b/public/reveries/reveries-6.png
diff --git a/public/reveries/reveries-7.jpg b/public/reveries/reveries-7.jpg
diff --git a/public/reveries/reveries-7.png b/public/reveries/reveries-7.png
diff --git a/public/reveries/reveries-8.jpg b/public/reveries/reveries-8.jpg
diff --git a/public/reveries/reveries-8.png b/public/reveries/reveries-8.png
diff --git a/public/reveries/reveries-9.jpg b/public/reveries/reveries-9.jpg
diff --git a/public/reveries/reveries-9.png b/public/reveries/reveries-9.png
diff --git a/public/spotify-recently-added-screenshot.jpg b/public/spotify-recently-added-screenshot.jpg
diff --git a/public/spotify-recently-added-screenshot.png b/public/spotify-recently-added-screenshot.png
diff --git a/public/watercolor.jpeg b/public/watercolor.jpeg
diff --git a/public/watercolor.png b/public/watercolor.png
diff --git a/public/yosemite/Dawn-Yosemite-1x.jpg b/public/yosemite/Dawn-Yosemite-1x.jpg
diff --git a/public/yosemite/Dawn-Yosemite.png b/public/yosemite/Dawn-Yosemite.png
diff --git a/public/yosemite/Daybreak-HalfDome-1x.jpg b/public/yosemite/Daybreak-HalfDome-1x.jpg
diff --git a/public/yosemite/Daybreak-HalfDome.png b/public/yosemite/Daybreak-HalfDome.png
diff --git a/public/yosemite/Daytime-Beach-1x.jpg b/public/yosemite/Daytime-Beach-1x.jpg
diff --git a/public/yosemite/Daytime-Beach.png b/public/yosemite/Daytime-Beach.png
diff --git a/public/yosemite/Dusk-ElCapitan-1x.jpg b/public/yosemite/Dusk-ElCapitan-1x.jpg
diff --git a/public/yosemite/Dusk-ElCapitan.png b/public/yosemite/Dusk-ElCapitan.png
diff --git a/public/yosemite/Evening-Beach-1x.jpg b/public/yosemite/Evening-Beach-1x.jpg
diff --git a/public/yosemite/Evening-Beach.png b/public/yosemite/Evening-Beach.png
diff --git a/public/yosemite/Evening-Rock-1x.jpg b/public/yosemite/Evening-Rock-1x.jpg
diff --git a/public/yosemite/Evening-Rock.png b/public/yosemite/Evening-Rock.png
diff --git a/public/yosemite/Home-1x.jpg b/public/yosemite/Home-1x.jpg
diff --git a/public/yosemite/Home.png b/public/yosemite/Home.png
diff --git a/public/yosemite/Sunset-Waves-1x.jpg b/public/yosemite/Sunset-Waves-1x.jpg
diff --git a/public/yosemite/Sunset-Waves.png b/public/yosemite/Sunset-Waves.png
diff --git a/small.css b/small.css
@@ -61,18 +61,24 @@
   display: none;
 }
 
-#yosemite, #alaska, #eastcoast, #tableware {
+#yosemite, #alaska, #eastcoast, #tableware, #reveries  {
   height: 70%;
   margin-top: 20%;
   width: 800px;
   margin-right: 200px;
 }
 
-#yosemite div, #alaska div, #eastcoast div , #tableware div img {
+#yosemite div, #alaska div, #eastcoast div , #tableware div img, #reveries div img  {
   max-width: 800px;
 }
 
 #yosemite div img, #alaska div img, #eastcoast div img, #tableware div img {
   height: 80%;
   width: auto;
+}
+
+#reveries div img  {
+  height: 60%;
+  width: auto;
+  margin: 0 48px;
 }