From 449429cf7593bca955afdf4a326c38d82eae3d7e Mon Sep 17 00:00:00 2001
From: david-swift <haenerdavid@icloud.com>
Date: Tue, 11 Mar 2025 21:55:33 +0100
Subject: [PATCH] Add expand feature to subprojects

---
 content/subprojects/blog/index.md       | 5 ++---
 content/subprojects/subproject/index.md | 7 ++++++-
 sass/_subproject-list.scss              | 9 ++++++++-
 templates/partials/subprojects.html     | 2 +-
 4 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/content/subprojects/blog/index.md b/content/subprojects/blog/index.md
index d6f06d4..e7ecc5b 100644
--- a/content/subprojects/blog/index.md
+++ b/content/subprojects/blog/index.md
@@ -1,11 +1,10 @@
 +++
-weight = 1
+weight = 2
 title = "Blogs"
 description = "Duckling offers the blogs feature borrowed from Duckquill 🦆"
 [taxonomies]
 tags = ["Demo", "Test"]
 [extra]
 preview = "duckling.jpg"
+url = "/blog"
 +++
-
-Check out the [sample blog](/blog) to see the blogging feature in action!
diff --git a/content/subprojects/subproject/index.md b/content/subprojects/subproject/index.md
index e2ae254..f0aeac2 100644
--- a/content/subprojects/subproject/index.md
+++ b/content/subprojects/subproject/index.md
@@ -1,5 +1,5 @@
 +++
-weight = 2
+weight = 1
 title = "Subprojects"
 description = "Showcase parts of your project!"
 [taxonomies]
@@ -7,8 +7,13 @@ tags = ["Demo", "Test"]
 [extra]
 preview = "duckling.jpg"
 badge = "New"
+expand = true
 +++
 
 I'm an example for a subproject!
 
 The [subprojects page](/subprojects) shows multiple subprojects in a grid.
+
+<br>
+
+{{ image(url="duckling.jpg", alt="This is an image", no_hover=true) }}
diff --git a/sass/_subproject-list.scss b/sass/_subproject-list.scss
index 7753083..cacb670 100644
--- a/sass/_subproject-list.scss
+++ b/sass/_subproject-list.scss
@@ -3,7 +3,6 @@
 	flex-wrap: wrap;
 
 	article {
-		width: calc(50% - 0.5rem);
 		min-width: 300px;
 		flex-grow: 1;
 
@@ -22,6 +21,14 @@
 		}
 	}
 
+	article:not(.expand) {
+		width: calc(50% - 0.5rem);
+	}
+
+	.expand {
+		flex-grow: 2;
+	}
+
 	.badge {
 		color: var(--accent-color);
 		pointer-events: none;
diff --git a/templates/partials/subprojects.html b/templates/partials/subprojects.html
index 0501a9e..d13aa4d 100644
--- a/templates/partials/subprojects.html
+++ b/templates/partials/subprojects.html
@@ -1,6 +1,6 @@
 <div id="subproject-list">
 	{%- for page in section.pages %}
-		<article>
+		<article class="{%- if page.extra.expand -%}expand{%- endif -%}">
 			{%- if page.extra.url -%}
 				<a href="{{ page.extra.url }}"></a>
 			{%- else -%}