diff --git a/content/film/2025-06-17/000011750007.webp b/content/film/2025-06-17/000011750007.webp
new file mode 100644
index 0000000..31eb2b7
Binary files /dev/null and b/content/film/2025-06-17/000011750007.webp differ
diff --git a/content/film/2025-06-17/000011750008.webp b/content/film/2025-06-17/000011750008.webp
new file mode 100644
index 0000000..6a7af63
Binary files /dev/null and b/content/film/2025-06-17/000011750008.webp differ
diff --git a/content/film/2025-06-17/000011750009.webp b/content/film/2025-06-17/000011750009.webp
new file mode 100644
index 0000000..292a693
Binary files /dev/null and b/content/film/2025-06-17/000011750009.webp differ
diff --git a/content/film/2025-06-17/000011750010.webp b/content/film/2025-06-17/000011750010.webp
new file mode 100644
index 0000000..12878ce
Binary files /dev/null and b/content/film/2025-06-17/000011750010.webp differ
diff --git a/content/film/2025-06-17/000011750013.webp b/content/film/2025-06-17/000011750013.webp
new file mode 100644
index 0000000..97aa239
Binary files /dev/null and b/content/film/2025-06-17/000011750013.webp differ
diff --git a/content/film/2025-06-17/000011750014.webp b/content/film/2025-06-17/000011750014.webp
new file mode 100644
index 0000000..5c0f1d7
Binary files /dev/null and b/content/film/2025-06-17/000011750014.webp differ
diff --git a/content/film/2025-06-17/000011750016.webp b/content/film/2025-06-17/000011750016.webp
new file mode 100644
index 0000000..9c03842
Binary files /dev/null and b/content/film/2025-06-17/000011750016.webp differ
diff --git a/content/film/2025-06-17/000011750018.webp b/content/film/2025-06-17/000011750018.webp
new file mode 100644
index 0000000..14d94c8
Binary files /dev/null and b/content/film/2025-06-17/000011750018.webp differ
diff --git a/content/film/2025-06-17/000011750021.webp b/content/film/2025-06-17/000011750021.webp
new file mode 100644
index 0000000..5c2585b
Binary files /dev/null and b/content/film/2025-06-17/000011750021.webp differ
diff --git a/content/film/2025-06-17/000011750022.webp b/content/film/2025-06-17/000011750022.webp
new file mode 100644
index 0000000..5fc97fc
Binary files /dev/null and b/content/film/2025-06-17/000011750022.webp differ
diff --git a/content/film/2025-06-17/000011750023.webp b/content/film/2025-06-17/000011750023.webp
new file mode 100644
index 0000000..f1cec87
Binary files /dev/null and b/content/film/2025-06-17/000011750023.webp differ
diff --git a/content/film/2025-06-17/000011750024.webp b/content/film/2025-06-17/000011750024.webp
new file mode 100644
index 0000000..05ba8fa
Binary files /dev/null and b/content/film/2025-06-17/000011750024.webp differ
diff --git a/content/film/2025-06-17/000011750027.webp b/content/film/2025-06-17/000011750027.webp
new file mode 100644
index 0000000..96efd61
Binary files /dev/null and b/content/film/2025-06-17/000011750027.webp differ
diff --git a/content/film/2025-06-17/000011750030.webp b/content/film/2025-06-17/000011750030.webp
new file mode 100644
index 0000000..86b1a8f
Binary files /dev/null and b/content/film/2025-06-17/000011750030.webp differ
diff --git a/content/film/2025-06-17/000011750031.webp b/content/film/2025-06-17/000011750031.webp
new file mode 100644
index 0000000..acb35ff
Binary files /dev/null and b/content/film/2025-06-17/000011750031.webp differ
diff --git a/content/film/2025-06-17/000011760005.webp b/content/film/2025-06-17/000011760005.webp
new file mode 100644
index 0000000..2502bd0
Binary files /dev/null and b/content/film/2025-06-17/000011760005.webp differ
diff --git a/content/film/2025-06-17/000011760006.webp b/content/film/2025-06-17/000011760006.webp
new file mode 100644
index 0000000..aa4d918
Binary files /dev/null and b/content/film/2025-06-17/000011760006.webp differ
diff --git a/content/film/2025-06-17/000011760007.webp b/content/film/2025-06-17/000011760007.webp
new file mode 100644
index 0000000..215af07
Binary files /dev/null and b/content/film/2025-06-17/000011760007.webp differ
diff --git a/content/film/2025-06-17/000011760008.webp b/content/film/2025-06-17/000011760008.webp
new file mode 100644
index 0000000..abeead8
Binary files /dev/null and b/content/film/2025-06-17/000011760008.webp differ
diff --git a/content/film/2025-06-17/000011760010.webp b/content/film/2025-06-17/000011760010.webp
new file mode 100644
index 0000000..c6b5fe5
Binary files /dev/null and b/content/film/2025-06-17/000011760010.webp differ
diff --git a/content/film/2025-06-17/000011760012.webp b/content/film/2025-06-17/000011760012.webp
new file mode 100644
index 0000000..7af1019
Binary files /dev/null and b/content/film/2025-06-17/000011760012.webp differ
diff --git a/content/film/2025-06-17/000011760013.webp b/content/film/2025-06-17/000011760013.webp
new file mode 100644
index 0000000..c82a36e
Binary files /dev/null and b/content/film/2025-06-17/000011760013.webp differ
diff --git a/content/film/2025-06-17/000011760014.webp b/content/film/2025-06-17/000011760014.webp
new file mode 100644
index 0000000..69a9136
Binary files /dev/null and b/content/film/2025-06-17/000011760014.webp differ
diff --git a/content/film/2025-06-17/000011760018.webp b/content/film/2025-06-17/000011760018.webp
new file mode 100644
index 0000000..a3f97ba
Binary files /dev/null and b/content/film/2025-06-17/000011760018.webp differ
diff --git a/content/film/2025-06-17/000011760021.webp b/content/film/2025-06-17/000011760021.webp
new file mode 100644
index 0000000..b01931c
Binary files /dev/null and b/content/film/2025-06-17/000011760021.webp differ
diff --git a/content/film/2025-06-17/000011760022.webp b/content/film/2025-06-17/000011760022.webp
new file mode 100644
index 0000000..4b79414
Binary files /dev/null and b/content/film/2025-06-17/000011760022.webp differ
diff --git a/content/film/2025-06-17/000011760023.webp b/content/film/2025-06-17/000011760023.webp
new file mode 100644
index 0000000..041fef3
Binary files /dev/null and b/content/film/2025-06-17/000011760023.webp differ
diff --git a/content/film/2025-06-17/000011760024.webp b/content/film/2025-06-17/000011760024.webp
new file mode 100644
index 0000000..0c61f27
Binary files /dev/null and b/content/film/2025-06-17/000011760024.webp differ
diff --git a/content/film/2025-06-17/000011760026.webp b/content/film/2025-06-17/000011760026.webp
new file mode 100644
index 0000000..5fdb4d0
Binary files /dev/null and b/content/film/2025-06-17/000011760026.webp differ
diff --git a/content/film/2025-06-17/000011760029.webp b/content/film/2025-06-17/000011760029.webp
new file mode 100644
index 0000000..cc72edc
Binary files /dev/null and b/content/film/2025-06-17/000011760029.webp differ
diff --git a/content/film/2025-06-17/000011760030.webp b/content/film/2025-06-17/000011760030.webp
new file mode 100644
index 0000000..8d546bb
Binary files /dev/null and b/content/film/2025-06-17/000011760030.webp differ
diff --git a/content/film/2025-06-17/000011760032.webp b/content/film/2025-06-17/000011760032.webp
new file mode 100644
index 0000000..9deb9f5
Binary files /dev/null and b/content/film/2025-06-17/000011760032.webp differ
diff --git a/content/film/2025-06-17/images.json b/content/film/2025-06-17/images.json
new file mode 100644
index 0000000..ff62dc0
--- /dev/null
+++ b/content/film/2025-06-17/images.json
@@ -0,0 +1,36 @@
+{
+  "images": [
+    "000011750007.webp",
+    "000011750008.webp",
+    "000011750009.webp",
+    "000011750010.webp",
+    "000011750013.webp",
+    "000011750014.webp",
+    "000011750016.webp",
+    "000011750018.webp",
+    "000011750021.webp",
+    "000011750022.webp",
+    "000011750023.webp",
+    "000011750024.webp",
+    "000011750027.webp",
+    "000011750030.webp",
+    "000011750031.webp",
+    "000011760005.webp",
+    "000011760006.webp",
+    "000011760007.webp",
+    "000011760008.webp",
+    "000011760010.webp",
+    "000011760012.webp",
+    "000011760013.webp",
+    "000011760014.webp",
+    "000011760018.webp",
+    "000011760021.webp",
+    "000011760022.webp",
+    "000011760023.webp",
+    "000011760024.webp",
+    "000011760026.webp",
+    "000011760029.webp",
+    "000011760030.webp",
+    "000011760032.webp"
+  ]
+}
diff --git a/content/film/2025-06-17/index.smd b/content/film/2025-06-17/index.smd
new file mode 100644
index 0000000..63db8a0
--- /dev/null
+++ b/content/film/2025-06-17/index.smd
@@ -0,0 +1,9 @@
+---
+.title = "2025-06-17",
+.date = @date("2025-08-21"),
+.author = "Yadunand Prem",
+.layout = "film.shtml",
+.description = "Banff",
+.draft = false,
+---
+Film Rolls from banff
diff --git a/content/film/index.smd b/content/film/index.smd
new file mode 100644
index 0000000..913cfef
--- /dev/null
+++ b/content/film/index.smd
@@ -0,0 +1,9 @@
+---
+.title = "Film Archive",
+.date = @date("2025-08-21"),
+.author = "Yadunand Prem",
+.layout = "film-archive.shtml",
+.draft = false,
+---
+
+Index of my film photos I've taken over the years. I didn't really want to post them on instagram, and posting them on my site made sense. However, I'm initially just embedding them into the container, I might think of hosting them externally. 
diff --git a/layouts/film-archive.shtml b/layouts/film-archive.shtml
new file mode 100644
index 0000000..0c4e344
--- /dev/null
+++ b/layouts/film-archive.shtml
@@ -0,0 +1,25 @@
+<extend template="base.shtml">
+<head id="head">
+  <style>
+    .date {
+      font-size: 0.9em;
+    }
+    
+    .title h3{
+      margin-top: 0;
+    }
+  </style>
+</head>
+<body id="body">
+  <h1 :text="$page.title"></h1>
+  <div :html="$page.content()"></div>
+  <div>
+    <h2>Rolls</h2>
+    <div :loop="$page.subpages()">
+      <span class="date" :text="$loop.it.date.format('Year 2006')"></span>
+      <a class="title" href="$loop.it.link()">
+        <h3 :text="$loop.it.title"></h3>
+      </a>
+    </div>
+  </div>
+</body>
diff --git a/layouts/film.shtml b/layouts/film.shtml
new file mode 100644
index 0000000..fdb5c63
--- /dev/null
+++ b/layouts/film.shtml
@@ -0,0 +1,119 @@
+<extend template="base.shtml">
+<head id="head">
+  <style>
+    #prev-next {
+     display: flex;
+     flex-direction: row;
+     justify-content: space-between;
+     margin-top: 40px;
+    }
+
+    figure {
+      align-self: center;
+      text-align: center;
+      font-style: italic;
+    }
+
+    .post {
+      display:flex;
+      flex-direction: column;
+    }
+
+    .image-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+      grid-auto-rows: 150px;
+      gap: 10px;
+      margin-bottom: 40px;
+      padding: 0 10px;
+    }
+
+    @media (min-width: 480px) {
+      .image-grid {
+        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+        grid-auto-rows: 180px;
+        gap: 12px;
+      }
+    }
+
+    @media (min-width: 768px) {
+      .image-grid {
+        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+        grid-auto-rows: 200px;
+        gap: 15px;
+        padding: 0;
+      }
+    }
+
+    @media (min-width: 1200px) {
+      .image-grid {
+        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+      }
+    }
+
+    .image-grid img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+      border-radius: 8px;
+      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+      transition: transform 0.3s ease;
+    }
+
+    .image-grid img:hover {
+      transform: scale(1.02);
+    }
+
+    .image-grid a.portrait {
+      grid-row: span 2;
+    }
+
+    .film-container {
+      max-width: 1400px;
+      margin: 0 auto;
+      padding: 0 20px;
+    }
+
+    .film-container h1 {
+      text-align: center;
+      margin-bottom: 30px;
+    }
+  </style>
+  <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      const images = document.querySelectorAll('.image-grid img');
+      images.forEach(img => {
+        img.onload = function() {
+          if (this.naturalHeight > this.naturalWidth) {
+            this.parentElement.classList.add('portrait');
+          }
+        };
+      });
+    });
+  </script>
+</head>
+<body id="body">
+  <div class="film-container">
+    <h1 :text="$page.title"></h1>
+    <div class="post" :html="$page.content()"></div>
+    <div class="image-grid" :loop="$page.asset('images.json').ziggy().get('images')">
+      <a href="$page.asset($loop.it).link()" target="_blank">
+        <img src="$page.asset($loop.it).link()">
+      </a>
+    </div>
+    <div id="prev-next">
+    <div :if="$page.prevPage?()">
+      <a href="$if.link()">
+        ←
+        <span :text="$if.title"></span>
+      </a>
+    </div>
+    <div :if="$page.nextPage?()">
+      <a href="$if.link()">
+        <span :text="$if.title"></span>
+        →
+      </a>
+    </div>
+  </div>
+</div>
+</body>
diff --git a/layouts/templates/base.shtml b/layouts/templates/base.shtml
index 3a653c7..ca20f2e 100644
--- a/layouts/templates/base.shtml
+++ b/layouts/templates/base.shtml
@@ -25,6 +25,8 @@
       </ctx>
        &nbsp; • &nbsp;
       <a href="$site.asset('resume.pdf').link()">Resume</a>
+       &nbsp; • &nbsp;
+      <a href="$site.page('film').link()">Film</a>
     </nav>
     <super>
     <footer>