diff --git a/templates/index.html b/templates/index.html
index b59e74e..de9deb8 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -55,43 +55,11 @@
     <h1>Next Book</h1>
     <p>Suggestions for the next book to read from your Storygraph to-read pile</p>
   </header>
-  <main>
-    {{ $cat := "Fiction" }}
-    {{ $book := index . $cat }}
-    <div class="category" style="grid-column: span 4;">
-      <h3>{{ $cat }}</h3>
-      <a href="{{ $book.Link }}" target="_blank">
-        <img src="{{ $book.Image }}" alt="{{ $book.Name }} cover" style="height: 250px;" />
-      </a>
-      <a href="{{ $book.Link }}" target="_blank">{{ $book.Name }}</a>
-      <div class="rating">⭐ {{ $book.Rating }}</div>
-    </div>
-    {{ $cat := "Non-Fiction" }}
-    {{ $book := index . $cat }}
-    <div class="category" style="grid-column: span 4;">
-      <h3>{{ $cat }}</h3>
-      <a href="{{ $book.Link }}" target="_blank">
-        <img src="{{ $book.Image }}" alt="{{ $book.Name }} cover" style="height: 250px;" />
-      </a>
-      <a href="{{ $book.Link }}" target="_blank">{{ $book.Name }}</a>
-      <div class="rating">⭐ {{ $book.Rating }}</div>
-    </div>
-    {{ $cat := "Comics" }}
-    {{ $book := index . $cat }}
-    <div class="category" style="grid-column: span 4;">
-      <h3>{{ $cat }}</h3>
-      <a href="{{ $book.Link }}" target="_blank">
-        <img src="{{ $book.Image }}" alt="{{ $book.Name }} cover" style="height: 250px;" />
-      </a>
-      <a href="{{ $book.Link }}" target="_blank">{{ $book.Name }}</a>
-      <div class="rating">⭐ {{ $book.Rating }}</div>
-    </div>
-
-    {{ range $cat, $book := .}}
-    {{ if or (eq $cat "Fiction") (eq $cat "Non-Fiction") (eq $cat "Comics") }}
-      {{ continue }}
-    {{ end }}
-      <div class="category">
+  {{ if index . "Fiction" }}
+    <main>
+      {{ $cat := "Fiction" }}
+      {{ $book := index . $cat }}
+      <div class="category" style="grid-column: span 4;">
         <h3>{{ $cat }}</h3>
         <a href="{{ $book.Link }}" target="_blank">
           <img src="{{ $book.Image }}" alt="{{ $book.Name }} cover" style="height: 250px;" />
@@ -99,7 +67,45 @@
         <a href="{{ $book.Link }}" target="_blank">{{ $book.Name }}</a>
         <div class="rating">⭐ {{ $book.Rating }}</div>
       </div>
-    {{ end }}
-  </main>
+      {{ $cat := "Non-Fiction" }}
+      {{ $book := index . $cat }}
+      <div class="category" style="grid-column: span 4;">
+        <h3>{{ $cat }}</h3>
+        <a href="{{ $book.Link }}" target="_blank">
+          <img src="{{ $book.Image }}" alt="{{ $book.Name }} cover" style="height: 250px;" />
+        </a>
+        <a href="{{ $book.Link }}" target="_blank">{{ $book.Name }}</a>
+        <div class="rating">⭐ {{ $book.Rating }}</div>
+      </div>
+      {{ $cat := "Comics" }}
+      {{ $book := index . $cat }}
+      <div class="category" style="grid-column: span 4;">
+        <h3>{{ $cat }}</h3>
+        <a href="{{ $book.Link }}" target="_blank">
+          <img src="{{ $book.Image }}" alt="{{ $book.Name }} cover" style="height: 250px;" />
+        </a>
+        <a href="{{ $book.Link }}" target="_blank">{{ $book.Name }}</a>
+        <div class="rating">⭐ {{ $book.Rating }}</div>
+      </div>
+
+      {{ range $cat, $book := .}}
+      {{ if or (eq $cat "Fiction") (eq $cat "Non-Fiction") (eq $cat "Comics") }}
+        {{ continue }}
+      {{ end }}
+        <div class="category">
+          <h3>{{ $cat }}</h3>
+          <a href="{{ $book.Link }}" target="_blank">
+            <img src="{{ $book.Image }}" alt="{{ $book.Name }} cover" style="height: 250px;" />
+          </a>
+          <a href="{{ $book.Link }}" target="_blank">{{ $book.Name }}</a>
+          <div class="rating">⭐ {{ $book.Rating }}</div>
+        </div>
+      {{ end }}
+    </main>
+  {{ else }}
+    <div class="container" style="text-align: center;padding: 4rem;">
+      <h2>Still loading book recommendations...</h2>
+    </div>
+  {{ end }}
 </body>
 </html>