From 03860ebc2e0624ecd0cf094498ac3bfc2df18183 Mon Sep 17 00:00:00 2001
From: Jakob L. Kreuze
Date: Tue, 28 Jul 2020 12:54:40 -0400
Subject: [kona-web] Implement infinite scroll.

---
 templates/index.hbs | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

(limited to 'templates')

diff --git a/templates/index.hbs b/templates/index.hbs
index db2202d..9f85a85 100644
--- a/templates/index.hbs
+++ b/templates/index.hbs
@@ -9,9 +9,13 @@
   <header>
     <h1><a href="/">Kona</a></h1>
   </header>
-  <main>
+  <main id="main">
     {{#each images}}
-    <a href="/posts/{{ id }}"><img src="/image/{{thumb_filename}}"></a>
+    <div id="image-{{ id }}" class="image-container">
+      <a href="/posts/{{ id }}">
+        <img src="/image/{{thumb_filename}}">
+      </a>
+    </div>
     {{/each}}
     {{#if next_page}}
     <p><a href="{{next_page}}">next</a></p>
@@ -35,5 +39,6 @@
       </ul>
     </section>
   </aside>
+  <script src="/public/js/infinite_scroll.js"></script>
 </body>
 </html>
-- 
cgit v1.3