Add story photos

public/family/index.html

@@ -43,9 +43,9 @@ <h5 class="offcanvas-title" id="personName"></h5>
 
   <script src="../shared/js/extend.js"></script>
 
-  <!-- <script src="js/family.min.js"></script> -->
+  <script src="js/family.min.js"></script>
 
-  <script src="js/bootstrap/dom/manipulator.js"></script>
+  <!-- <script src="js/bootstrap/dom/manipulator.js"></script>
   <script src="js/bootstrap/dom/data.js"></script>
   <script src="js/bootstrap/dom/selector-engine.js"></script>
   <script src="js/bootstrap/dom/event-handler.js"></script>
@@ -69,7 +69,7 @@ <h5 class="offcanvas-title" id="personName"></h5>
   <script src="js/template/photo.js"></script>
   <script src="js/template/markers.js"></script>
   <script src="js/template/text.js"></script>
-  <script src="js/main.js"></script>
+  <script src="js/main.js"></script> -->
 </body>
 
 </html>

public/family/js/sidebar.js

@@ -103,6 +103,7 @@ function addPersonDetails(node) {
   let hasBadges = false;
 
   var storyMarkerLabel = {
+    'manufacturing': 'Factory Worker',
     'farming': 'Farmer',
     'retail': 'Divisoria Vendor',
     'computer': 'Information Technology',

public/family/js/stories.js

@@ -338,7 +338,7 @@ var STORIES = {
   },
   'GQJK-G8W': { // Corazon Acosta
     headshot: 'GQJK-G8W-2.signed.webp',
-    headline: 'University of the East - Caloocan Accountancy graduate, housewife, and mother of three.',
+    headline: 'University-of-the-East-Accountancy graduate, housewife, and mother of three.',
     gravemarker: 'GQJK-G8W.lossy.webp',
     stories: `
       <h5>Siblings</h5>
@@ -695,6 +695,12 @@ var STORIES = {
         <p class="caption"><em>Wedding video captured and edited by The Wedding Narrative.</em></p>
       </figure>
 
+      <h5>Living Family Line on Her Wedding</h5>
+      <figure>
+        <img alt="Living Family Line" src="images/stories/Mitch_Family_Line.lossy.webp" />
+        <p class="caption"><em>Photo taken on June 15, 2024. Mitch's family line on his wedding day: (from left to right) Mylen Ajesta, Mitchie Adanza, and Darne Adanza.</em></p>
+      </figure>
+
       <hr />
       <h5>First Pregnancy</h5>
       <p>Since this is her first pregnancy, Mitchie wanted to capture all of the reactions of those closest to them when they find out that they're expecting their first baby. A compilation of reactions from Arbyn and Mitchie's relatives; and their close friends.</p>
@@ -716,11 +722,15 @@ var STORIES = {
       </figure>
     `
   },
-  'GHBR-FK3': { // Mama
+  'GHBR-FK3': { // Mylen Ajesta
+    headline: 'A hardworking beautician and selfless provider who supported her family’s survival and educational needs; and worked as an OFW in the Middle East to ensure her children’s success.',
     stories: `
       <h5>Siblings</h5>
       <ul class="siblings">
         <li class="female details-3">
+          <div class="person-headshot">
+            <img src="images/people/relatives/roselyn.lossy.webp" />
+          </div>
           <div class="person-details">
             <span class="person-name">Roselyn "Beng" V. Ajesta</span>
             <span class="relevant-dates">5 Aug 1964 — 23 Jan 2023 (${bino.calculateAge('5 Aug 1964', '23 Jan 2023')})</span>
@@ -729,6 +739,9 @@ var STORIES = {
           </div>
         </li>
         <li class="male details-3">
+          <div class="person-headshot">
+            <img src="images/people/relatives/rolly.lossy.webp" />
+          </div>
           <div class="person-details">
             <span class="person-name">Rolly V. Ajesta</span>
             <span class="relevant-dates">21 Oct 1971 — Living (${bino.calculateAge('21 Oct 1971', null)})</span>
@@ -740,6 +753,9 @@ var STORIES = {
           <span class="person-name">$\{fullName\}</span>
         </li>
         <li class="male details-3">
+          <div class="person-headshot">
+            <img src="images/people/relatives/bong.lossless.webp" />
+          </div>
           <div class="person-details">
             <span class="person-name">Rodel "Bong" V. Ajesta</span>
             <span class="relevant-dates">15 Mar 1977 — Living (${bino.calculateAge('15 Mar 1979', null)})</span>
@@ -748,6 +764,9 @@ var STORIES = {
           </div>
         </li>
         <li class="female details-3">
+          <div class="person-headshot">
+            <img src="images/people/relatives/cecil.lossless.webp" />
+          </div>
           <div class="person-details">
             <span class="person-name">Cecil V. Ajesta</span>
             <span class="relevant-dates">26 Dec 1979 — Living (${bino.calculateAge('26 Dec 1979', null)})</span>