Added Related Questions as partial

Author: aryan

content/exercises/_index.md

@@ -1,6 +1,7 @@
 ---
 title: "Exercises"
 width : full
+math: true
 cascade:
   width: normal
   math: true

layouts/exercises/list.html

@@ -27,7 +27,7 @@ <h1 class="hx-text-center">Blog with featured tag</h1>
 
       {{/*  {{ partial "exercise-cards.html" . }}  */}}
 
-      {{ partial "question-cards.html" . }}
+      {{ partial "questions-list.html" . }}
 
     </main>
   </article>

layouts/exercises/single.html

@@ -52,6 +52,7 @@
           {{- .Scratch.Set "reversePagination" true -}}
           {{- partial "components/pager.html" . -}}
         {{ end }}
+        {{- partial "related-question-cards.html" . -}}
         {{- partial "components/comments.html" . -}}
       </main>
     </article>

layouts/partials/question-cards.html

@@ -1,10 +1,7 @@
-<div class="blogs-wrapper">
-  {{- $pages := partial "utils/sort-pages" (dict "page" . "by"
-  site.Params.blog.list.sortBy "weight" site.Params.blog.list.sortOrder) -}} {{-
-  range $pages }}
+
   <a href="{{ .RelPermalink }}">
   <div class="question-card hx-mb-10">
-      <div class="question-header mona-sans">
+      <div class="question-header mona-sans fireship-tag tag-cloud-functions">
         <h3>
           <a
             style="color: inherit; text-decoration: none"
@@ -48,8 +45,7 @@ <h3>
       </div>
     </div>
   </a>
-  {{ end -}}
-</div>
+
 
 <style>
   .question-tag {
@@ -68,8 +64,8 @@ <h3>
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
   }
   .question-header {
+    display: block;
     overflow: hidden;
-    background-color: #b3e5fc;
     border-radius: 8px 8px 8px 8px;
     padding: 20px;
   }
@@ -112,7 +108,6 @@ <h3>
 
   html:is([class~="dark"], [class*="theme-dark"]) {
     .question-card {
-      background: #181a1b;
       border-color: #4d4d4d;
     }
     .question-card h3 {

layouts/partials/questions-list.html

@@ -0,0 +1,14 @@
+<div class="blogs-wrapper">
+  {{- $pages := partial "utils/sort-pages" (dict "page" . "by"
+  site.Params.blog.list.sortBy "weight" site.Params.blog.list.sortOrder) -}} {{-
+  range $pages }} {{ partial "question-cards.html" . }} {{ end -}}
+</div>
+
+<style>
+  .blogs-wrapper {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 12px;
+    padding: 0 18px;
+  }
+</style>

layouts/partials/related-question-cards.html

@@ -0,0 +1,41 @@
+{{- $relatedQuestions := (T "relatedQuestions") | default "More Questions"}}
+{{- $borderClass := "hx-mt-8 hx-border-t" -}}
+
+{{ if .Params.showRelatedContent | default (.Site.Params.blog.article.showRelatedContent | default false)}}
+{{ $related := .Site.RegularPages.Related . | first .Site.Params.blog.article.relatedContentLimit }}
+{{ with $related }}
+<div class="related-articles">
+<hr class="{{$borderClass}} dark:hx-border-neutral-800 contrast-more:hx-border-t contrast-more:hx-border-neutral-400 contrast-more:hx-shadow-none contrast-more:dark:hx-border-neutral-400">
+{{/*  <h2 class="mt-8 text-2xl font-extrabold mb-10">{{ i18n "article.related_articles" | emojify }}</h2>  */}}
+<h2 class="hx-mt-8 hx-title ">{{ $relatedQuestions}}</h2>
+<hr class="{{$borderClass}} dark:hx-border-neutral-800 contrast-more:hx-border-t contrast-more:hx-border-neutral-400 contrast-more:hx-shadow-none contrast-more:dark:hx-border-neutral-400">
+<div class="related-questions-wrapper">
+  {{ range . }}
+  {{ partial "question-cards.html" . }}
+  {{ end }}
+</div>
+</div>
+
+<hr class="{{$borderClass}} hx-mb-8 dark:hx-border-neutral-800 contrast-more:hx-border-t contrast-more:hx-border-neutral-400 contrast-more:hx-shadow-none contrast-more:dark:hx-border-neutral-400">
+
+{{ end }}
+{{ end }}
+
+<style>
+  .hx-title {
+    font-size: 1.2rem;
+    font-weight: bold;
+  }
+  .related-questions-wrapper {
+    margin-top: 40px;
+    margin-bottom: 80px;
+    display: grid;
+    justify-items: center;
+   
+    /* Optional: Add some padding to the container */
+
+
+  }
+
+
+</style>

layouts/term/term.html

@@ -16,7 +16,7 @@
         {{ partial "blog-cards.html" . }}
           {{ else }}
         {{/*  {{ partial "exercise-cards.html" . }}  */}}
-        {{ partial "question-cards.html" . }}
+        {{ partial "questions-list.html" . }}
           {{ end }}
       </main>
     </article>