# listing_page_no_js.patch -rw-r--r-- 1.6 KiB View raw
                                                                                
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
diff --git a/src/main.js b/src/main.js
index bd038e3..e3db3ff 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,6 +1,11 @@
 import App from './App.svelte';
 
 const rootEl = document.querySelector('.app');
+
+// wipe content of app element allowing for no js fallback content
+while(rootEl.firstChild)
+  rootEl.removeChild(rootEl.firstChild);
+
 const urlParams = new URLSearchParams(window.location.search);
 const urlTag = urlParams.get('tag');
 const app = new App({
@@ -10,4 +15,4 @@ const app = new App({
     }
 });
 
-export default app;
\ No newline at end of file
+export default app;
--
diff --git a/content/blog/_index.en.md b/content/blog/_index.en.md
index 3b59b59..acffee2 100644
--- a/content/blog/_index.en.md
+++ b/content/blog/_index.en.md
@@ -1,10 +1,10 @@
 ---
 title: "Blog"
-type: app
+type: listing_app
 css:
-  - https://travisshears.com/apps/listing-page/0.2.0/bundle.css
+  - https://travisshears.com/apps/listing-page/0.3.0/bundle.css
 js:
-  - https://travisshears.com/apps/listing-page/0.2.0/bundle.js
+  - https://travisshears.com/apps/listing-page/0.3.0/bundle.js
 outputs:
 - html
 - rss
diff --git a/themes/base/layouts/listing_app/list.html b/themes/base/layouts/listing_app/list.html
new file mode 100755
index 0000000..6f194b1
--- /dev/null
+++ b/themes/base/layouts/listing_app/list.html
@@ -0,0 +1,14 @@
+{{ define "main" }}
+  <article class="app">
+    <section>
+      {{- .Content -}}
+    </section>
+    <section>
+      {{ range .Pages }}
+        <div>
+          {{- partial "summary.html" . -}}
+        </div>
+      {{ end }}
+    </section>
+  </article>
+{{ end }}