Add Threads to area page social sharing dropdown

mysociety · Feb 28, 2024 · 4661e1f · 4661e1f
1 parent fa8438b
commit 4661e1f
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 0 deletions.
diff --git a/hub/static/css/_utilities.scss b/hub/static/css/_utilities.scss
@@ -19,6 +19,7 @@ $gray-colors: ();
 $social-colors: (
     "facebook-blue": $color-facebook-blue,
     "twitter-black": $color-twitter-black,
+    "threads-black": $color-threads-black,
     "linkedin-blue": $color-linkedin-blue,
     "whatsapp-green": $color-whatsapp-green,
 );

diff --git a/hub/static/css/_variables.scss b/hub/static/css/_variables.scss
@@ -15,6 +15,7 @@ $color-darker-seafoam: #068670; // like seafoam-green, but 4.51 contrast with #f
 
 $color-facebook-blue: #1877f2;
 $color-twitter-black: #14171a;
+$color-threads-black: #000;
 $color-linkedin-blue: #0a66c2;
 $color-whatsapp-green: #25d366;
 

diff --git a/hub/templates/hub/area.html b/hub/templates/hub/area.html
@@ -38,6 +38,10 @@ <h1 class="mb-2" id="area_name">{{ area.name }}</h1>
                         {% include 'hub/includes/icons/x.html' %}
                         X (Twitter)
                     </a></li>
+                    <li><a class="dropdown-item text-threads-black" href="https://threads.net/intent/post?text={{ request.build_absolute_uri|urlencode }}" target="_blank">
+                        {% include 'hub/includes/icons/threads.html' %}
+                        Threads
+                    </a></li>
                     <li><a class="dropdown-item text-linkedin-blue" href="https://www.linkedin.com/sharing/share-offsite/?url={{ request.build_absolute_uri|urlencode }}" target="_blank">
                         {% include 'hub/includes/icons/linkedin.html' %}
                         LinkedIn

diff --git a/hub/templates/hub/includes/icons/threads.html b/hub/templates/hub/includes/icons/threads.html
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="{{ width|default:'1em' }}" height="{{ height|default:'1em' }}" class="{{ classes }}" role="{{ role|default:'presentation' }}" fill="currentColor" viewBox="0 0 32 32"><path d="M23.505 14.831q-.208-.1-.421-.19c-.248-4.551-2.744-7.157-6.936-7.183h-.057c-2.507 0-4.593 1.065-5.876 3.005l2.305 1.576c.96-1.45 2.464-1.758 3.572-1.758h.038c1.38.009 2.422.408 3.096 1.188.49.568.819 1.352.981 2.342q-1.838-.311-3.962-.19c-3.985.228-6.547 2.544-6.375 5.761.087 1.632.904 3.036 2.298 3.953 1.18.775 2.698 1.155 4.276 1.069 2.084-.114 3.72-.906 4.86-2.355.866-1.1 1.414-2.525 1.656-4.321.993.597 1.73 1.383 2.136 2.327.692 1.606.732 4.245-1.43 6.396-1.893 1.885-4.17 2.7-7.61 2.726-3.816-.029-6.702-1.248-8.579-3.624C5.72 23.328 4.812 20.113 4.778 16c.034-4.114.942-7.328 2.7-9.553 1.876-2.376 4.762-3.595 8.578-3.624 3.844.029 6.78 1.254 8.729 3.642.955 1.17 1.675 2.643 2.15 4.36l2.701-.718c-.575-2.113-1.48-3.934-2.713-5.445C24.425 1.602 20.773.032 16.065 0h-.018C11.349.032 7.737 1.607 5.31 4.68 3.15 7.414 2.038 11.22 2 15.989L2 16v.011c.038 4.77 1.151 8.575 3.31 11.31 2.427 3.072 6.04 4.647 10.737 4.679h.018c4.176-.029 7.12-1.118 9.545-3.532 3.173-3.157 3.077-7.115 2.031-9.544-.75-1.743-2.18-3.158-4.136-4.093m-7.21 6.753c-1.747.099-3.562-.683-3.651-2.355-.066-1.24.886-2.625 3.758-2.79q.494-.027.969-.028c1.043 0 2.019.101 2.906.294-.331 4.118-2.272 4.786-3.982 4.88"/></svg>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<svg xmlns="http://www.w3.org/2000/svg" width="{{ width\|default:'1em' }}" height="{{ height\|default:'1em' }}" class="{{ classes }}" role="{{ role\|default:'presentation' }}" fill="currentColor" viewBox="0 0 32 32"><path d="M23.505 14.831q-.208-.1-.421-.19c-.248-4.551-2.744-7.157-6.936-7.183h-.057c-2.507 0-4.593 1.065-5.876 3.005l2.305 1.576c.96-1.45 2.464-1.758 3.572-1.758h.038c1.38.009 2.422.408 3.096 1.188.49.568.819 1.352.981 2.342q-1.838-.311-3.962-.19c-3.985.228-6.547 2.544-6.375 5.761.087 1.632.904 3.036 2.298 3.953 1.18.775 2.698 1.155 4.276 1.069 2.084-.114 3.72-.906 4.86-2.355.866-1.1 1.414-2.525 1.656-4.321.993.597 1.73 1.383 2.136 2.327.692 1.606.732 4.245-1.43 6.396-1.893 1.885-4.17 2.7-7.61 2.726-3.816-.029-6.702-1.248-8.579-3.624C5.72 23.328 4.812 20.113 4.778 16c.034-4.114.942-7.328 2.7-9.553 1.876-2.376 4.762-3.595 8.578-3.624 3.844.029 6.78 1.254 8.729 3.642.955 1.17 1.675 2.643 2.15 4.36l2.701-.718c-.575-2.113-1.48-3.934-2.713-5.445C24.425 1.602 20.773.032 16.065 0h-.018C11.349.032 7.737 1.607 5.31 4.68 3.15 7.414 2.038 11.22 2 15.989L2 16v.011c.038 4.77 1.151 8.575 3.31 11.31 2.427 3.072 6.04 4.647 10.737 4.679h.018c4.176-.029 7.12-1.118 9.545-3.532 3.173-3.157 3.077-7.115 2.031-9.544-.75-1.743-2.18-3.158-4.136-4.093m-7.21 6.753c-1.747.099-3.562-.683-3.651-2.355-.066-1.24.886-2.625 3.758-2.79q.494-.027.969-.028c1.043 0 2.019.101 2.906.294-.331 4.118-2.272 4.786-3.982 4.88"/></svg>