From 9367c2cacfd0bb527ade949ca702add0cbbcb18d Mon Sep 17 00:00:00 2001
From: rubenwardy <rw@rubenwardy.com>
Date: Sat, 14 May 2022 18:35:07 +0100
Subject: [PATCH] Add blog embed to homepage (#249)

---
 _includes/header.html |  2 +-
 _sass/_blog.scss      | 11 +++++++++++
 assets/css/main.scss  |  1 +
 index.html            | 12 ++++++++++++
 4 files changed, 25 insertions(+), 1 deletion(-)
 create mode 100644 _sass/_blog.scss

diff --git a/_includes/header.html b/_includes/header.html
index a035fc1..3b38b07 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -25,7 +25,7 @@
         <a class="navbar-item" href="{{ '/#gallery' | relative_url }}">Gallery</a>
         <a class="navbar-item" href="{{ '/downloads/' | relative_url }}">Download</a>
         <a class="navbar-item" href="https://content.minetest.net">ContentDB</a>
-        <a class="navbar-item" href="https://forum.minetest.net/viewforum.php?f=18">News</a>
+        <a class="navbar-item" href="https://blog.minetest.net/">Blog</a>
         <a class="navbar-item" href="{{ '/get-involved/' | relative_url }}">Get Involved</a>
         <a class="navbar-item" href="{{ '/education/' | relative_url }}">Education</a>
       </div>
diff --git a/_sass/_blog.scss b/_sass/_blog.scss
new file mode 100644
index 0000000..98ac9d5
--- /dev/null
+++ b/_sass/_blog.scss
@@ -0,0 +1,11 @@
+.blog-embed {
+	// position: relative;
+	text-align: center;
+
+	iframe {
+		width: 100%;
+		height: 230px;
+		max-width: 960px;
+		margin: none auto;
+	}
+}
diff --git a/assets/css/main.scss b/assets/css/main.scss
index 1b5cf20..8e00039 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -11,3 +11,4 @@
 @import "home";
 @import "content";
 @import "footer";
+@import "blog";
diff --git a/index.html b/index.html
index 54124ea..7b65154 100644
--- a/index.html
+++ b/index.html
@@ -58,6 +58,18 @@ redirect_from:
   </div>
 </section>
 
+<section class="section">
+  <div class="container is-max-desktop blog-embed">
+    <h2 id="blog" class="title section-title">Blog</h2>
+    <iframe src="https://blog.minetest.net/embed_latest/" frameborder="0"></iframe>
+    <p>
+      <a class="button is-primary">
+        View more blog posts
+      </a>
+    </p>
+  </div>
+</section>
+
 <section class="section">
   <div class="container">
     <h2 id="gallery" class="title section-title">Gallery</h2>