Urlencode strings for sharing

district/templates/district/district_article_page.html

@@ -53,12 +53,12 @@
               <span class="head-alt-base md:head-alt-md">Sdílení je aktem lásky</span>
               <div class="flex w-full space-x-4 pt-4 md:pt-8 text-center text-white">
                 <a
-                  href="https://www.facebook.com/sharer/sharer.php?u={{ page.url }}"
+                  href="https://www.facebook.com/sharer/sharer.php?u={{ page.full_url|urlencode }}"
                   onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
                   class="bg-brands-facebook px-8 py-3 text-2xl w-full"
                 ><i class="ico--facebook"></i></a>
                 <a
-                  href="https://twitter.com/intent/tweet?text={{ page.title }}&url={{ page.url }}"
+                  href="https://twitter.com/intent/tweet?text={{ page.title|urlencode }}&url={{ page.full_url|urlencode }}"
                   onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
                   class="bg-brands-twitter px-8 py-3 text-2xl w-full"
                 ><i class="ico--twitter"></i></a>

donate/templates/donate/donate_info_page.html

@@ -96,9 +96,9 @@
                 <div class="text"><h3 class="lead">Sdílení je aktem lásky</h3></div>
               </div>
               <div class="sharing-buttons">
-                <a href="https://www.facebook.com/sharer/sharer.php?u={{ page.full_url }}" target="_blank" class="btn btn-facebook"><i class="icon-facebook-f"></i></a>
-                <a href="https://twitter.com/intent/tweet?text=Podpoř projekt {{ page.title }}&url={{ page.full_url }}" target="_blank" class="btn btn-twitter"><i class="icon-twitter"></i></a>
-                <a href="https://www.linkedin.com/sharing/share-offsite/?url={{ page.full_url }}" target="_blank" class="btn btn-linkedin"><i class="icon-linkedin"></i></a>
+                <a href="https://www.facebook.com/sharer/sharer.php?u={{ page.full_url|urlencode }}" target="_blank" class="btn btn-facebook"><i class="icon-facebook-f"></i></a>
+                <a href="https://twitter.com/intent/tweet?text=Podpoř projekt {{ page.title|urlencode }}&url={{ page.full_url|urlencode }}" target="_blank" class="btn btn-twitter"><i class="icon-twitter"></i></a>
+                <a href="https://www.linkedin.com/sharing/share-offsite/?url={{ page.full_url|urlencode }}" target="_blank" class="btn btn-linkedin"><i class="icon-linkedin"></i></a>
               </div>
             </div>
             <div class="image"><img data-src="{% static "donate/img/vlajka.jpg" %}" class="img-fluid lazyload" alt="Vlajka pirátů"></div>

donate/templates/donate/donate_project_page.html

@@ -130,9 +130,9 @@
                   <div class="text"><h3 class="lead">Sdílení je aktem lásky</h3></div>
                 </div>
                 <div class="sharing-buttons">
-                  <a href="https://www.facebook.com/sharer/sharer.php?u={{ page.full_url }}" target="_blank" class="btn btn-facebook"><i class="icon-facebook-f"></i></a>
-                  <a href="https://twitter.com/intent/tweet?text=Podpoř projekt {{ page.title }}&url={{ page.full_url }}" target="_blank" class="btn btn-twitter"><i class="icon-twitter"></i></a>
-                  <a href="https://www.linkedin.com/sharing/share-offsite/?url={{ page.full_url }}" target="_blank" class="btn btn-linkedin"><i class="icon-linkedin"></i></a>
+                  <a href="https://www.facebook.com/sharer/sharer.php?u={{ page.full_url|urlencode }}" target="_blank" class="btn btn-facebook"><i class="icon-facebook-f"></i></a>
+                  <a href="https://twitter.com/intent/tweet?text=Podpoř projekt {{ page.title|urlencode }}&url={{ page.full_url|urlencode }}" target="_blank" class="btn btn-twitter"><i class="icon-twitter"></i></a>
+                  <a href="https://www.linkedin.com/sharing/share-offsite/?url={{ page.full_url|urlencode }}" target="_blank" class="btn btn-linkedin"><i class="icon-linkedin"></i></a>
                 </div>
               </div>
             <div class="image"><img data-src="{% static "donate/img/vlajka.jpg" %}" class="img-fluid lazyload" alt="Vlajka pirátů"></div>

donate/templates/donate/donate_region_page.html

@@ -86,9 +86,9 @@
                 <div class="text"><h3 class="lead">Sdílení je aktem lásky</h3></div>
               </div>
               <div class="sharing-buttons">
-                <a href="https://www.facebook.com/sharer/sharer.php?u={{ page.full_url }}" target="_blank" class="btn btn-facebook"><i class="icon-facebook-f"></i></a>
-                <a href="https://twitter.com/intent/tweet?text={{ page.main_title }}&url={{ page.full_url }}" target="_blank" class="btn btn-twitter"><i class="icon-twitter"></i></a>
-                <a href="https://www.linkedin.com/sharing/share-offsite/?url={{ page.full_url }}" target="_blank" class="btn btn-linkedin"><i class="icon-linkedin"></i></a>
+                <a href="https://www.facebook.com/sharer/sharer.php?u={{ page.full_url|urlencode }}" target="_blank" class="btn btn-facebook"><i class="icon-facebook-f"></i></a>
+                <a href="https://twitter.com/intent/tweet?text={{ page.main_title|urlencode }}&url={{ page.full_url|urlencode }}" target="_blank" class="btn btn-twitter"><i class="icon-twitter"></i></a>
+                <a href="https://www.linkedin.com/sharing/share-offsite/?url={{ page.full_url|urlencode }}" target="_blank" class="btn btn-linkedin"><i class="icon-linkedin"></i></a>
               </div>
             </div>
             <div class="image"><img data-src="{% static "donate/img/vlajka.jpg" %}" class="img-fluid lazyload" alt="Vlajka pirátů"></div>

senat_campaign/templates/senat_campaign/senat_campaign_news_page.html

@@ -46,9 +46,9 @@
                 <div class="text"><h3 class="lead">Sdílení je aktem lásky</h3></div>
               </div>
               <div class="sharing-buttons">
-                <a href="https://www.facebook.com/sharer/sharer.php?u={{ page.full_url }}" target="_blank" class="btn btn-facebook"><i class="icon-facebook-f"></i></a>
-                <a href="https://twitter.com/intent/tweet?text={{ page.title }}&url={{ page.full_url }}" target="_blank" class="btn btn-twitter"><i class="icon-twitter"></i></a>
-                <a href="https://www.linkedin.com/sharing/share-offsite/?url={{ page.full_url }}" target="_blank" class="btn btn-linkedin"><i class="icon-linkedin"></i></a>
+                <a href="https://www.facebook.com/sharer/sharer.php?u={{ page.full_url|urlencode }}" target="_blank" class="btn btn-facebook"><i class="icon-facebook-f"></i></a>
+                <a href="https://twitter.com/intent/tweet?text={{ page.title|urlencode }}&url={{ page.full_url|urlencode }}" target="_blank" class="btn btn-twitter"><i class="icon-twitter"></i></a>
+                <a href="https://www.linkedin.com/sharing/share-offsite/?url={{ page.full_url|urlencode }}" target="_blank" class="btn btn-linkedin"><i class="icon-linkedin"></i></a>
               </div>
             </div>
             <div class="image"><img data-src="{% static "senat_campaign/img/vlajka.jpg" %}" class="img-fluid lazyload" alt="Vlajka pirátů"></div>

senat_campaign/templates/senat_campaign/senat_campaign_program_page.html

@@ -35,9 +35,9 @@
                 <div class="text"><h3 class="lead">Sdílení je aktem lásky</h3></div>
               </div>
               <div class="sharing-buttons">
-                <a href="https://www.facebook.com/sharer/sharer.php?u={{ page.root_page.full_url }}" target="_blank" class="btn btn-facebook"><i class="icon-facebook-f"></i></a>
-                <a href="https://twitter.com/intent/tweet?text={{ page.root_page.full_name }} - {{ page.root_page.headline }}&url={{ page.root_page.full_url }}" target="_blank" class="btn btn-twitter"><i class="icon-twitter"></i></a>
-                <a href="https://www.linkedin.com/sharing/share-offsite/?url={{ page.root_page.full_url }}" target="_blank" class="btn btn-linkedin"><i class="icon-linkedin"></i></a>
+                <a href="https://www.facebook.com/sharer/sharer.php?u={{ page.root_page.full_url|urlencode }}" target="_blank" class="btn btn-facebook"><i class="icon-facebook-f"></i></a>
+                <a href="https://twitter.com/intent/tweet?text={{ page.root_page.full_name|urlencode }} - {{ page.root_page.headline|urlencode }}&url={{ page.root_page.full_url|urlencode }}" target="_blank" class="btn btn-twitter"><i class="icon-twitter"></i></a>
+                <a href="https://www.linkedin.com/sharing/share-offsite/?url={{ page.root_page.full_url|urlencode }}" target="_blank" class="btn btn-linkedin"><i class="icon-linkedin"></i></a>
               </div>
             </div>
             <div class="image"><img data-src="{% static "senat_campaign/img/vlajka.jpg" %}" class="img-fluid lazyload" alt="Vlajka pirátů"></div>

shared/templates/shared/article_preview.html

@@ -15,12 +15,12 @@
       <div class="article-card-sharing">
         <div class="social-icon-group">
           <a
-            href="https://www.facebook.com/sharer/sharer.php?u={{ article.url }}"
+            href="https://www.facebook.com/sharer/sharer.php?u={{ article.url|urlencode }}"
             onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
             class="social-icon social-icon--fill bg-brands-facebook text-white text-sm social-icon--4"
           ><i class="ico--facebook"></i></a>
           <a
-            href="https://twitter.com/intent/tweet?text={{ article.title }}&url={{ article.url }}"
+            href="https://twitter.com/intent/tweet?text={{ article.title|urlencode }}&url={{ article.url|urlencode }}"
             onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
             class="social-icon social-icon--fill bg-brands-twitter text-white text-sm social-icon--4"
           ><i class="ico--twitter"></i></a>

shared/templates/styleguide/2.3.x/article_card.html

@@ -13,12 +13,12 @@
       <div class="article-card-sharing">
         <div class="social-icon-group ">
           <a
-            href="https://www.facebook.com/sharer/sharer.php?u={% pageurl article %}"
+            href="https://www.facebook.com/sharer/sharer.php?u={{ article.full_url|urlencode }}"
             onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
             class="social-icon social-icon--fill bg-brands-facebook text-white text-sm social-icon--4"
           ><i class="ico--facebook"></i></a>
           <a
-            href="https://twitter.com/intent/tweet?text={{ article.title }}&url={% pageurl article %}"
+            href="https://twitter.com/intent/tweet?text={{ article.title|urlencode }}&url={{ article.full_url|urlencode }}"
             onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
             class="social-icon social-icon--fill bg-brands-twitter text-white text-sm social-icon--4"
           ><i class="ico--twitter"></i></a>