diff --git a/data/2024/week05.md b/data/2024/week05.md
index 9b1b9af..5e8135c 100644
--- a/data/2024/week05.md
+++ b/data/2024/week05.md
@@ -1,3 +1,7 @@
+---
+published: https://paragraph.xyz/@privacynews/2024-05
+---
+
 ### Research
 
 * [Privacy Spreadsheet](https://privacyspreadsheet.com/messaging-apps) comparing different messengers on their privacy properties ([src](https://twitter.com/russian_bot_69/status/1754051913182478683))
diff --git a/web/src/components/WeekNews.astro b/web/src/components/WeekNews.astro
new file mode 100644
index 0000000..ddc70bb
--- /dev/null
+++ b/web/src/components/WeekNews.astro
@@ -0,0 +1,30 @@
+---
+import { setWeek, nextMonday, format, addDays } from 'date-fns';
+const { issue } = Astro.props;
+
+const [ year, week ] = issue.week.split('-');
+const current = false;
+
+---
+
+
+<div class=`mb-8 border ${!issue.published ? "border-dashed border-blue-950" : "border-white/20"}`>
+    
+    <div class=`flex w-full p-4 sm:p-6 ${!issue.published ? "bg-blue-950" : "bg-white/10"}`>
+        <div class="grid gap-2 sm:gap-6 sm:flex items-center">
+            <h1 class="text-2xl"><a href={issue.published} class=`${!issue.published ? 'no-underline' : ''}`>Week {issue.week.split('-').join('/')}</a></h1>
+            <div class=`text-xl ${current ? "text-white/50" : ""}`>{format(issue.period[0], "MMM d")} - {format(issue.period[1], "MMM d, yyyy")}</div>
+            {!issue.published &&
+                <div class="text-white">🚧 Current week</div>
+            }
+        </div>
+        <div class="grow"></div>
+        <div class="">
+            <a href=`https://github.com/web3privacy/news/edit/main/data/${year}/week${week}.md`>Edit</a>
+        </div>
+    </div>
+
+    <div class="p-4 sm:p-6">
+        <div class="news-content" set:html={issue.newsHtml}></div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/web/src/components/WeekNews.svelte b/web/src/components/WeekNewsDynamic.svelte
similarity index 100%
rename from web/src/components/WeekNews.svelte
rename to web/src/components/WeekNewsDynamic.svelte
diff --git a/web/src/issues.json b/web/src/issues.json
new file mode 120000
index 0000000..5d2628e
--- /dev/null
+++ b/web/src/issues.json
@@ -0,0 +1 @@
+../../dist/index.json
\ No newline at end of file
diff --git a/web/src/pages/index.astro b/web/src/pages/index.astro
index 03981a8..581dcc6 100644
--- a/web/src/pages/index.astro
+++ b/web/src/pages/index.astro
@@ -1,7 +1,8 @@
 ---
 
 import BaseLayout from '../layouts/base.astro';
-import WeekNews from '../components/WeekNews.svelte';
+import WeekNews from '../components/WeekNews.astro';
+import issues from '../issues.json';
 
 ---
 
@@ -9,6 +10,7 @@ import WeekNews from '../components/WeekNews.svelte';
 	<div class="mb-8">
 		<a href="https://paragraph.xyz/@privacynews/subscribe">Subscribe now!</a>
 	</div>
-	<WeekNews year="2024" week="06" current={true} client:load />
-	<WeekNews year="2024" week="05" client:load />
+	{issues.map((issue) => (
+		<WeekNews {issue} />
+	))}
 </BaseLayout>
\ No newline at end of file
diff --git a/web/src/styles/base.css b/web/src/styles/base.css
index 482e095..c66a868 100644
--- a/web/src/styles/base.css
+++ b/web/src/styles/base.css
@@ -16,6 +16,16 @@
     a:hover {
         @apply no-underline;
     }
+
+    .news-content h3 {
+        @apply mb-4 text-xl;
+    }
+    .news-content ul {
+        @apply list-disc mb-6;
+    }
+    .news-content li {
+        @apply ml-6 mb-2;
+    }
 }
 
 .w3pn-logo {