Update Spotlight homepage posts to Ideas, including cta link text

network-api/networkapi/wagtailpages/migrations/0156_homepagespotlightposts_cta_and_more.py

@@ -0,0 +1,37 @@
+# Generated by Django 4.2.11 on 2024-07-29 16:41
+
+import django.db.models.deletion
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("wagtailimages", "0025_alter_image_file_alter_rendition_file"),
+        ("wagtailpages", "0155_homepagetakeactioncards_cta"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="homepagespotlightposts",
+            name="cta",
+            field=models.CharField(default="Read more", max_length=50),
+        ),
+        migrations.AlterField(
+            model_name="homepage",
+            name="spotlight_headline",
+            field=models.CharField(blank=True, help_text="Ideas headline", max_length=140),
+        ),
+        migrations.AlterField(
+            model_name="homepage",
+            name="spotlight_image",
+            field=models.ForeignKey(
+                blank=True,
+                help_text="Ideas image",
+                null=True,
+                on_delete=django.db.models.deletion.SET_NULL,
+                related_name="spotlight_image",
+                to="wagtailimages.image",
+            ),
+        ),
+    ]

network-api/networkapi/wagtailpages/pagemodels/base.py

@@ -449,8 +449,10 @@ class HomepageSpotlightPosts(TranslatableMixin, WagtailOrderable):
         related_name="spotlight_posts",
     )
     blog = models.ForeignKey("BlogPage", on_delete=models.CASCADE, related_name="+")
+    cta = models.CharField(max_length=50, default="Read more")
     panels = [
         FieldPanel("blog"),
+        FieldPanel("cta", heading="CTA Link Text"),
     ]
 
     class Meta(TranslatableMixin.Meta, WagtailOrderable.Meta):
@@ -765,12 +767,13 @@ def get_banner(self):
         null=True,
         blank=True,
         on_delete=models.SET_NULL,
+        help_text="Ideas image",
         related_name="spotlight_image",
     )
 
     spotlight_headline = models.CharField(
         max_length=140,
-        help_text="Spotlight headline",
+        help_text="Ideas headline",
         blank=True,
     )
 
@@ -878,7 +881,7 @@ def get_banner(self):
                 FieldPanel("spotlight_headline"),
                 InlinePanel("spotlight_posts", label="Posts", min_num=3, max_num=3),
             ],
-            heading="spotlight",
+            heading="Ideas",
             classname="collapsible",
         ),
         MultiFieldPanel(

network-api/networkapi/wagtailpages/templates/wagtailpages/fragments/spotlight_posts.html

@@ -3,7 +3,7 @@
 <div class="row section-spotlight section-padding">
 
     <div class="col-12">
-        <h2 class="capsule-label mb-0 ml-md-4">{% trans "Spotlight" %}</h2>
+        <h2 class="capsule-label mb-0 ml-md-4">{% trans "Ideas" %}</h2>
     </div>
     <div class="col-12 col-lg-6 mb-md-4 mb-lg-0 tw-dark">
         <div class="spotlight-banner d-flex align-items-end full-bleed-xs p-3 p-md-4" style="background-image: linear-gradient(180deg, rgba(238,238,238,0) 14%, #000000 100%), url({% image_url page.spotlight_image "width-540" %});">
@@ -19,6 +19,7 @@ <h4 class="mb-2 tw-h5-heading">
                         <a href="{{ localized.url }}">{{ localized.title }}</a>
                     </h4>
                     {% include "./blog_authors.html" with blog_page=localized %}
+                    <a href="{{ target.url }}" class="tw-cta-link d-none d-md-inline-block tw-mt-2">{{ post.cta }}</a>
                 </div>
             {% endwith %}
         {% endfor %}

source/sass/views/home.scss

@@ -55,7 +55,7 @@
       }
 
       @media (min-width: $bp-lg) {
-        height: 400px;
+        height: 460px;
       }
     }