diff --git a/_site/assets/layouts/Leilukins-Hub-blog-layout-2024-04.png b/_site/assets/layouts/Leilukins-Hub-blog-layout-2024-04.png
new file mode 100644
index 00000000..6880550a
Binary files /dev/null and b/_site/assets/layouts/Leilukins-Hub-blog-layout-2024-04.png differ
diff --git a/_site/assets/layouts/Leilukins-Hub-layout-2024-04.png b/_site/assets/layouts/Leilukins-Hub-layout-2024-04.png
new file mode 100644
index 00000000..fbe332f5
Binary files /dev/null and b/_site/assets/layouts/Leilukins-Hub-layout-2024-04.png differ
diff --git a/_site/changelogs/layouts/index.html b/_site/changelogs/layouts/index.html
index 027bfba0..d6f10d2c 100644
--- a/_site/changelogs/layouts/index.html
+++ b/_site/changelogs/layouts/index.html
@@ -381,6 +381,9 @@
         <nav class="toc">
                 <ol>
                     
+                    <li><a href="#20-april-2024">20 April 2024</a>
+            		</li>
+
                     <li><a href="#11-september-2023-blog-layout">11 September 2023 Blog Layout</a>
             		</li>
 
@@ -483,6 +486,11 @@
     </a>
 </div>
 
+<div class="heading-wrapper h2">
+<h2 id="20-april-2024">20 April 2024</h2>
+<a class="heading-anchor" href="#20-april-2024" aria-labelledby="20-april-2024"><span hidden>#</span></a></div>
+<p><img src="/assets/layouts/Leilukins-Hub-layout-2024-04.png" alt="Leilukin&#39;s Hub home page on 11 September 2023"></p>
+<p><img src="/assets/layouts/Leilukins-Hub-blog-layout-2024-04.png" alt="Leilukin&#39;s Hub blog on 11 September 2023"></p>
 <div class="heading-wrapper h2">
 <h2 id="11-september-2023-blog-layout">11 September 2023 Blog Layout</h2>
 <a class="heading-anchor" href="#11-september-2023-blog-layout" aria-labelledby="11-september-2023-blog-layout"><span hidden>#</span></a></div>
diff --git a/_site/feed.xml b/_site/feed.xml
index 3528b2a5..d00ad8d2 100644
--- a/_site/feed.xml
+++ b/_site/feed.xml
@@ -4,7 +4,7 @@
     <subtitle>Leilukin&#39;s personal website.</subtitle>
     <link href="https://leilukin.neocities.org/feed.xml" rel="self"/>
     <link href="https://leilukin.neocities.org"/>
-    <updated>2024-04-21T06:46:29Z</updated>
+    <updated>2024-04-21T06:58:16Z</updated>
     <id>https://leilukin.neocities.org</id>
     <author>
         <name>Leilukin</name>
diff --git a/src/assets/layouts/Leilukins-Hub-blog-layout-2024-04.png b/src/assets/layouts/Leilukins-Hub-blog-layout-2024-04.png
new file mode 100644
index 00000000..6880550a
Binary files /dev/null and b/src/assets/layouts/Leilukins-Hub-blog-layout-2024-04.png differ
diff --git a/src/assets/layouts/Leilukins-Hub-layout-2024-04.png b/src/assets/layouts/Leilukins-Hub-layout-2024-04.png
new file mode 100644
index 00000000..fbe332f5
Binary files /dev/null and b/src/assets/layouts/Leilukins-Hub-layout-2024-04.png differ
diff --git a/src/changelogs/pages/layouts.md b/src/changelogs/pages/layouts.md
index b4348ff1..1054fcaa 100644
--- a/src/changelogs/pages/layouts.md
+++ b/src/changelogs/pages/layouts.md
@@ -16,6 +16,20 @@ eleventyNavigation:
     {% endfor %}
 {%- endmacro -%}
 
+{{ siteLayout({
+    title: "20 April 2024",
+    screenshots: [
+        {
+            imgFile: "Leilukins-Hub-layout-2024-04.png",
+            imgAlt: "Leilukin's Hub home page on 11 September 2023"
+        },
+        {
+            imgFile: "Leilukins-Hub-blog-layout-2024-04.png",
+            imgAlt: "Leilukin's Hub blog on 11 September 2023"
+        }
+    ]
+}) }}
+
 {{ siteLayout({
     title: "11 September 2023 Blog Layout",
     screenshots: [