feature/aahq-62-activities-on-home-page-the-title-of-the-section-shou…

…ld-be
aahnik · Jan 14, 2024 · 41704b8 · 41704b8
1 parent cc51cdc
commit 41704b8
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 3 deletions.
diff --git a/src/home/migrations/0002_homecontent_activity_heading.py b/src/home/migrations/0002_homecontent_activity_heading.py
@@ -0,0 +1,17 @@
+# Generated by Django 4.2.1 on 2024-01-13 20:02
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+    dependencies = [
+        ("home", "0001_initial"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="homecontent",
+            name="activity_heading",
+            field=models.CharField(default="Activities", max_length=256),
+        ),
+    ]
diff --git a/src/home/models.py b/src/home/models.py
@@ -149,6 +149,7 @@ class HomeContent(SingletonModel):
         choices=NEWSLETTER_ICON_CHOICES,
         default=NEWSLETTER_ICON_CHOICES[1][0],
     )
+    activity_heading = models.CharField(max_length=256, default="Activities")
     activity_subhead = models.CharField(
         max_length=512,
         default="Here at Temple we focus on overall wellbeing and development.",

diff --git a/src/home/templates/home/index.html b/src/home/templates/home/index.html
@@ -139,8 +139,8 @@ <h2 class="mb-2 text-xl font-bold leading-tight text-gray-900 dark:text-white">
 <section class="bg-white dark:bg-gray-900">
   <div class="py-8 px-4 mx-auto max-w-screen-xl sm:py-16 lg:px-6">
     <div class="max-w-screen-md mb-8 lg:mb-16">
-      <h2 class="mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white">
-        Activites at {{site_config.site_name}}
+      <h2 class="mb-4 text-xl md:text-2xl tracking-tight font-extrabold text-gray-900 dark:text-white">
+        {{home_content.activity_heading}}
       </h2>
       <p class="text-gray-500 sm:text-xl dark:text-gray-400">
         {{home_content.activity_subhead}}
@@ -153,7 +153,7 @@ <h2 class="mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-w
           class="shadow-md border-b rounded-lg bg-gray-50  transform transition-transform duration-300 hover:translate-y-[-10px]">
 
           <div class="px-4 py-4">
-            <h3 class=" mb-2 text-xl font-bold dark:text-white text-center">
+            <h3 class="mb-2 md:text-xl text-sm font-bold dark:text-white text-center">
               {{activity.title}}
 
             </h3>

diff --git a/src/static/styles.css b/src/static/styles.css
@@ -4655,6 +4655,11 @@ input:checked + .toggle-bg {
     line-height: 1.75rem;
   }
 
+  .md\:text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+
   .md\:text-primary-700 {
     --tw-text-opacity: 1;
     color: rgb(180 83 9 / var(--tw-text-opacity));