chore: Update home cards styling for consistency

jespermhl · Jul 25, 2024 · c3472ee · c3472ee
1 parent 9508f1e
commit c3472ee
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/compile.py b/compile.py
@@ -166,7 +166,7 @@ def generate_home_page(pages):
     def generate_card(title, date, path, author, snippet, image):
         image_html = f'<img src="{image}" class="card-img-top" alt="{title}">' if image else ''
         return f"""
-        <div class="card" style="min-width: 300px; margin: 10px;">
+        <div class="card home-card" style="min-width: 300px; margin: 10px;">
             {image_html}
             <div class="card-body">
                 <h5 class="card-title">{title}</h5>
@@ -208,7 +208,7 @@ def generate_card(title, date, path, author, snippet, image):
         if len(filtered_pages) > 3:
             more_page_path = os.path.join('more', f"{path_key}.html")
             homepage_content += f"""
-            <div class="card home-card" style="margin: 10px;">
+            <div class="card" style="margin: 10px;">
                 <div class="card-body d-flex align-items-center justify-content-center">
                     <a href='{more_page_path}' class='btn btn-secondary mx-4'>More {section_title}</a>
                 </div>

diff --git a/dist/index.html b/dist/index.html
@@ -47,7 +47,7 @@
     <h1>Sul sul, welcome to the Sims Info Hub!</h1>
     <p>Welcome to my little Sims information site / wiki! Have fun browsing!</p>
     <h2>Updates</h2><div class='card-container mb-3' style='display: flex; flex-wrap: wrap;'>
-        <div class="card" style="min-width: 300px; margin: 10px;">
+        <div class="card home-card" style="min-width: 300px; margin: 10px;">
             <img src="/assets/img/blogposts/update.jpeg" class="card-img-top" alt="Update May 28, 2024">
             <div class="card-body">
                 <h5 class="card-title">Update May 28, 2024</h5>
@@ -57,7 +57,7 @@ <h6 class="card-subtitle mb-2 text-muted">Posted on May 28, 2024 by Jesper</h6>
             </div>
         </div>
 
-        <div class="card" style="min-width: 300px; margin: 10px;">
+        <div class="card home-card" style="min-width: 300px; margin: 10px;">
             <img src="/assets/img/blogposts/update.jpeg" class="card-img-top" alt="Update June 6, 2024">
             <div class="card-body">
                 <h5 class="card-title">Update June 6, 2024</h5>
@@ -67,7 +67,7 @@ <h6 class="card-subtitle mb-2 text-muted">Posted on June 6, 2024 by Jesper</h6>
             </div>
         </div>
 
-        <div class="card" style="min-width: 300px; margin: 10px;">
+        <div class="card home-card" style="min-width: 300px; margin: 10px;">
             <img src="/assets/img/blogposts/update.jpeg" class="card-img-top" alt="Update July 24, 2024">
             <div class="card-body">
                 <h5 class="card-title">Update July 24, 2024</h5>
@@ -77,12 +77,12 @@ <h6 class="card-subtitle mb-2 text-muted">Posted on July 24, 2024 by Jesper</h6>
             </div>
         </div>
 
-            <div class="card home-card" style="margin: 10px;">
+            <div class="card" style="margin: 10px;">
                 <div class="card-body d-flex align-items-center justify-content-center">
                     <a href='more/updates.html' class='btn btn-secondary mx-4'>More Updates</a>
                 </div>
             </div></div><h2>SDX Drops</h2><div class='card-container mb-3' style='display: flex; flex-wrap: wrap;'>
-        <div class="card" style="min-width: 300px; margin: 10px;">
+        <div class="card home-card" style="min-width: 300px; margin: 10px;">
 
             <div class="card-body">
                 <h5 class="card-title">SDX Drop Example</h5>
@@ -92,7 +92,7 @@ <h6 class="card-subtitle mb-2 text-muted">Posted on July 23, 2024 by Jesper</h6>
             </div>
         </div>
         </div><h2>Challenges</h2><div class='card-container mb-3' style='display: flex; flex-wrap: wrap;'>
-        <div class="card" style="min-width: 300px; margin: 10px;">
+        <div class="card home-card" style="min-width: 300px; margin: 10px;">
 
             <div class="card-body">
                 <h5 class="card-title">Rags to Riches Challenge</h5>
@@ -102,7 +102,7 @@ <h6 class="card-subtitle mb-2 text-muted">Posted on July 23, 2024 by Jesper</h6>
             </div>
         </div>
         </div><h2>Expansion Packs</h2><div class='card-container mb-3' style='display: flex; flex-wrap: wrap;'>
-        <div class="card" style="min-width: 300px; margin: 10px;">
+        <div class="card home-card" style="min-width: 300px; margin: 10px;">
             <img src="/assets/img/covers/ep/new/lovestruck.webp" class="card-img-top" alt="Lovestruck">
             <div class="card-body">
                 <h5 class="card-title">Lovestruck</h5>