PR feedback: trailing slash footgun avoidance, clean up example

Author: jlchilders11

core/templatetags/custom_static.py

@@ -14,7 +14,12 @@ def large_static(file_path: str):
     """
     # Strip any leading slashes to avoid footguns
     file_path = file_path.lstrip("/")
+
+    # Strip any trailing slashes to avoid assumptions
+    static_url = settings.STATIC_URL.rstrip("/")
+    static_aws_endpoint = settings.STATIC_CONTENT_AWS_S3_ENDPOINT_URL.rstrip("/")
+
     if settings.LOCAL_DEVELOPMENT:
-        return f"{settings.STATIC_URL}static-large/{file_path}"
+        return f"{static_url}/static-large/{file_path}"
     else:
-        return f"{settings.STATIC_CONTENT_AWS_S3_ENDPOINT_URL}/{settings.STATIC_CONTENT_BUCKET_NAME}/static/{file_path}"
+        return f"{static_aws_endpoint}/{settings.STATIC_CONTENT_BUCKET_NAME}/static/{file_path}"

templates/v3/examples/_v3_example_section.html

@@ -1,3 +1,4 @@
+{% load custom_static %}
 {% comment %}
   V3 Component Demo Page
   ======================
@@ -722,12 +723,10 @@ <h3>{{ section_title }}</h3>
   {% endwith %}
 
   {% with section_title="Image Handling Example" %}
-    {% load custom_static %}
     <div class="v3-examples-section__block" id="{{ section_title|slugify }}">
       <h3>{{ section_title }}</h3>
       <div class="v3-examples-section__example-box">
-        {% large_static '/img/v3/learn-page/Learn_Octopus.png' as img_url %}
-        <img src="{{img_url}}" />
+        <img src="{% large_static 'img/v3/learn-page/Learn_Octopus.png' %}" alt="Large Media Example" />
       </div>
     </div>
   {% endwith %}