Ditch twitter, enable mastodon

Author: jgroenen

_data/mensen.yaml

@@ -13,7 +13,6 @@
   email: ivonne@codefor.nl
   img: /img/bestuur/ivonne.png
   linkedin: https://www.linkedin.com/in/ivonnejansendings/
-  twitter: https://twitter.com/ivonnedings
   groups: [board,ai-met-impact]
   ai_sort: 5
 
@@ -31,7 +30,7 @@
   email: johan@codefor.nl
   img: /img/bestuur/johan.png
   linkedin: https://www.linkedin.com/in/jgroenen/
-  twitter: https://twitter.com/jpagroenen
+  mastodon: https://mastodon.social/@jpagroenen
   github: https://github.com/jgroenen
   website: https://www.jgroenen.nl
   groups: [board,ibestuur,ai-met-impact]
@@ -42,7 +41,6 @@
   organisation:
   img: /img/bestuur/edo.png
   linkedin: https://www.linkedin.com/in/edoplantinga/
-  twitter: https://twitter.com/edoplantinga
   groups: [ibestuur,nl-design-system]
   ibestuur_sort: 1
 
@@ -54,14 +52,12 @@
   email: sander@codefor.nl
   img: /img/bestuur/sander.png
   linkedin: https://www.linkedin.com/in/sandervanderwaal/
-  twitter: https://twitter.com/sandervdwaal
   groups: [board]
 
 - name: Frank Verschoor
   organisation: 
   img: /img/bestuur/frank.png
   linkedin: https://www.linkedin.com/in/frankverschoor/
-  twitter: https://twitter.com/DutchSpring
   groups: []
 
 - name: Safia Akkus
@@ -84,7 +80,6 @@
   email: t.erkelens@amsterdam.nl
   img: /img/tamas.jpg
   linkedin: https://www.linkedin.com/in/tamas-erkelens-4a42252a/
-  twitter: https://twitter.com/amsterdatamas
   groups: [ai-met-impact]
   ai_sort: 2
 
@@ -114,7 +109,6 @@
   email: hilbrand@h72.nl
   img: /img/hilbrand.jpg
   linkedin: https://www.linkedin.com/in/hilbrandbouwkamp/
-  twitter: https://twitter.com/hilbrand
   github: https://github.com/hilbrand
   website: http://www.h72.nl/
   groups: [ibestuur]
@@ -125,7 +119,6 @@
   email: info@ag4it.nl
   img: /img/ad.png
   linkedin: https://www.linkedin.com/in/adgerrits/
-  twitter: https://twitter.com/adgerrits
   website: http://www.ag4it.nl/
   groups: [ibestuur]
   ibestuur_sort: 4

_drafts/index.en.html.back

@@ -36,7 +36,7 @@ permalink: /en/
     </p>
     <p class="social">
       {% if mens.linkedin %}<a class="linkedinBtn smGlobalBtn" href="{{ mens.linkedin }}"></a>{% endif %}
-      {% if mens.twitter %}<a class="twitterBtn smGlobalBtn" href="{{ mens.twitter }}"></a>{% endif %}
+      {% if mens.mastodon %}<a class="mastodonBtn smGlobalBtn" href="{{ mens.mastodon }}"></a>{% endif %}
       {% if mens.github %}<a class="githubBtn smGlobalBtn" href="{{ mens.github }}"></a>{% endif %}
       {% if mens.website %}<a class="websiteBtn smGlobalBtn" href="{{ mens.website }}"></a>{% endif %}
     </p>

_drafts/index.html.back

@@ -86,7 +86,7 @@ width: 960
     </p>
     <p class="social">
       {% if mens.linkedin %}<a class="linkedinBtn smGlobalBtn" href="{{ mens.linkedin }}"></a>{% endif %}
-      {% if mens.twitter %}<a class="twitterBtn smGlobalBtn" href="{{ mens.twitter }}"></a>{% endif %}
+      {% if mens.mastodon %}<a class="mastodonBtn smGlobalBtn" href="{{ mens.mastodon }}"></a>{% endif %}
       {% if mens.github %}<a class="githubBtn smGlobalBtn" href="{{ mens.github }}"></a>{% endif %}
       {% if mens.website %}<a class="websiteBtn smGlobalBtn" href="{{ mens.website }}"></a>{% endif %}
     </p>

_includes/footer.html

@@ -27,7 +27,7 @@
       {% endif %}
       <!-- <a href="https://collecties.codefor.nl">{{site.data.blocks.collections[page.lang]}}</a><br> -->
       <a href="https://github.com/codefornl">Github</a><br>
-      <a href="https://twitter.com/codefornl">Twitter</a><br>
+      <a href="https://mastodon.nl/@codefornl">Mastodon</a><br>
       <a href="https://codefornl.slack.com">Slack</a><br>
     </p>
   </div>

_includes/people.html

@@ -11,7 +11,7 @@ <h2>{{ site.data.blocks.organisation[page.lang]}}</h2>
     </p>
     <p class="social">
       {% if mens.linkedin %}<a class="linkedinBtn smGlobalBtn" href="{{ mens.linkedin }}"></a>{% endif %}
-      {% if mens.twitter %}<a class="twitterBtn smGlobalBtn" href="{{ mens.twitter }}"></a>{% endif %}
+      {% if mens.mastodon %}<a class="mastodonBtn smGlobalBtn" href="{{ mens.mastodon }}"></a>{% endif %}
       {% if mens.github %}<a class="githubBtn smGlobalBtn" href="{{ mens.github }}"></a>{% endif %}
       {% if mens.website %}<a class="websiteBtn smGlobalBtn" href="{{ mens.website }}"></a>{% endif %}
     </p>

_includes/script.html

@@ -1,4 +1,4 @@
-<script src="https://use.fontawesome.com/164ce3f549.js"></script>
+<script src="https://kit.fontawesome.com/83e7156052.js" crossorigin="anonymous"></script>
 <!-- jquery -->
 <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
 

_sass/_codefornl.scss

@@ -183,13 +183,14 @@ a.cta_button_inline {
     vertical-align: bottom;
 }
 
-.twitterBtn {
-    background: #00ABE3; /* Twitter color */
+/* mastodon button class */
+.mastodonBtn {
+    background: #6364FF; /* Mastodon color */
 }
 
-.twitterBtn:before {
+.mastodonBtn:before {
     font-family: "FontAwesome";
-    content: "\f099"; /* add twitter icon */
+    content: "\f4f6"; /* add mastodon icon */
 }
 
 /* linkedin button class*/

pages/vrijwilligers.en.html

@@ -29,8 +29,8 @@
   </p>
   <p class="headline">
     And someone who helps with our ideas and important ones
-    publish developments regularly on <b>our blog, at
-      twitter, our website and in presentations</b>.
+    publish developments regularly on <b>our blog, our
+      socials, our website and in presentations</b>.
   </p>
   <p class="headline">
     Would you like this? Then we would like to meet you! Send a

pages/vrijwilligers.nl.html

@@ -29,8 +29,8 @@
   </p>
   <p class="headline">
     En iemand die meehelpt om onze ideeën en belangrijke
-    ontwikkelingen regelmatig te publiceren op <b>ons blog, op
-      twitter, onze website en in presentaties</b>.
+    ontwikkelingen regelmatig te publiceren op <b>ons blog, onze
+      socials, onze website en in presentaties</b>.
   </p>
   <p class="headline">
     Lijkt dit je leuk? Dan willen we je graag ontmoeten! Stuur een