details page in progress

src/pages/photography-details.pug

@@ -0,0 +1,34 @@
+include ../components/mixins.pug
+extends ../components/details-template.pug
+
+-
+    const photographyData = {
+        header: "Photography",
+        description: "temptext.",
+        images: [
+            require('../images/photos/image0.png'),
+            require('../images/photos/image1.png'), 
+            require('../images/photos/image2.png')
+        ],
+        details: "D3100 -> SLT A58."
+    }
+
+block title
+    title Photography Portfolio - Details
+
+block navbar
+    +navbarMixin("Photography")
+
+block header
+    h1.details-title #{photographyData.header}
+    p.details-description #{photographyData.description}
+
+block text
+    p.details-text-content #{photographyData.details}
+    .details-back-link
+        a.back-button(href="./index.html") ← Back to Home
+
+block gallery
+    each image, index in photographyData.images
+        .gallery-item
+            img.gallery-image(src=image alt=`Photography ${index + 1}`)