Puerto Rico 2024 shoot page and various updates

scripts/app.js

@@ -38,6 +38,11 @@
           templateUrl: "templates/photoshoots/washington-photoshoot.html",
           controller: "PhotographerController",
         })
+        .state("puerto-rico-2024-photoshoot", {
+          url: "/puerto-rico-2024-photoshoot",
+          templateUrl: "templates/photoshoots/puerto-rico-2024-photoshoot.html",
+          controller: "PhotographerController",
+        })
         .state("skillset", {
           url: "/skillset",
           templateUrl: "templates/projects/skillset.html",

templates/main/photographer.html

@@ -173,5 +173,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('/puerto-rico-2024-photoshoot')"
+            class="caption"
+            tabindex="0"
+            ng-keydown="($event.which === 13) && go('/puerto-rico-2024-photoshoot')"
+          >
+            Puerto Rico in Film - 2024
+          </h2>
+        </div>
+        <div>
+          <div class="image-overlay-container">
+            <i
+              class="zmdi zmdi-collection-plus zmdi-hc-5x pull-right"
+              ng-click="go('/puerto-rico-2024-photoshoot')"
+              tabindex="0"
+              ng-keydown="($event.which === 13) && go('/puerto-rico-2024-photoshoot')"
+            ></i>
+          </div>
+          <img
+            ng-click="go('/puerto-rico-2024-photoshoot')"
+            class="responsive-img z-depth-3 shoot-main-img"
+            src="dist/images/photographer/photos/Shoots/Puerto Rico 2024/5608041502-R1-E006.jpg"
+            alt="Puerto Rico in Film - 2024"
+          />
+        </div>
+      </div>
+    </div>
   </div>
 </div>

templates/photoshoots/puerto-rico-2024-photoshoot.html

@@ -0,0 +1,141 @@
+<div class="container">
+  <h1>Puerto Rico in Film - 2024</h1>
+  <p class="shoot-text">
+    Taken throughout Puerto Rico [Rollei 35 // 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/Puerto Rico 2024/5532041507-R1-E012.jpg"
+        alt="Puerto Rico"
+      />
+    </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/Puerto Rico 2024/5532041507-R1-E034.jpg"
+        alt="Puerto Rico"
+      />
+    </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/Puerto Rico 2024/5612041506-R1-E005.jpg"
+        alt="Puerto Rico"
+      />
+    </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/Puerto Rico 2024/5612041506-R1-E010.jpg"
+        alt="Puerto Rico"
+      />
+    </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/Puerto Rico 2024/5611041505-R1-022-9A.jpg"
+        alt="Puerto Rico"
+      />
+    </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/Puerto Rico 2024/5611041505-R1-028-12A.jpg"
+        alt="Puerto Rico"
+      />
+    </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/Puerto Rico 2024/5609041503-R1-040-18A.jpg"
+        alt="Puerto Rico"
+      />
+    </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/Puerto Rico 2024/5609041503-R1-056-26A.jpg"
+        alt="Puerto Rico"
+      />
+    </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/Puerto Rico 2024/5575041509-R1-E003.jpg"
+        alt="Puerto Rico"
+      />
+    </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/Puerto Rico 2024/5575041509-R1-E015.jpg"
+        alt="Puerto Rico"
+      />
+    </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/Puerto Rico 2024/5608041502-R1-E006.jpg"
+        alt="Puerto Rico"
+      />
+    </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/Puerto Rico 2024/5608041502-R1-E028.jpg"
+        alt="Puerto Rico"
+      />
+    </div>
+  </div>
+
+  <div class="page-nav-options">
+    <div ng-click="backToTop()" class="scroll-top-link">Back to Top</div>
+  </div>
+</div>