From e393351fce53102d1e439350321bb55dfd71443c Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Sat, 29 Jun 2024 01:13:16 +0530
Subject: [PATCH 01/34] implemented image-title-blurb structure in thumbnailbox

---
 docs/_layouts/listing.html | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/docs/_layouts/listing.html b/docs/_layouts/listing.html
index 0ad546d..3cf3a43 100644
--- a/docs/_layouts/listing.html
+++ b/docs/_layouts/listing.html
@@ -93,11 +93,11 @@
           class="thumbnailbox {{ page.topic }} {{ page.medium }} {{page.language}}"
         >
           <a class="thumbnailLink" href="{{ page.permalink }}">
-            <div class="thumbnailtitle"><h3>{{ page.title }}</h3></div>
-            <div
+            <img
               class="thumbnail"
-              style="background-image: url({{ page.image-thumb }});"
-            ></div>
+              src="{{page.image-thumb}}"
+            ></img>
+            <div class="thumbnailtitle"><h3>{{ page.title }}</h3></div>
             <div class="thumbnailblurb" style="color: rgb(0, 0, 0)">
               {{ page.blurb }}
             </div>
@@ -111,11 +111,11 @@
           class="thumbnailbox {{ page.topic }} {{ page.medium }} {{page.language}}"
         >
           <a class="thumbnailLink" href="{{ page.permalink }}">
-            <div class="thumbnailtitle"><h3>{{ page.title }}</h3></div>
-            <div
+            <img
               class="thumbnail"
-              style="background-image: url('{{ page.image-thumb }}'); "
-            ></div>
+              src="{{page.image-thumb}}"
+            ></img>
+            <div class="thumbnailtitle"><h3>{{ page.title }}</h3></div>
             <div class="thumbnailblurb" style="color: rgb(0, 0, 0)">
               {{ page.blurb }}
             </div>

From 9967b507edbdb3c7a7587d5075e49edbbaf33eb8 Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Sat, 29 Jun 2024 01:15:05 +0530
Subject: [PATCH 02/34] enhanced style of thumbnaillist for grid structure

---
 docs/_assets/css/style.css | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index 361ebdd..8f73b21 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -22,9 +22,16 @@ h1 {
 
 /* Styles for listing.html resource thumbnail cards */
 #thumbnaillist {
-  max-width: 900px;
-  min-width: 250px;
-  margin: 0 auto;
+  display: grid;
+    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
+    margin: 4em 0 8em;
+    padding: 4em var(--vocabulary-page-edges-space);;
+    gap: 5%;
+    box-sizing: border-box;
+
+    width:100%;
+    height: fit-content;
+    background: var(--vocabulary-neutral-color-lighter-gray);
 }
 
 .thumbnailbox {

From 2c2a39593637d4c31f0f215e2f0d376139c49ae0 Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Sat, 29 Jun 2024 01:16:18 +0530
Subject: [PATCH 03/34] enhanced style of thumbnailbox for grid structure and
 temporary border

---
 docs/_assets/css/style.css | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index 8f73b21..6c920c1 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -35,12 +35,8 @@ h1 {
 }
 
 .thumbnailbox {
-  width: 200px;
-  float: left;
-  display: block;
-  border-radius: 25px;
-  border: 2px solid #c0c0c0;
-  margin: 5px;
+  grid-column: span 3;
+  border: 2px solid black;
 }
 
 .thumbnailLink {

From 3017f9bde84827b9706c21c0e600b35cbf24bc02 Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Sat, 29 Jun 2024 01:19:55 +0530
Subject: [PATCH 04/34] shifted .thumbnail selector in style.css and enhanced
 aspect ratio of image

---
 docs/_assets/css/style.css | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index 6c920c1..f2996c2 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -43,6 +43,12 @@ h1 {
   text-decoration: none;
 }
 
+.thumbnail {
+  width: 100%;
+  aspect-ratio: 200/150;
+  margin: 0 auto;
+}
+
 .thumbnailtitle {
   text-align: center;
   height: 75px;
@@ -53,12 +59,6 @@ h1 {
   padding: 5px;
 }
 
-.thumbnail {
-  width: 200px;
-  height: 150px;
-  margin: 0 auto;
-}
-
 /* Styles For resource.html */
 #preview {
   width: 500px;

From 18f2908b57d92339462c40339bef6d64b8113823 Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Sat, 29 Jun 2024 01:22:50 +0530
Subject: [PATCH 05/34] corrected the font family and color for .thumbnailtitle
 in style.css

---
 docs/_assets/css/style.css | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index f2996c2..e3f4c70 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -50,8 +50,13 @@ h1 {
 }
 
 .thumbnailtitle {
-  text-align: center;
-  height: 75px;
+    font-family:"Roboto Condensed";
+      font-style: normal;
+      font-weight: 700;
+    font-size: 1.5vw;
+    color: var(--vocabulary-brand-color-dark-tomato);
+    --underline-background-color: var(--vocabulary-neutral-color-lighter-gray);
+    --underline-color: var(--vocabulary-brand-color-dark-tomato);
 }
 
 .thumbnailblurb {

From 460203361232d6415c8c8b2b272ed1a15703d7cd Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Sat, 29 Jun 2024 01:23:43 +0530
Subject: [PATCH 06/34] formatted the file with prettier

---
 docs/_assets/css/style.css | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index e3f4c70..48ed22d 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -23,15 +23,15 @@ h1 {
 /* Styles for listing.html resource thumbnail cards */
 #thumbnaillist {
   display: grid;
-    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
-    margin: 4em 0 8em;
-    padding: 4em var(--vocabulary-page-edges-space);;
-    gap: 5%;
-    box-sizing: border-box;
+  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
+  margin: 4em 0 8em;
+  padding: 4em var(--vocabulary-page-edges-space);
+  gap: 5%;
+  box-sizing: border-box;
 
-    width:100%;
-    height: fit-content;
-    background: var(--vocabulary-neutral-color-lighter-gray);
+  width: 100%;
+  height: fit-content;
+  background: var(--vocabulary-neutral-color-lighter-gray);
 }
 
 .thumbnailbox {
@@ -50,13 +50,13 @@ h1 {
 }
 
 .thumbnailtitle {
-    font-family:"Roboto Condensed";
-      font-style: normal;
-      font-weight: 700;
-    font-size: 1.5vw;
-    color: var(--vocabulary-brand-color-dark-tomato);
-    --underline-background-color: var(--vocabulary-neutral-color-lighter-gray);
-    --underline-color: var(--vocabulary-brand-color-dark-tomato);
+  font-family: "Roboto Condensed";
+  font-style: normal;
+  font-weight: 700;
+  font-size: 1.5vw;
+  color: var(--vocabulary-brand-color-dark-tomato);
+  --underline-background-color: var(--vocabulary-neutral-color-lighter-gray);
+  --underline-color: var(--vocabulary-brand-color-dark-tomato);
 }
 
 .thumbnailblurb {

From f17d737a24d36240076313fcd54d8553c89051f1 Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Sat, 29 Jun 2024 12:02:54 +0530
Subject: [PATCH 07/34] changed the .main-content div to <main> to accompany
 vocabulary and bettter structure

---
 docs/_layouts/listing.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/_layouts/listing.html b/docs/_layouts/listing.html
index 3cf3a43..219fa59 100644
--- a/docs/_layouts/listing.html
+++ b/docs/_layouts/listing.html
@@ -79,7 +79,7 @@
   <body>
     {% include header.html %}
 
-    <div class="main-content">
+    <main>
       {{content}}
 
       <p style="text-align: center; padding: 1em">
@@ -124,7 +124,7 @@
         {% endif %} {% endunless %} {% endif %} {% endif %} {% endfor %} {%
         endfor %} {% endunless %}
       </div>
-    </div>
+    </main>
 
     <!-- Footer -->
     {% include footer.html %}

From 68cb7075c6992190dea5989b8bcb703e2aaa7a25 Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Sat, 29 Jun 2024 12:05:18 +0530
Subject: [PATCH 08/34] In .thumbnailbox, converted divs to appropriate
 elements and removed inline styling in listing.html

---
 docs/_layouts/listing.html | 26 ++++++--------------------
 1 file changed, 6 insertions(+), 20 deletions(-)

diff --git a/docs/_layouts/listing.html b/docs/_layouts/listing.html
index 219fa59..45cdd42 100644
--- a/docs/_layouts/listing.html
+++ b/docs/_layouts/listing.html
@@ -92,16 +92,9 @@
         <div
           class="thumbnailbox {{ page.topic }} {{ page.medium }} {{page.language}}"
         >
-          <a class="thumbnailLink" href="{{ page.permalink }}">
-            <img
-              class="thumbnail"
-              src="{{page.image-thumb}}"
-            ></img>
-            <div class="thumbnailtitle"><h3>{{ page.title }}</h3></div>
-            <div class="thumbnailblurb" style="color: rgb(0, 0, 0)">
-              {{ page.blurb }}
-            </div>
-          </a>
+            <img class="thumbnail" src="{{page.image-thumb}}"></img>
+            <h3 class="thumbnailtitle"><a class="thumbnailLink" href="{{ page.permalink }}">{{ page.title }}</a></h3>
+            <p class="thumbnailblurb">{{ page.blurb }}</p>
         </div>
         {% endif %} {% endif %} {% endfor %} {% endfor %} {% unless page.title
         == 'Home' %} {% for i in (1..4) %} {% for page in site.pages %} {% if
@@ -110,16 +103,9 @@
         <div
           class="thumbnailbox {{ page.topic }} {{ page.medium }} {{page.language}}"
         >
-          <a class="thumbnailLink" href="{{ page.permalink }}">
-            <img
-              class="thumbnail"
-              src="{{page.image-thumb}}"
-            ></img>
-            <div class="thumbnailtitle"><h3>{{ page.title }}</h3></div>
-            <div class="thumbnailblurb" style="color: rgb(0, 0, 0)">
-              {{ page.blurb }}
-            </div>
-          </a>
+            <img class="thumbnail" src="{{page.image-thumb}}"></img>
+            <h3 class="thumbnailtitle"><a class="thumbnailLink" href="{{ page.permalink }}">{{ page.title }}</a></h3>
+            <p class="thumbnailblurb">{{ page.blurb }}</p>
         </div>
         {% endif %} {% endunless %} {% endif %} {% endif %} {% endfor %} {%
         endfor %} {% endunless %}

From 65ed9da00a7c86ff4fefb555351507d037300aea Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Sat, 29 Jun 2024 12:07:04 +0530
Subject: [PATCH 09/34] structured the .thumbnailbox div in listing.html

---
 docs/_layouts/listing.html | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/docs/_layouts/listing.html b/docs/_layouts/listing.html
index 45cdd42..0800d67 100644
--- a/docs/_layouts/listing.html
+++ b/docs/_layouts/listing.html
@@ -89,24 +89,24 @@
       <div id="thumbnaillist">
         {% for i in (1..16) %} {% for page in site.pages %} {% if page.layout ==
         'resource' %} {% if page.featured == i %}
-        <div
-          class="thumbnailbox {{ page.topic }} {{ page.medium }} {{page.language}}"
-        >
-            <img class="thumbnail" src="{{page.image-thumb}}"></img>
-            <h3 class="thumbnailtitle"><a class="thumbnailLink" href="{{ page.permalink }}">{{ page.title }}</a></h3>
-            <p class="thumbnailblurb">{{ page.blurb }}</p>
+        <div class="thumbnailbox {{ page.topic }} {{ page.medium }} {{page.language}}">
+
+          <img class="thumbnail" src="{{page.image-thumb}}"></img>
+          <h3 class="thumbnailtitle"><a class="thumbnailLink" href="{{ page.permalink }}">{{ page.title }}</a></h3>
+          <p class="thumbnailblurb">{{ page.blurb }}</p>
+
         </div>
         {% endif %} {% endif %} {% endfor %} {% endfor %} {% unless page.title
         == 'Home' %} {% for i in (1..4) %} {% for page in site.pages %} {% if
         page.layout == 'resource' %} {% if page.weight == i %} {% unless
         page.featured %} {% if page.paramfilter == page.paramvalue %}
-        <div
-          class="thumbnailbox {{ page.topic }} {{ page.medium }} {{page.language}}"
-        >
-            <img class="thumbnail" src="{{page.image-thumb}}"></img>
-            <h3 class="thumbnailtitle"><a class="thumbnailLink" href="{{ page.permalink }}">{{ page.title }}</a></h3>
-            <p class="thumbnailblurb">{{ page.blurb }}</p>
-        </div>
+        <div class="thumbnailbox {{ page.topic }} {{ page.medium }} {{page.language}}">
+
+          <img class="thumbnail" src="{{page.image-thumb}}"></img>
+          <h3 class="thumbnailtitle"><a class="thumbnailLink" href="{{ page.permalink }}">{{ page.title }}</a></h3>
+          <p class="thumbnailblurb">{{ page.blurb }}</p>
+
+      </div>
         {% endif %} {% endunless %} {% endif %} {% endif %} {% endfor %} {%
         endfor %} {% endunless %}
       </div>

From edacec35e9630c8344bd58b38b074c0fb023e446 Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Sat, 29 Jun 2024 12:09:13 +0530
Subject: [PATCH 10/34] removed the display-flex property from body in
 style.css

---
 docs/_assets/css/style.css | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index 48ed22d..bd16b1f 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -5,8 +5,7 @@
 body {
   font-family: sans-serif;
   margin: 0;
-  display: flex;
-  flex-direction: column;
+  width: 100%;
   padding: 0 0 0;
 }
 

From 8233b2d6ec1ae4a4d5a01cb93a61654c843cd46a Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Sat, 29 Jun 2024 12:10:47 +0530
Subject: [PATCH 11/34] added styles for <main> in style.css

---
 docs/_assets/css/style.css | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index bd16b1f..15791bf 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -10,9 +10,13 @@ body {
 }
 
 /* Styles for listing.html and submission.html*/
-.main-content a {
-  color: #40ae49;
-  cursor: pointer;
+main {
+  width: 100%;
+}
+
+main a {
+cursor: pointer;
+height: fit-content;
 }
 
 h1 {

From df0cb91161b21ffbf433f4b483ea075994bf2db1 Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Sat, 29 Jun 2024 12:12:06 +0530
Subject: [PATCH 12/34] removed the extra border from thumbnailbox in style.css

---
 docs/_assets/css/style.css | 2 --
 1 file changed, 2 deletions(-)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index 15791bf..0f8a2f2 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -31,7 +31,6 @@ h1 {
   padding: 4em var(--vocabulary-page-edges-space);
   gap: 5%;
   box-sizing: border-box;
-
   width: 100%;
   height: fit-content;
   background: var(--vocabulary-neutral-color-lighter-gray);
@@ -39,7 +38,6 @@ h1 {
 
 .thumbnailbox {
   grid-column: span 3;
-  border: 2px solid black;
 }
 
 .thumbnailLink {

From 55cdfc5d4f486bebb60505b362f4b2451705e25e Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Sat, 29 Jun 2024 12:15:48 +0530
Subject: [PATCH 13/34] refactored style for thumbnailblurb and thumbnailtitle
 to align with vocabulary

---
 docs/_assets/css/style.css | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index 0f8a2f2..4019fc3 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -41,7 +41,7 @@ h1 {
 }
 
 .thumbnailLink {
-  text-decoration: none;
+  --underline-background-color: var(--vocabulary-neutral-color-lighter-gray);
 }
 
 .thumbnail {
@@ -55,14 +55,14 @@ h1 {
   font-style: normal;
   font-weight: 700;
   font-size: 1.5vw;
-  color: var(--vocabulary-brand-color-dark-tomato);
-  --underline-background-color: var(--vocabulary-neutral-color-lighter-gray);
-  --underline-color: var(--vocabulary-brand-color-dark-tomato);
 }
 
 .thumbnailblurb {
-  height: 100px;
-  padding: 5px;
+  color: #000;
+  font-size: 1.2vw;
+  font-family: "Source Sans Pro";
+    font-style: normal;
+    font-weight: 400;
 }
 
 /* Styles For resource.html */

From d24c3d0533901461c7d06683db62f5b23d8ecf94 Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Sat, 29 Jun 2024 12:16:20 +0530
Subject: [PATCH 14/34] formatted the style.css file with prettier

---
 docs/_assets/css/style.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index 4019fc3..5c0e5cb 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -15,8 +15,8 @@ main {
 }
 
 main a {
-cursor: pointer;
-height: fit-content;
+  cursor: pointer;
+  height: fit-content;
 }
 
 h1 {
@@ -61,8 +61,8 @@ h1 {
   color: #000;
   font-size: 1.2vw;
   font-family: "Source Sans Pro";
-    font-style: normal;
-    font-weight: 400;
+  font-style: normal;
+  font-weight: 400;
 }
 
 /* Styles For resource.html */

From fb6bbc78c1dc59ea5904e470207504c489e30d75 Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Sat, 29 Jun 2024 12:26:33 +0530
Subject: [PATCH 15/34] some more structuring and documentation of style.css

---
 docs/_assets/css/style.css | 53 ++++++++++++++++++++++----------------
 1 file changed, 31 insertions(+), 22 deletions(-)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index 5c0e5cb..6bf7a08 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -9,7 +9,8 @@ body {
   padding: 0 0 0;
 }
 
-/* Styles for listing.html and submission.html*/
+
+/* Styles common for all the pages*/
 main {
   width: 100%;
 }
@@ -23,6 +24,7 @@ h1 {
   text-align: center;
 }
 
+
 /* Styles for listing.html resource thumbnail cards */
 #thumbnaillist {
   display: grid;
@@ -65,6 +67,32 @@ h1 {
   font-weight: 400;
 }
 
+
+/* Styles For index.html and all.html */
+#resourcenavbar {
+  height: fit-content;
+  margin: 0 auto 100px;
+  display: flex;
+  justify-content: center;
+}
+
+.resourcenav {
+  width: 200px;
+  height: fit-content;
+  display: none;
+}
+
+.resourcenav.resourcenavstatic {
+  display: block;
+}
+
+#bannercc {
+  width: 210px;
+  height: 50px;
+  margin-left: 100px;
+}
+
+
 /* Styles For resource.html */
 #preview {
   width: 500px;
@@ -111,29 +139,9 @@ h1 {
   color: white;
 }
 
-/* Styles For index.html and all.html */
-#resourcenavbar {
-  height: fit-content;
-  margin: 0 auto 100px;
-  display: flex;
-  justify-content: center;
-}
 
-.resourcenav {
-  width: 200px;
-  height: fit-content;
-  display: none;
-}
-
-.resourcenav.resourcenavstatic {
-  display: block;
-}
+/* Styles for submission.html */
 
-#bannercc {
-  width: 210px;
-  height: 50px;
-  margin-left: 100px;
-}
 
 /* Styles For footer.html */
 footer a {
@@ -144,6 +152,7 @@ footer .donate a {
   color: #000;
 }
 
+
 /* Media Queries for responsiveness */
 @media screen and (max-width: 600px) {
   #resourcenavbar {

From 6d67e8bfade1077816dfa388c716312d363349c1 Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Sat, 29 Jun 2024 16:59:59 +0530
Subject: [PATCH 16/34] added 100% width to header and box-sizing:borderbox to
 every element

---
 docs/_assets/css/style.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index 6bf7a08..3f082c9 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -2,6 +2,10 @@
 @import "/_assets/vocabulary/css/vocabulary.css" layer(vocabulary);
 
 /* CSS for All Pages */
+* {
+  box-sizing: border-box;
+}
+
 body {
   font-family: sans-serif;
   margin: 0;
@@ -9,6 +13,10 @@ body {
   padding: 0 0 0;
 }
 
+header {
+  width: 100%;
+}
+
 
 /* Styles common for all the pages*/
 main {

From 76a6385aad3f8ebab976f0f7cb1c20566fb53f0d Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Sat, 29 Jun 2024 17:01:38 +0530
Subject: [PATCH 17/34] enhanced padding and margin properties for
 thumbnaillist and main in style.css

---
 docs/_assets/css/style.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index 3f082c9..f879d04 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -21,6 +21,7 @@ header {
 /* Styles common for all the pages*/
 main {
   width: 100%;
+  padding: 0 0;
 }
 
 main a {
@@ -37,8 +38,8 @@ h1 {
 #thumbnaillist {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
-  margin: 4em 0 8em;
-  padding: 4em var(--vocabulary-page-edges-space);
+  margin: 4em 0 0;
+  padding: 4em var(--vocabulary-page-edges-space) 8em;
   gap: 5%;
   box-sizing: border-box;
   width: 100%;

From f3c4af0554ff8fd83d323aec7fa1f50627a0781f Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Sat, 29 Jun 2024 17:02:29 +0530
Subject: [PATCH 18/34] Added grid-auto-rows property to thumbnaillist grid in
 style.css

---
 docs/_assets/css/style.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index f879d04..9c0ba2f 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -45,6 +45,7 @@ h1 {
   width: 100%;
   height: fit-content;
   background: var(--vocabulary-neutral-color-lighter-gray);
+  grid-auto-rows: minmax(100px, auto); /* Adjust this value as needed */
 }
 
 .thumbnailbox {

From e18945824a213c20ad66b3828b747bc03e5b3f91 Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Sat, 29 Jun 2024 17:03:21 +0530
Subject: [PATCH 19/34] Added width:100% to footer in style.css

---
 docs/_assets/css/style.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index 9c0ba2f..4c41bc8 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -154,6 +154,10 @@ h1 {
 
 
 /* Styles For footer.html */
+footer {
+  width: 100%;
+}
+
 footer a {
   color: var(--vocabulary-brand-color-turquoise);
 }

From 0073a3b9be1eb2946b39f94c7b078dd33a699256 Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Sat, 29 Jun 2024 17:08:09 +0530
Subject: [PATCH 20/34] formatted the style.css with prettier

---
 docs/_assets/css/style.css | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index 4c41bc8..7f04555 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -17,7 +17,6 @@ header {
   width: 100%;
 }
 
-
 /* Styles common for all the pages*/
 main {
   width: 100%;
@@ -33,7 +32,6 @@ h1 {
   text-align: center;
 }
 
-
 /* Styles for listing.html resource thumbnail cards */
 #thumbnaillist {
   display: grid;
@@ -77,7 +75,6 @@ h1 {
   font-weight: 400;
 }
 
-
 /* Styles For index.html and all.html */
 #resourcenavbar {
   height: fit-content;
@@ -102,7 +99,6 @@ h1 {
   margin-left: 100px;
 }
 
-
 /* Styles For resource.html */
 #preview {
   width: 500px;
@@ -149,10 +145,8 @@ h1 {
   color: white;
 }
 
-
 /* Styles for submission.html */
 
-
 /* Styles For footer.html */
 footer {
   width: 100%;
@@ -166,7 +160,6 @@ footer .donate a {
   color: #000;
 }
 
-
 /* Media Queries for responsiveness */
 @media screen and (max-width: 600px) {
   #resourcenavbar {

From c8de9febdce65847d55eb3c83ff0d3a98ca1eb0d Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Sat, 29 Jun 2024 20:00:20 +0530
Subject: [PATCH 21/34] added vertical gap to the thumbnaillist grid in
 style.css

---
 docs/_assets/css/style.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index 7f04555..b1ec1bc 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -37,8 +37,8 @@ h1 {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
   margin: 4em 0 0;
-  padding: 4em var(--vocabulary-page-edges-space) 8em;
-  gap: 5%;
+  padding: 4em 10vw 8em;
+  gap: 10% 5%;
   box-sizing: border-box;
   width: 100%;
   height: fit-content;

From d41da542abf83d3b791233834cef0a42254503c7 Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Sat, 29 Jun 2024 20:01:12 +0530
Subject: [PATCH 22/34] improved the font size in thmbnailbox title and blurb

---
 docs/_assets/css/style.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index b1ec1bc..8e072c1 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -64,12 +64,12 @@ h1 {
   font-family: "Roboto Condensed";
   font-style: normal;
   font-weight: 700;
-  font-size: 1.5vw;
+  font-size: 1.6vw;
 }
 
 .thumbnailblurb {
   color: #000;
-  font-size: 1.2vw;
+  font-size: 1.3vw;
   font-family: "Source Sans Pro";
   font-style: normal;
   font-weight: 400;

From e010ad63b0b82155eb4acdc7b1c244d006336647 Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Sat, 29 Jun 2024 20:02:23 +0530
Subject: [PATCH 23/34] added responsive for max-width 1024px in thumbnaillist

---
 docs/_assets/css/style.css | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index 8e072c1..89e0bbc 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -161,6 +161,25 @@ footer .donate a {
 }
 
 /* Media Queries for responsiveness */
+@media screen and (max-width: 1024px) {
+  #thumbnaillist {
+      gap: 6vw 5%;
+      padding: 4em 7vw 8em;
+  }
+
+  .thumbnailbox {
+      grid-column: span 4;
+  }
+
+  .thumbnailtitle {
+      font-size: 2.4vw;
+  }
+    
+  .thumbnailblurb {
+      font-size: 1.7vw;
+  }
+}
+
 @media screen and (max-width: 600px) {
   #resourcenavbar {
     flex-direction: column;

From 7a7421857e0cd973a530f69ed0e75fcb9e5d060b Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Sat, 29 Jun 2024 20:03:10 +0530
Subject: [PATCH 24/34] added responsive for max-width 600px and 480px in
 thumbnaillist

---
 docs/_assets/css/style.css | 38 +++++++++++++++++++++++++++++++++++++-
 1 file changed, 37 insertions(+), 1 deletion(-)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index 89e0bbc..23796b6 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -181,7 +181,43 @@ footer .donate a {
 }
 
 @media screen and (max-width: 600px) {
+  #thumbnaillist {
+      gap: 12vw 7%;
+      padding: 4em 6vw 8em;
+  }
+
+  .thumbnailbox {
+      grid-column: span 6;
+  }
+
+  .thumbnailtitle {
+      font-size: 3.5vw;
+  }
+    
+  .thumbnailblurb {
+      font-size: 2.5vw;
+  }
+}
+
+@media screen and (max-width: 480px) {
+  #thumbnaillist {
+      gap: 35vw 5%;
+      padding: 4em 6vw 8em;
+  }
+
+  .thumbnailbox {
+      grid-column: span 12;
+  }
+
+  .thumbnailtitle {
+      font-size: 6.5vw;
+  }
+    
+  .thumbnailblurb {
+      font-size: 5vw;
+  }
+
   #resourcenavbar {
-    flex-direction: column;
+      flex-direction: column;
   }
 }

From dba772ea82c2e2077949fc1ac843d43f76ecbf22 Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Sat, 29 Jun 2024 21:57:24 +0530
Subject: [PATCH 25/34] formatted the style.css file with prettier

---
 docs/_assets/css/style.css | 38 +++++++++++++++++++-------------------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index 23796b6..f9afaf5 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -163,61 +163,61 @@ footer .donate a {
 /* Media Queries for responsiveness */
 @media screen and (max-width: 1024px) {
   #thumbnaillist {
-      gap: 6vw 5%;
-      padding: 4em 7vw 8em;
+    gap: 6vw 5%;
+    padding: 4em 7vw 8em;
   }
 
   .thumbnailbox {
-      grid-column: span 4;
+    grid-column: span 4;
   }
 
   .thumbnailtitle {
-      font-size: 2.4vw;
+    font-size: 2.4vw;
   }
-    
+
   .thumbnailblurb {
-      font-size: 1.7vw;
+    font-size: 1.7vw;
   }
 }
 
 @media screen and (max-width: 600px) {
   #thumbnaillist {
-      gap: 12vw 7%;
-      padding: 4em 6vw 8em;
+    gap: 12vw 7%;
+    padding: 4em 6vw 8em;
   }
 
   .thumbnailbox {
-      grid-column: span 6;
+    grid-column: span 6;
   }
 
   .thumbnailtitle {
-      font-size: 3.5vw;
+    font-size: 3.5vw;
   }
-    
+
   .thumbnailblurb {
-      font-size: 2.5vw;
+    font-size: 2.5vw;
   }
 }
 
 @media screen and (max-width: 480px) {
   #thumbnaillist {
-      gap: 35vw 5%;
-      padding: 4em 6vw 8em;
+    gap: 35vw 5%;
+    padding: 4em 6vw 8em;
   }
 
   .thumbnailbox {
-      grid-column: span 12;
+    grid-column: span 12;
   }
 
   .thumbnailtitle {
-      font-size: 6.5vw;
+    font-size: 6.5vw;
   }
-    
+
   .thumbnailblurb {
-      font-size: 5vw;
+    font-size: 5vw;
   }
 
   #resourcenavbar {
-      flex-direction: column;
+    flex-direction: column;
   }
 }

From aedf1120704e225ffa85be804f2278e55d5d896c Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Sat, 29 Jun 2024 22:17:37 +0530
Subject: [PATCH 26/34] improved the bottom padding in thumbnaillist and height
 in thumbnailbox

---
 docs/_assets/css/style.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index f9afaf5..98bb623 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -37,7 +37,7 @@ h1 {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
   margin: 4em 0 0;
-  padding: 4em 10vw 8em;
+  padding: 4em 10vw 16em;
   gap: 10% 5%;
   box-sizing: border-box;
   width: 100%;
@@ -48,6 +48,7 @@ h1 {
 
 .thumbnailbox {
   grid-column: span 3;
+  height: fit-content;
 }
 
 .thumbnailLink {

From 1e8c7d5175c6a74d0c729bbfe468205739fade1e Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Tue, 2 Jul 2024 17:10:21 +0530
Subject: [PATCH 27/34] removed the * selector from style.css

---
 docs/_assets/css/style.css | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index 98bb623..3173d8b 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -2,9 +2,6 @@
 @import "/_assets/vocabulary/css/vocabulary.css" layer(vocabulary);
 
 /* CSS for All Pages */
-* {
-  box-sizing: border-box;
-}
 
 body {
   font-family: sans-serif;

From ae1778db2b6df4d8b2ce4a4147e6ffb9ecd3dd3e Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Tue, 2 Jul 2024 17:12:47 +0530
Subject: [PATCH 28/34] added listing-page class to body in listing.html

---
 docs/_layouts/listing.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/_layouts/listing.html b/docs/_layouts/listing.html
index 0800d67..1f121c8 100644
--- a/docs/_layouts/listing.html
+++ b/docs/_layouts/listing.html
@@ -76,7 +76,7 @@
     {% endif %}
   </head>
 
-  <body>
+  <body class="listing-page">
     {% include header.html %}
 
     <main>

From 6b51a5895bda656d6eccc9ec68b7439fa67291a9 Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Tue, 2 Jul 2024 17:30:18 +0530
Subject: [PATCH 29/34] Added box-sizing:border-box to appropriate locations in
 style.css

---
 docs/_assets/css/style.css | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index 3173d8b..127ddf0 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -2,7 +2,6 @@
 @import "/_assets/vocabulary/css/vocabulary.css" layer(vocabulary);
 
 /* CSS for All Pages */
-
 body {
   font-family: sans-serif;
   margin: 0;
@@ -15,6 +14,10 @@ header {
 }
 
 /* Styles common for all the pages*/
+body.listing-page {
+  box-sizing: border-box;
+}
+
 main {
   width: 100%;
   padding: 0 0;
@@ -147,6 +150,7 @@ h1 {
 
 /* Styles For footer.html */
 footer {
+  box-sizing: border-box;
   width: 100%;
 }
 
@@ -195,6 +199,10 @@ footer .donate a {
   .thumbnailblurb {
     font-size: 2.5vw;
   }
+
+  #resourcenavbar {
+    flex-direction: column;
+  }
 }
 
 @media screen and (max-width: 480px) {
@@ -214,8 +222,4 @@ footer .donate a {
   .thumbnailblurb {
     font-size: 5vw;
   }
-
-  #resourcenavbar {
-    flex-direction: column;
-  }
 }

From 4acbeb75fd30d386c05b399d3aee049fb61e7146 Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Tue, 2 Jul 2024 17:55:36 +0530
Subject: [PATCH 30/34] improved the edges for the thumbnaillist according to
 site's page-fit area

---
 docs/_assets/css/style.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index 127ddf0..9ea472d 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -37,7 +37,7 @@ h1 {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
   margin: 4em 0 0;
-  padding: 4em 10vw 16em;
+  padding: 4em var(--vocabulary-page-edges-space) 16em;
   gap: 10% 5%;
   box-sizing: border-box;
   width: 100%;
@@ -166,7 +166,7 @@ footer .donate a {
 @media screen and (max-width: 1024px) {
   #thumbnaillist {
     gap: 6vw 5%;
-    padding: 4em 7vw 8em;
+    padding: 4em var(--vocabulary-page-edges-space) 8em;
   }
 
   .thumbnailbox {
@@ -185,7 +185,7 @@ footer .donate a {
 @media screen and (max-width: 600px) {
   #thumbnaillist {
     gap: 12vw 7%;
-    padding: 4em 6vw 8em;
+    padding: 4em var(--vocabulary-page-edges-space) 8em;
   }
 
   .thumbnailbox {
@@ -208,7 +208,7 @@ footer .donate a {
 @media screen and (max-width: 480px) {
   #thumbnaillist {
     gap: 35vw 5%;
-    padding: 4em 6vw 8em;
+    padding: 4em var(--vocabulary-page-edges-space) 8em;
   }
 
   .thumbnailbox {

From 41644e3b64979f134d67fc8981f329ab69494980 Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Tue, 2 Jul 2024 18:23:58 +0530
Subject: [PATCH 31/34] replaced the <div> with <article> tags in listing.html
 for semantic code

---
 docs/_layouts/listing.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/docs/_layouts/listing.html b/docs/_layouts/listing.html
index 1f121c8..1537ecf 100644
--- a/docs/_layouts/listing.html
+++ b/docs/_layouts/listing.html
@@ -86,30 +86,30 @@
         <a href="/submit/">Submit a resource</a>
       </p>
 
-      <div id="thumbnaillist">
+      <article id="thumbnaillist">
         {% for i in (1..16) %} {% for page in site.pages %} {% if page.layout ==
         'resource' %} {% if page.featured == i %}
-        <div class="thumbnailbox {{ page.topic }} {{ page.medium }} {{page.language}}">
+        <article class="thumbnailbox {{ page.topic }} {{ page.medium }} {{page.language}}">
 
           <img class="thumbnail" src="{{page.image-thumb}}"></img>
           <h3 class="thumbnailtitle"><a class="thumbnailLink" href="{{ page.permalink }}">{{ page.title }}</a></h3>
           <p class="thumbnailblurb">{{ page.blurb }}</p>
 
-        </div>
+        </article>
         {% endif %} {% endif %} {% endfor %} {% endfor %} {% unless page.title
         == 'Home' %} {% for i in (1..4) %} {% for page in site.pages %} {% if
         page.layout == 'resource' %} {% if page.weight == i %} {% unless
         page.featured %} {% if page.paramfilter == page.paramvalue %}
-        <div class="thumbnailbox {{ page.topic }} {{ page.medium }} {{page.language}}">
+        <article class="thumbnailbox {{ page.topic }} {{ page.medium }} {{page.language}}">
 
           <img class="thumbnail" src="{{page.image-thumb}}"></img>
           <h3 class="thumbnailtitle"><a class="thumbnailLink" href="{{ page.permalink }}">{{ page.title }}</a></h3>
           <p class="thumbnailblurb">{{ page.blurb }}</p>
 
-      </div>
+        </article>
         {% endif %} {% endunless %} {% endif %} {% endif %} {% endfor %} {%
         endfor %} {% endunless %}
-      </div>
+      </article>
     </main>
 
     <!-- Footer -->

From 3ac8343e05aa80f86ef632e56277256ccf55e277 Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Tue, 2 Jul 2024 18:54:29 +0530
Subject: [PATCH 32/34] restructured the article>article as ul>li>article for
 thumbnaillist in listing.html

---
 docs/_assets/css/style.css |  3 ++-
 docs/_layouts/listing.html | 12 ++++++------
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index 9ea472d..29b94e6 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -43,7 +43,8 @@ h1 {
   width: 100%;
   height: fit-content;
   background: var(--vocabulary-neutral-color-lighter-gray);
-  grid-auto-rows: minmax(100px, auto); /* Adjust this value as needed */
+  grid-auto-rows: minmax(100px, auto);
+  list-style: none;
 }
 
 .thumbnailbox {
diff --git a/docs/_layouts/listing.html b/docs/_layouts/listing.html
index 1537ecf..7ef1136 100644
--- a/docs/_layouts/listing.html
+++ b/docs/_layouts/listing.html
@@ -86,30 +86,30 @@
         <a href="/submit/">Submit a resource</a>
       </p>
 
-      <article id="thumbnaillist">
+      <ul id="thumbnaillist">
         {% for i in (1..16) %} {% for page in site.pages %} {% if page.layout ==
         'resource' %} {% if page.featured == i %}
-        <article class="thumbnailbox {{ page.topic }} {{ page.medium }} {{page.language}}">
+        <li class="thumbnailbox {{ page.topic }} {{ page.medium }} {{page.language}}"><article>
 
           <img class="thumbnail" src="{{page.image-thumb}}"></img>
           <h3 class="thumbnailtitle"><a class="thumbnailLink" href="{{ page.permalink }}">{{ page.title }}</a></h3>
           <p class="thumbnailblurb">{{ page.blurb }}</p>
 
-        </article>
+        </article></li>
         {% endif %} {% endif %} {% endfor %} {% endfor %} {% unless page.title
         == 'Home' %} {% for i in (1..4) %} {% for page in site.pages %} {% if
         page.layout == 'resource' %} {% if page.weight == i %} {% unless
         page.featured %} {% if page.paramfilter == page.paramvalue %}
-        <article class="thumbnailbox {{ page.topic }} {{ page.medium }} {{page.language}}">
+        <li class="thumbnailbox {{ page.topic }} {{ page.medium }} {{page.language}}"><article>
 
           <img class="thumbnail" src="{{page.image-thumb}}"></img>
           <h3 class="thumbnailtitle"><a class="thumbnailLink" href="{{ page.permalink }}">{{ page.title }}</a></h3>
           <p class="thumbnailblurb">{{ page.blurb }}</p>
 
-        </article>
+        </article></li>
         {% endif %} {% endunless %} {% endif %} {% endif %} {% endfor %} {%
         endfor %} {% endunless %}
-      </article>
+      </ul>
     </main>
 
     <!-- Footer -->

From a24e65421047961d1e82d2e8c1dd87aec2abdbd3 Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Tue, 2 Jul 2024 18:58:15 +0530
Subject: [PATCH 33/34] formatted the code with prettier and left spaces
 wherever appropriate

---
 docs/_layouts/listing.html | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/docs/_layouts/listing.html b/docs/_layouts/listing.html
index 7ef1136..dad1fdf 100644
--- a/docs/_layouts/listing.html
+++ b/docs/_layouts/listing.html
@@ -89,24 +89,28 @@
       <ul id="thumbnaillist">
         {% for i in (1..16) %} {% for page in site.pages %} {% if page.layout ==
         'resource' %} {% if page.featured == i %}
-        <li class="thumbnailbox {{ page.topic }} {{ page.medium }} {{page.language}}"><article>
+        <li class="thumbnailbox {{ page.topic }} {{ page.medium }} {{page.language}}">
+          <article>
 
-          <img class="thumbnail" src="{{page.image-thumb}}"></img>
-          <h3 class="thumbnailtitle"><a class="thumbnailLink" href="{{ page.permalink }}">{{ page.title }}</a></h3>
-          <p class="thumbnailblurb">{{ page.blurb }}</p>
+            <img class="thumbnail" src="{{page.image-thumb}}"></img>
+            <h3 class="thumbnailtitle"><a class="thumbnailLink" href="{{ page.permalink }}">{{ page.title }}</a></h3>
+            <p class="thumbnailblurb">{{ page.blurb }}</p>
 
-        </article></li>
+          </article>
+        </li>
         {% endif %} {% endif %} {% endfor %} {% endfor %} {% unless page.title
         == 'Home' %} {% for i in (1..4) %} {% for page in site.pages %} {% if
         page.layout == 'resource' %} {% if page.weight == i %} {% unless
         page.featured %} {% if page.paramfilter == page.paramvalue %}
-        <li class="thumbnailbox {{ page.topic }} {{ page.medium }} {{page.language}}"><article>
+        <li class="thumbnailbox {{ page.topic }} {{ page.medium }} {{page.language}}">
+          <article>
 
-          <img class="thumbnail" src="{{page.image-thumb}}"></img>
-          <h3 class="thumbnailtitle"><a class="thumbnailLink" href="{{ page.permalink }}">{{ page.title }}</a></h3>
-          <p class="thumbnailblurb">{{ page.blurb }}</p>
+            <img class="thumbnail" src="{{page.image-thumb}}"></img>
+            <h3 class="thumbnailtitle"><a class="thumbnailLink" href="{{ page.permalink }}">{{ page.title }}</a></h3>
+            <p class="thumbnailblurb">{{ page.blurb }}</p>
 
-        </article></li>
+          </article>
+        </li>
         {% endif %} {% endunless %} {% endif %} {% endif %} {% endfor %} {%
         endfor %} {% endunless %}
       </ul>

From c7f1011cb89805259770ad4fdd2850c427d2d683 Mon Sep 17 00:00:00 2001
From: Murdock9803 <ayushsahu9803@gmail.com>
Date: Tue, 2 Jul 2024 20:30:31 +0530
Subject: [PATCH 34/34] removed the listing-page class from listing.html and
 style.css

---
 docs/_assets/css/style.css | 4 ----
 docs/_layouts/listing.html | 2 +-
 2 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/docs/_assets/css/style.css b/docs/_assets/css/style.css
index 29b94e6..fd08343 100644
--- a/docs/_assets/css/style.css
+++ b/docs/_assets/css/style.css
@@ -14,10 +14,6 @@ header {
 }
 
 /* Styles common for all the pages*/
-body.listing-page {
-  box-sizing: border-box;
-}
-
 main {
   width: 100%;
   padding: 0 0;
diff --git a/docs/_layouts/listing.html b/docs/_layouts/listing.html
index dad1fdf..de8de35 100644
--- a/docs/_layouts/listing.html
+++ b/docs/_layouts/listing.html
@@ -76,7 +76,7 @@
     {% endif %}
   </head>
 
-  <body class="listing-page">
+  <body>
     {% include header.html %}
 
     <main>