imporve thumbnail look in posts;

Author: youssefadly237

themes/math-gallery-theme/archetypes/default.md

@@ -4,6 +4,7 @@ draft = true
 title = '{{ replace .File.ContentBaseName "-" " " | title }}'
 description = ''
 thumbnail = ''
+# showThumbnail = false
 tags = []
 # coauthors = [
 #   { name = 'Jane Doe', link = 'mailto:jane@example.com' },

themes/math-gallery-theme/assets/css/main.css

@@ -532,10 +532,15 @@ a.page-btn:hover {
   max-width: 800px;
 }
 
+.post-hero {
+  display: flex;
+  justify-content: center;
+  margin-bottom: 1.5rem;
+}
+
 .post-hero img {
-  width: 100%;
+  width: 50%;
   border-radius: 0.5rem;
-  margin-bottom: 1.5rem;
 }
 
 .post-header {

themes/math-gallery-theme/layouts/page.html

@@ -1,12 +1,5 @@
 {{ define "main" }}
 <article class="post-single">
-  <!-- Thumbnail -->
-  {{ with .Params.thumbnail }}
-    <div class="post-hero">
-      <img src="{{ site.Home.RelPermalink }}{{ . | strings.TrimPrefix "/" }}" alt="{{ $.Title }}" />
-    </div>
-  {{ end }}
-
   <header class="post-header">
     <h1>{{ .Title }}</h1>
 
@@ -37,6 +30,15 @@ <h1>{{ .Title }}</h1>
     {{ partial "terms.html" (dict "taxonomy" "tags" "page" .) }}
   </header>
 
+  <!-- Thumbnail (shown after title unless showThumbnail = false) -->
+  {{ if ne .Params.showThumbnail false }}
+    {{ with .Params.thumbnail }}
+      <div class="post-hero">
+        <img src="{{ site.Home.RelPermalink }}{{ . | strings.TrimPrefix "/" }}" alt="{{ $.Title }}" />
+      </div>
+    {{ end }}
+  {{ end }}
+
   <div class="post-content">
     {{ .Content }}
   </div>