From a505c844c0537c7aeb59e287687561d2d0a9d6e4 Mon Sep 17 00:00:00 2001
From: Matthew Lemon <y@yulqen.org>
Date: Tue, 22 Oct 2024 17:12:20 +0100
Subject: wip: resource index page my CSS changes

- using flex for featured, grid for standard
- nice rainbow underline to h1 using ::after, etc
- lorem ipsum text
- spaced out content of standard cards a little
- new Noto font from Google fonts
---
 alphabetlearning/templates/resources/resource_list.html | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

(limited to 'alphabetlearning/templates/resources/resource_list.html')

diff --git a/alphabetlearning/templates/resources/resource_list.html b/alphabetlearning/templates/resources/resource_list.html
index a6e2a5d..4ea1850 100644
--- a/alphabetlearning/templates/resources/resource_list.html
+++ b/alphabetlearning/templates/resources/resource_list.html
@@ -13,7 +13,11 @@ Alphabet Learning - Resource List
     {# featured resources #}
     {% if featured_resources %}
     <div>
-        <h1>Featured resources</h1>
+        <h1 class="section-title">Featured resources</h1>
+    </div>
+
+    <div class="bulk-text">
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent viverra ante vel ornare sagittis. Integer ac nisi tellus. Aenean tempus eleifend ipsum eget iaculis. Donec vehicula tortor malesuada sapien semper, quis fermentum turpis laoreet. Sed pulvinar vitae nibh et posuere. Aenean sed metus in tellus sagittis aliquam vel eu dui. Aliquam tellus purus, semper ut ligula in, pharetra maximus massa. Sed ut ipsum sit amet felis vulputate efficitur a vitae ex. Vestibulum hendrerit dapibus ante. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur sed malesuada dui. Phasellus at risus in tortor sagittis faucibus. Curabitur imperdiet, turpis et varius efficitur, odio nibh rhoncus odio, vitae tincidunt turpis magna sed risus. Duis venenatis at tortor vel commodo.</p>
     </div>
 
     <div class="featured-container">
@@ -35,7 +39,10 @@ Alphabet Learning - Resource List
 
             {# standard resources #}
             <div>
-                <h1>Standard resources</h1>
+                <h1 class="section-title">Standard resources</h1>
+            </div>
+            <div class="bulk-text">
+                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent viverra ante vel ornare sagittis. Integer ac nisi tellus. Aenean tempus eleifend ipsum eget iaculis. Donec vehicula tortor malesuada sapien semper, quis fermentum turpis laoreet. Sed pulvinar vitae nibh et posuere. Aenean sed metus in tellus sagittis aliquam vel eu dui. Aliquam tellus purus, semper ut ligula in, pharetra maximus massa. Sed ut ipsum sit amet felis vulputate efficitur a vitae ex. Vestibulum hendrerit dapibus ante. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur sed malesuada dui. Phasellus at risus in tortor sagittis faucibus. Curabitur imperdiet, turpis et varius efficitur, odio nibh rhoncus odio, vitae tincidunt turpis magna sed risus. Duis venenatis at tortor vel commodo.</p>
             </div>
 
             <!-- Tabbed navigation bar for filtering -->
@@ -52,7 +59,7 @@ Alphabet Learning - Resource List
             </ul>
 
 
-            <div>
+            <div class="standard-grid">
                 {% for resource in page_obj.object_list %}
                 <div data-type="{{ resource.main_resource_category_name }}">
                     {% include "resources/resource_card_standard.html" with resource=resource %}
-- 
cgit v1.2.3