add card styles

uhm-descartes · Jan 12, 2024 · dc58212 · dc58212
1 parent f3da4f8
commit dc58212
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 7 deletions.
diff --git a/_includes/entity-card.html b/_includes/entity-card.html
@@ -1,6 +1,6 @@
 <!-- Internal fragment for displaying reading, experience, prereq cards. Prereqs have icons. -->
 <div class="col-md-6 col-lg-4" style="padding-bottom: 20px">
-  <div class="card h-100">
+  <div class="card h-100 {% if include.type == 'reading' %}border-primary{% elsif include.type == 'experience' %}border-success{% elsif include.type == 'assessment' %}border-danger{% endif %}">
     {% if include.icon_url %}
       <div class="text-center">
         <img alt="{{include.title}}" src="{{ include.icon_url }}" class="card-img-top rounded-circle" style="max-width: 100px; padding-top: 2px">

diff --git a/_layouts/default.html b/_layouts/default.html
@@ -11,5 +11,4 @@
 </div>
 {% else %}
 {{ content }}
-{% endif %}
-
+{% endif %}
diff --git a/_layouts/module.html b/_layouts/module.html
@@ -56,7 +56,7 @@ <h2>Readings</h2>
     <div class="row">
       {% for page_id in page.morea_page.morea_readings %}
         {% assign reading = site.morea_page_table[page_id] %}
-        {% include entity-card.html url=reading.morea_url title=reading.title summary=reading.morea_summary labels=reading.morea_labels %}
+        {% include entity-card.html type="reading" url=reading.morea_url title=reading.title summary=reading.morea_summary labels=reading.morea_labels %}
       {% endfor %}
     </div>
   </div>
@@ -70,7 +70,7 @@ <h2>Experiential Learning</h2>
     <div class="row">
       {% for page_id in page.morea_page.morea_experiences %}
         {% assign experience = site.morea_page_table[page_id] %}
-        {% include entity-card.html url=experience.morea_url title=experience.title summary=experience.morea_summary labels=experience.morea_labels %}
+        {% include entity-card.html type="experience" url=experience.morea_url title=experience.title summary=experience.morea_summary labels=experience.morea_labels %}
       {% endfor %}
     </div>
   </div>
@@ -84,7 +84,7 @@ <h2>Assessments</h2>
     <div class="row">
     {% for page_id in page.morea_page.morea_assessments %}
       {% assign assessment = site.morea_page_table[page_id] %}
-    {% include entity-card.html url=assessment.morea_url title=assessment.title summary=assessment.morea_summary labels=assessment.morea_labels outcomes=assessment.morea_outcomes_assessed_titles %}
+    {% include entity-card.html type="assessment" url=assessment.morea_url title=assessment.title summary=assessment.morea_summary labels=assessment.morea_labels outcomes=assessment.morea_outcomes_assessed_titles %}
     {% endfor %}
     </div>
   </div>

diff --git a/css/style.css b/css/style.css
@@ -44,4 +44,9 @@ h1, h2, h3 {
 
 small {
   font-size: .7em
+}
+
+/* set a background color of the footer to differentiate it from the content */
+.footer-background {
+  background-color: var(--bs-primary-bg-subtle); 
 }
diff --git a/morea/01-introduction/reading-syllabus.md b/morea/01-introduction/reading-syllabus.md
@@ -5,6 +5,6 @@ title: "EE 643 Syllabus"
 published: True
 morea_summary: "Basic information about the class"
 morea_sort_order: 10
-morea_url: /morea/introduction/syllabus.pdf
+morea_url: /morea/01-introduction/syllabus.pdf
 morea_labels: 
 ---