Fixes for the Want page to remove Twitter, etc.

Author: aarongustafson

_includes/assets/css/inline.css

@@ -391,7 +391,7 @@ button,
   border-radius: .5rem;
   font-size: 1rem;
   font-family: inherit;
-  padding: .5em 3em;
+  padding: .5em 1em;
   transform: translateX(0) translateY(0);
   box-shadow: none;
   transition: transform .25s, box-shadow .25s, background-color .5s;

_includes/layouts/want.njk

@@ -70,6 +70,14 @@ javascript:
   </dd>
 </dl>
 
+<dl class="want__votes">
+    <dt>Votes</dt>
+    <dd>{{ webmentions.children | votesForWant( absoluteUrl ) }}
+      <br>
+      <small><a href="/voting">What are votes for and how are they tallied?</a></small>
+    </dd>
+  </dl>
+
 {% if ( eventData[id] ) and ( eventData[id].pitched.length > 0 ) %}
 <dl class="want__presented_at" id="events">
   <dt>This was presented at</dt>
@@ -95,36 +103,26 @@ javascript:
   <dl class="want__share">
     <dt>Do you want this too? Share it!</dt>
     <script>
-      var $want__share = document.querySelector('.want__share');
-      var url = '{{ absoluteUrl }}';
-      var title = '{{ title | urlencode }}';
-      var text = '{{ description | striptags | truncate( 140 ) | urlencode }}';
-      var $button = document.createElement('button');
-      $button.className = 'button button--share';
-      $button.onlick = function() {
-        navigator.share({
-          title: title,
-          text: text,
-          url: url
+      var $share = document.querySelector('.want__share');
+      if ( "share" in navigator ) {
+        var url = '{{ absoluteUrl }}';
+        var title = "{{ title }}";
+        var $button = document.createElement('button');
+        $button.className = 'button--share';
+        $button.innerText = "Share this want";
+        $button.addEventListener("click", function() {
+          navigator.share({
+            title,
+            url
+          });
         });
+        $share.appendChild($button);
+      } else {
+        $share.parentNode.removeChild($share);
       }
-      $want__share.appendChild($button);
     </script>
   </dl>
 
-  <dl class="want__votes">
-    <dt>Votes</dt>
-    <dd>{{ webmentions.children | votesForWant( absoluteUrl ) }}
-      <br>
-      <a class="button button--vote" href="https://twitter.com/intent/tweet?original_referer={{ absoluteUrl }}&amp;source=tweetbutton&amp;url={{ absoluteUrl }}&amp;text={{ title }}&amp;via=webwewantfyi">
-        <svg class="button__icon" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><path d="M24.253 8.756C24.69 17.08 18.297 24.182 9.97 24.62c-3.122.162-6.22-.646-8.86-2.32 2.702.18 5.375-.648 7.507-2.32-2.072-.248-3.818-1.662-4.49-3.64.802.13 1.62.077 2.4-.154-2.482-.466-4.312-2.586-4.412-5.11.688.276 1.426.408 2.168.387-2.135-1.65-2.73-4.62-1.394-6.965C5.574 7.816 9.54 9.84 13.802 10.07c-.842-2.738.694-5.64 3.434-6.48 2.018-.624 4.212.043 5.546 1.682 1.186-.213 2.318-.662 3.33-1.317-.386 1.256-1.248 2.312-2.4 2.942 1.048-.106 2.07-.394 3.02-.85-.458 1.182-1.343 2.15-2.48 2.71z"></path></svg>
-        <b class="button__text">Vote by sharing on Twitter</b>
-      </a>
-      <br>
-      <small><a href="/voting">What are votes for and how are they tallied?</a></small>
-    </dd>
-  </dl>
-
 </aside>
 
 <div class="pagination">