diff --git a/index.html b/index.html
index e86840b..1ab37da 100644
--- a/index.html
+++ b/index.html
@@ -466,6 +466,9 @@
 				</ul>
 			</fieldset>
 
+			<h3>latest blog posts</h3>
+			<iframe src="https://blog.slonk.ing/posts?n=5" sandbox style="height: 16em"></iframe>
+
 			<p>
 				this page has a total of 0 bytes of javascript<br />
 				in my experience (and many others'), setting constraints about the medium like "completely static, no
diff --git a/style.css b/style.css
index 605b06c..4bbc10d 100644
--- a/style.css
+++ b/style.css
@@ -31,8 +31,7 @@
 
 :root,
 code {
-	font-family: "Hack", "Hack Nerd Font", "JetBrains Mono", "JetBrainsMono Nerd Font", monospace,
-		sans-serif;
+	font-family: "Hack", "Hack Nerd Font", "JetBrains Mono", "JetBrainsMono Nerd Font", monospace, sans-serif;
 }
 
 :root {
@@ -100,6 +99,12 @@ fieldset {
 	border-color: var(--text);
 }
 
+fieldset,
+iframe {
+	width: 100%;
+	box-sizing: border-box;
+}
+
 footer {
 	text-align: end;
 	font-size: small;
@@ -231,12 +236,7 @@ blockquote {
 	width: 100vw;
 	height: 100vh;
 	background: rgb(154, 65, 40);
-	background: linear-gradient(
-		215deg,
-		rgba(154, 65, 40, 1) 0%,
-		rgba(116, 36, 94, 1) 50%,
-		rgba(59, 56, 132, 1) 100%
-	);
+	background: linear-gradient(215deg, rgba(154, 65, 40, 1) 0%, rgba(116, 36, 94, 1) 50%, rgba(59, 56, 132, 1) 100%);
 	background-repeat: no-repeat;
 	background-attachment: fixed;
 	background-size: 100% 100%;