From bc9c13ca36f37b68195bfc2db99efe0fdbe91104 Mon Sep 17 00:00:00 2001
From: Sadeep Madurange <sadeep@asciimx.com>
Date: Mon, 15 Sep 2025 18:39:42 +0800
Subject: Make the project showcase page wider.

---
 assets/sass/style.scss       | 15 +++++++++++++++
 layouts/_default/baseof.html | 12 +++++++++---
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/assets/sass/style.scss b/assets/sass/style.scss
index 8fac225..7ebeac2 100644
--- a/assets/sass/style.scss
+++ b/assets/sass/style.scss
@@ -32,3 +32,18 @@ pre {
   max-height: 400px;
   overflow-y: auto;
 }
+
+.container-wide {
+  max-width: 32rem;
+  padding-left:  1rem;
+  padding-right: 1rem;
+  margin-left:  auto;
+  margin-right: auto;
+}
+
+@media (min-width: 56em) {
+  .container-wide {
+    max-width: 56rem !important;
+  }
+}
+
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index e2673d4..91a5b1f 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -23,9 +23,15 @@
                 </div>
             </header>
 
-            <main class="container content" id="main">
-                {{ block "main" . }}{{ end }}
-            </main>
+            {{ if (eq .Params.semanticType "projects") }}
+                <main class="container container-wide content" id="main">
+                    {{ block "main" . }}{{ end }}
+                </main>
+            {{ else }}
+                <main class="container content" id="main">
+                    {{ block "main" . }}{{ end }}
+                </main>
+            {{- end -}}
         </div>
 
         <label for="sidebar-checkbox" class="sidebar-toggle"></label>
-- 
cgit v1.2.3