Taiwan, 2024, photoshoot page and updates

gulpfile.js

@@ -3,7 +3,7 @@
 var gulp = require("gulp"); // gulping!
 var browserSync = require("browser-sync"); // sync browser with code changes!
 var lint = require("gulp-eslint"); // lint JS files!
-const imagemin = import("gulp-imagemin"); // optimizing images!
+const imagemin = require("gulp-imagemin"); // optimizing images!
 var rename = require("gulp-rename"); // renaming JS!
 var uncss = require("gulp-uncss"); // shedding CSS!
 var crass = require("gulp-crass"); // optimizing CSS!

scripts/app.js

@@ -67,6 +67,16 @@
           templateUrl: "templates/photoshoots/puerto-rico-2024-photoshoot.html",
           controller: "PhotographerController",
         })
+        .state("summer-2024-photoshoot", {
+          url: "/summer-2024-photoshoot",
+          templateUrl: "templates/photoshoots/summer-2024-photoshoot.html",
+          controller: "PhotographerController",
+        })
+        .state("taiwan-2024-photoshoot", {
+          url: "/taiwan-2024-photoshoot",
+          templateUrl: "templates/photoshoots/taiwan-2024-photoshoot.html",
+          controller: "PhotographerController",
+        })
         .state("skillset", {
           url: "/skillset",
           templateUrl: "templates/projects/skillset.html",

templates/main/photographer.html

@@ -235,5 +235,36 @@ <h1>Photo Shoots</h1>
         </div>
       </div>
     </div>
+
+    <div class="row shoot-container">
+      <div class="col s12">
+        <div class="page-nav-options">
+          <h2
+            ng-click="go('/taiwan-2024-photoshoot')"
+            class="caption"
+            tabindex="0"
+            ng-keydown="($event.which === 13) && go('/taiwan-2024-photoshoot')"
+          >
+            Taiwan, 2024, in Film -
+          </h2>
+        </div>
+        <div>
+          <div class="image-overlay-container">
+            <i
+              class="zmdi zmdi-collection-plus zmdi-hc-5x pull-right"
+              ng-click="go('/taiwan-2024-photoshoot')"
+              tabindex="0"
+              ng-keydown="($event.which === 13) && go('/taiwan-2024-photoshoot')"
+            ></i>
+          </div>
+          <img
+            ng-click="go('/taiwan-2024-photoshoot')"
+            class="responsive-img z-depth-3 shoot-main-img"
+            src="dist/images/photographer/photos/Shoots/Taiwan 2024/ICNSE5604.png"
+            alt="Taiwan, 2024, in Film"
+          />
+        </div>
+      </div>
+    </div>
   </div>
 </div>

templates/photoshoots/taiwan-2024-photoshoot.html

@@ -0,0 +1,141 @@
+<div class="container">
+  <h1>Taiwan, 2024, in Film</h1>
+  <p class="shoot-text">
+    Taken throughout Taiwan [Canon AE-1 // Various Film Stocks]
+  </p>
+  <div class="page-nav-options">
+    <div
+      ng-click="go('/photographer')"
+      class="header-back-link"
+      tabindex="0"
+      ng-keydown="($event.which === 13) && go('/photographer')"
+    >
+      Back
+    </div>
+  </div>
+  <hr />
+
+  <div class="animated fadeIn">
+    <div class="col s12">
+      <img
+        class="responsive-img z-depth-3 shoot-img"
+        src="dist/images/photographer/photos/Shoots/Taiwan 2024/BFUNE1748.png"
+        alt="Chiji Temple, Kaohsiung City, Taiwan"
+      />
+    </div>
+  </div>
+
+  <div class="animated fadeIn">
+    <div class="col s12">
+      <img
+        class="responsive-img z-depth-3 shoot-img"
+        src="dist/images/photographer/photos/Shoots/Taiwan 2024/AMSEE6168.png"
+        alt="Dragon and Tiger Pagodas, Kaohsiung City, Taiwan"
+      />
+    </div>
+  </div>
+
+  <div class="animated fadeIn">
+    <div class="col s12">
+      <img
+        class="responsive-img z-depth-3 shoot-img"
+        src="dist/images/photographer/photos/Shoots/Taiwan 2024/FUTHE2223.png"
+        alt="Zuoying Chiming Temple, Kaohsiung City, Taiwan"
+      />
+    </div>
+  </div>
+
+  <div class="animated fadeIn">
+    <div class="col s12">
+      <img
+        class="responsive-img z-depth-3 shoot-img"
+        src="dist/images/photographer/photos/Shoots/Taiwan 2024/BEHBE8326.png"
+        alt="Zuoying Chiming Temple, Kaohsiung City, Taiwan"
+      />
+    </div>
+  </div>
+
+  <div class="animated fadeIn">
+    <div class="col s12">
+      <img
+        class="responsive-img z-depth-3 shoot-img"
+        src="dist/images/photographer/photos/Shoots/Taiwan 2024/ICNSE5604.png"
+        alt="Zuoying Chiming Temple, Kaohsiung City, Taiwan"
+      />
+    </div>
+  </div>
+
+  <div class="animated fadeIn">
+    <div class="col s12">
+      <img
+        class="responsive-img z-depth-3 shoot-img"
+        src="dist/images/photographer/photos/Shoots/Taiwan 2024/EQYGE9476.png"
+        alt="Zuoying Chiming Temple, Kaohsiung City, Taiwan"
+      />
+    </div>
+  </div>
+
+  <div class="animated fadeIn">
+    <div class="col s12">
+      <img
+        class="responsive-img z-depth-3 shoot-img"
+        src="dist/images/photographer/photos/Shoots/Taiwan 2024/NSEHE5936.png"
+        alt="Kaohsiung City, Taiwan"
+      />
+    </div>
+  </div>
+
+  <div class="animated fadeIn">
+    <div class="col s12">
+      <img
+        class="responsive-img z-depth-3 shoot-img"
+        src="dist/images/photographer/photos/Shoots/Taiwan 2024/WWNRE9164.png"
+        alt="Taiwan"
+      />
+    </div>
+  </div>
+
+  <div class="animated fadeIn">
+    <div class="col s12">
+      <img
+        class="responsive-img z-depth-3 shoot-img"
+        src="dist/images/photographer/photos/Shoots/Taiwan 2024/METEE2949.png"
+        alt="Taiwan"
+      />
+    </div>
+  </div>
+
+  <div class="animated fadeIn">
+    <div class="col s12">
+      <img
+        class="responsive-img z-depth-3 shoot-img"
+        src="dist/images/photographer/photos/Shoots/Taiwan 2024/WXUVE0505.png"
+        alt="Taiwan"
+      />
+    </div>
+  </div>
+
+  <div class="animated fadeIn">
+    <div class="col s12">
+      <img
+        class="responsive-img z-depth-3 shoot-img"
+        src="dist/images/photographer/photos/Shoots/Taiwan 2024/MUUDE4708.png"
+        alt="Taiwan"
+      />
+    </div>
+  </div>
+
+  <div class="animated fadeIn">
+    <div class="col s12">
+      <img
+        class="responsive-img z-depth-3 shoot-img"
+        src="dist/images/photographer/photos/Shoots/Taiwan 2024/NKQNE6037.png"
+        alt="Taiwan"
+      />
+    </div>
+  </div>
+
+  <div class="page-nav-options">
+    <div ng-click="backToTop()" class="scroll-top-link">Back to Top</div>
+  </div>
+</div>