Added Related Chapters.html for notes single.html

Author: aryan

content/exercises/graded-assignments/mathematics-1/W8GA1.md

@@ -10,6 +10,7 @@ categories:
 
 ## 1. Multiple Select Questions (MSQ)
 
+{{< border >}}
 **Question 1:**
 Match the given functions in Column A with the equations of their tangents at the origin $(0,0)$ in column B and the plotted graphs and the tangents in Column C, given in Table M2W2G1.
 
@@ -26,21 +27,18 @@ Option 2: i) $\rightarrow$ b) $\rightarrow 3$
 Option 3: iii) $\rightarrow$ b) $\rightarrow 1$
 Option 4: iii) $\rightarrow$ c) $\rightarrow 2$
 Option 5: i) $\rightarrow$ a) $\rightarrow 1$
+{{< border >}}
 
+{{</ border >}}
 **Solution:**
 
-- **i):** $f(x)=x2^{x}$, $f'(0)=1$ → tangent: $y=x$ → matches with b) and graph 3
-
-**i) $\rightarrow$ b) $$
-\rightarrow 3**  
-- **ii):** $f(x)=x(x-2)(x+2)$, $f'(0)=-4$ → tangent: $y=-4x$ → matches with a) and graph 1  
-**ii) $\rightarrow$ a)
-$$\rightarrow 1**
+- **i):** $f(x)=x2^{x}$, $f'(0)=1$ → tangent: $y=x$ → matches with b) and graph 3 **i) $\rightarrow$ b $$\rightarrow 3**  
+- **ii):** $f(x)=x(x-2)(x+2)$, $f'(0)=-4$ → tangent: $y=-4x$ → matches with a) and graph 1  **ii) $\rightarrow$ a) $$\rightarrow 1**
 - **iii):** $f(x)=-x(x-2)(x+2)$, $f'(0)=4$ → tangent: $y=4x$ → matches with c) and graph 2
 
 **iii) $\rightarrow$ c) \$\$\rightarrow 2**
+{{</ border >}}
 
----
 
 **Question 2:**
 Consider the following two functions $f(x)$ and $g(x)$:

content/notes/iit-madras/data-science-and-application/foundational-level/english-2/week 1/aq1.1.md

@@ -9,8 +9,12 @@ weight: 1.5
 weight: 1.5
 ---
 
+{{< border >}}
+
 1. "The cafe was like a battleship stripped for action.” The figure of speech used here is ___.
+{{</ border >}}
 
+{{< border >}}
 Drawing on the information from the sources discussing figures of speech:
 
 The figure of speech used in the sentence "The cafe was like a battleship stripped for action" is **Simile**.
@@ -20,9 +24,13 @@ A simile is a literary device used for the comparison of two completely unassoci
 In the given sentence, the cafe is explicitly compared to "a battleship stripped for action" using the word "**like**". This fits the definition and characteristic use of "like" or "as" in a simile. The purpose of this comparison, as with other similes, is to create impact, provide comparison, make language impactful, and create a picture in the reader's mind.
 
 This contrasts with a metaphor, which is also a type of comparison, but where a word or phrase is used in place of another to suggest likeness or analogy *without* typically using "like" or "as" for the direct comparison.
+{{</ border >}}
 
+{{< border >}}
 2. “Do not go gentle into that good night.” The figure of speech used here is ____.
+{{</ border >}}
 
+{{< border >}}
 Drawing on the information from the sources and our conversation history, the figure of speech used in the sentence "Do not go gentle into that good night" is **Juxtaposition**.
 
 Here's why, based on the sources:
@@ -39,9 +47,13 @@ While other figures might also be present:
 *   While similar in nature to **Antithesis**, antithesis typically involves two distinct components following a parallel grammatical structure, which is not the primary structure of this single imperative sentence. The opposition is within the single statement.
 
 Therefore, based on the descriptions provided in the sources, **Juxtaposition** most accurately describes the primary figure of speech at play, where the opposing ideas of "going gentle" and "that good night" are placed together to create impactful contrast.
+{{</ border >}}
 
-3. “From the earth thou springest Like a cloud of fire.” The figure of speech used here is a metaphor. This statement is ____
+{{< border >}}
+1. “From the earth thou springest Like a cloud of fire.” The figure of speech used here is a metaphor. This statement is ____
+{{</ border >}}
 
+{{< border >}}
 Based on the information provided in the sources and our conversation history, the statement "From the earth thou springest / Like a cloud of fire.” The figure of speech used here is a metaphor. This statement is **incorrect**.
 
 Here is why, according to the sources:
@@ -52,15 +64,20 @@ Here is why, according to the sources:
 *   A **Metaphor** is described as a type of comparison in which a word or a phrase is used in place of another to suggest likeness or analogy between the two things. A metaphor does not carry any literal meaning. While not explicitly stated that "like" or "as" are *not* used, the definition focuses on using one thing *in place of* another, and the examples given ("This is the icing on the cake," "life is a roller coaster") do not use "like" or "as". This implicitly contrasts with the explicit mention of "like" or "as" for similes.
 
 In the sentence "From the earth thou springest / **Like** a cloud of fire," the comparison between "thou springest" and "a cloud of fire" is made using the word "**Like**". This precisely matches the description and examples of a **Simile** in the sources, which explicitly state that similes commonly use "**like**" or "as" for comparison.
+{{</ border >}}
 
+{{< border >}}
 4. “Conspiring with him how to load and bless 
 With fruit the vines that round the thatch-eves run.” The figure of speech used here is ___.
+{{</ border >}}
 
+{{< border >}}
 Drawing on the information in the sources, the figure of speech used in the sentence “Conspiring with him how to load and bless With fruit the vines that round the thatch-eves run,” is **Personification**.
 
 Here's why, based on the sources:
 
 *   Figures of speech are literary devices that help make language more impactful. They achieve this by making comparisons or drawing parallels between otherwise unrelated things and do not provide a literal interpretation.
 *   **Personification** is a type of figure of speech where **a thing or an idea is given human attributes or emotions**. It helps establish a deeper connection and creates poetic expression in speech and writing. The sources provide examples like "books are my favorite companions" where books (inanimate) are given the human attribute of being companions, or "The Stars winked at us" where stars (inanimate) are given the human action of winking.
 *   In your sentence, the vines (inanimate things) are described as "Conspiring with him" and are also implied to "bless With fruit". "Conspiring" is a human action involving planning, often secretly. "Bless" also implies a human or divine action of bestowing something good. By attributing these human actions ("conspiring," "bless") to the vines, the sentence is giving human qualities to an inanimate object.
-*   This direct assignment of human attributes and actions to non-human things precisely matches the definition and examples of **Personification** provided in the sources.
+*   This direct assignment of human attributes and actions to non-human things precisely matches the definition and examples of **Personification** provided in the sources.
+{{</ border >}}

i18n/en.yaml

@@ -14,6 +14,7 @@ readMore: "Read more →"
 searchPlaceholder: "Search..."
 
 relatedArticles: "Recommended Articles 📂🔥"
+relatedChapters: "Related Chapters 📂"
 
 
 article:

layouts/notes/single.html

@@ -7,41 +7,7 @@
     <article class="hx-w-full hx-break-words hx-flex hx-min-h-[calc(100vh-var(--navbar-height))] hx-min-w-0 hx-justify-center hx-pb-8 hx-pr-[calc(env(safe-area-inset-right)-1.5rem)]">
       <main class="hx-w-full hx-min-w-0 hx-max-w-6xl hx-px-6 hx-pt-4 md:hx-px-12">
         {{ partial "breadcrumb.html" . }}
-        {{/*  <p class="hx-opacity-80  hx-leading-7 notes-blog-description">
-          {{- partial "utils/page-description" . -}}
-        </p>  */}}
-        {{/*  <img  src={{ .Params.image }}
-        alt= {{ .Title }} 
-        class="notes-blog-cover hx-mt-8">  */}}
-        {{/*  <div class="hx-mt-4 hx-mb-12 hx-text-gray-500 hx-text-sm hx-flex hx-items-center hx-flex-wrap hx-gap-y-2">
-          {{- with $date := .Date }}<span class="hx-mr-1">{{ partial "utils/format-date" $date }}</span>{{ end -}}
-          {{- $lazyLoading := site.Params.enableImageLazyLoading | default true -}}
-          {{ if and .Date .Params.authors }}<span class="hx-mx-1">·</span>{{ end -}}
-          {{- with $.Params.authors -}}
-            {{- range $i, $author := . -}}
-              {{- if reflect.IsMap $author -}}
-                {{- if and $i (not $author.image) }}<span class="hx-mr-1">,</span>{{ end -}}
-                <a
-                  {{ with $author.link }}href="{{ . }}" target="_blank"{{ end }}
-                  class="hx-group hx-inline-flex hx-items-center hx-text-current hx-gap-x-1.5 hx-mx-1"
-                  {{ with $author.name }}title="{{ . }}"{{ end }}
-                >
-                  {{- with $image := $author.image }}
-                    {{- $isLocal := not (urls.Parse $image).Scheme -}}
-                    {{- $startsWithSlash := hasPrefix $image "/" -}}
-                    {{- if and $isLocal $startsWithSlash }}
-                      {{- $image = (relURL (strings.TrimPrefix "/" $image)) -}}
-                    {{ end -}}
-                    <img src="{{ $image | safeURL }}" alt="{{ $author.name }}" class="hx-inline-block hx-h-4 hx-w-4 hx-rounded-full" {{ if $lazyLoading }}loading="lazy"{{ end }} />
-                  {{ end -}}
-                  <div class="group-hover:hx-underline">{{ $author.name }}</div>
-                </a>
-              {{- else -}}
-                {{- if $i }}<span class="hx-mr-1">,</span>{{ end -}}<span class="hx-mx-1">{{ $author }}</span>
-              {{- end -}}
-            {{- end -}}
-          {{- end -}}
-        </div>  */}}
+
         <div class="content mona-sans" style="margin-top: 1rem; ">
           {{ if .Title }}<h1 style="margin-bottom:1rem;">{{ .Title }}</h1>{{ end }}
           {{ .Content }}
@@ -53,6 +19,7 @@
           {{- partial "components/pager.html" . -}}
         {{ end }}
         {{- partial "components/comments.html" . -}}
+        {{- partial "chapters/related-chapters.html" . -}}
       </main>
     </article>
   </div>

layouts/partials/chapters/related-chapters.html

@@ -0,0 +1,40 @@
+{{- $relatedChapters := (T "relatedChapters") | default "More Chapters"}}
+{{- $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 ">{{ $relatedChapters}}</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-chapters-wrapper">
+  {{ range $num, $page := . }}
+   {{ partial "chapters/chapter-card.html" (dict "page" $page "num" $num) }}
+  {{ 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-chapters-wrapper {
+    margin-top: 40px;
+    margin-bottom: 80px;
+    
+   
+    /* Optional: Add some padding to the container */
+
+
+  }
+
+
+</style>