Skip to content

Commit 6975fba

Browse files
philwarehamphilwareham
committed
Add Mastodon social media channel
1 parent 183d64c commit 6975fba

File tree

11 files changed

+40
-24
lines changed

11 files changed

+40
-24
lines changed

‎src/assets/sass/modules/_social.scss‎

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,9 @@
99
* Example HTML:
1010
*
1111
* <ul class="social-channels">
12-
* <li><a class="twitter">Twitter</a></li>
1312
* <li><a class="github">GitHub</a></li>
13+
* <li><a class="mastodon">Mastodon</a></li>
14+
* <li><a class="twitter">Twitter</a></li>
1415
* </ul>
1516
*/
1617

@@ -35,12 +36,17 @@
3536
filter: brightness(1.1);
3637
}
3738

39+
&.github {
40+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M0 0h32v32H0z'/%3E%3Cpath fill='%23171515' d='M16,4C9.4,4,4,9.4,4,16c0,5.3,3.4,9.8,8.2,11.4c0.6,0.1,0.8-0.3,0.8-0.6c0-0.3,0-1,0-2c-3.3,0.7-4-1.6-4-1.6c-0.5-1.4-1.3-1.8-1.3-1.8c-1.1-0.7,0.1-0.7,0.1-0.7c1.2,0.1,1.8,1.2,1.8,1.2c1.1,1.8,2.8,1.3,3.5,1c0.1-0.8,0.4-1.3,0.8-1.6C11.1,21,8.3,20,8.3,15.4c0-1.3,0.5-2.4,1.2-3.2C9.5,11.8,9,10.6,9.7,9c0,0,1-0.3,3.3,1.2c1-0.3,2-0.4,3-0.4c1,0,2,0.1,3,0.4C21.3,8.7,22.3,9,22.3,9c0.7,1.7,0.2,2.9,0.1,3.2c0.8,0.8,1.2,1.9,1.2,3.2c0,4.6-2.8,5.6-5.5,5.9c0.4,0.4,0.8,1.1,0.8,2.2c0,1.6,0,2.9,0,3.3c0,0.3,0.2,0.7,0.8,0.6C24.6,25.8,28,21.3,28,16C28,9.4,22.6,4,16,4z'/%3E%3C/svg%3E");
41+
}
42+
43+
&.mastodon {
44+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231f232b' d='M0 0h32v32H0z'/%3E%3Cpath fill='%233088d4' d='m27 18.5c-.3 1.8-3 3.7-6.1 4.1-1.6.2-3.2.4-4.9.3-2.8-.1-4.9-.7-4.9-.7v.8c.4 2.8 2.7 2.9 4.9 3s4.2-.6 4.2-.6l.1 2.1s-1.6.9-4.4 1c-1.5.1-3.5 0-5.7-.6-4.7-1.4-5.6-6.6-5.7-11.9 0-1.6 0-3.1 0-4.3 0-5.4 3.5-7 3.5-7 1.8-.8 4.8-1.2 8-1.2 3.2 0 6.2.4 8 1.2 0 0 3.5 1.6 3.5 7 0 0 0 4-.5 6.8zm-4.6-9.6c-.7-.8-1.6-1.2-2.7-1.2-1.3 0-2.3.5-3 1.5l-.7 1.2-.6-1.1c-.7-1-1.7-1.5-3-1.5-1.1 0-2 .4-2.7 1.2s-1 1.9-1 3.2v6.6h2.6v-6.4c0-1.3.6-2 1.7-2 1.2 0 1.9.8 1.9 2.4v3.5h2.6v-3.5c0-1.6.6-2.4 1.9-2.4 1.1 0 1.7.7 1.7 2v6.4h2.6v-6.6c-.3-1.4-.7-2.5-1.3-3.3z'/%3E%3C/svg%3E");
45+
}
46+
3847
&.twitter {
3948
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%2300aced' d='M0 0h32v32H0z'/%3E%3Cpath fill='%23fff' d='M26.7,9.4c-0.8,0.3-1.6,0.6-2.5,0.7c0.9-0.5,1.6-1.4,1.9-2.4c-0.8,0.5-1.8,0.9-2.8,1c-0.8-0.9-1.9-1.4-3.2-1.4c-2.4,0-4.4,2-4.4,4.4c0,0.3,0,0.7,0.1,1c-3.6-0.2-6.9-1.9-9-4.6c-0.4,0.6-0.6,1.4-0.6,2.2c0,1.5,0.8,2.9,1.9,3.6c-0.7,0-1.4-0.2-2-0.5l0,0c0,2.1,1.5,3.9,3.5,4.3c-0.4,0.1-0.8,0.2-1.2,0.2c-0.3,0-0.6,0-0.8,0c0.6,1.7,2.2,3,4,3c-1.5,1.2-3.4,1.9-5.4,1.9c-0.4,0-0.7,0-1-0.1c1.9,1.2,4.2,2,6.7,2c8.1,0,12.5-6.7,12.5-12.5c0-0.2,0-0.4,0-0.6C25.3,11,26.1,10.3,26.7,9.4z'/%3E%3C/svg%3E");
4049
}
4150

42-
&.github {
43-
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M0 0h32v32H0z'/%3E%3Cpath fill='%23171515' d='M16,4C9.4,4,4,9.4,4,16c0,5.3,3.4,9.8,8.2,11.4c0.6,0.1,0.8-0.3,0.8-0.6c0-0.3,0-1,0-2c-3.3,0.7-4-1.6-4-1.6c-0.5-1.4-1.3-1.8-1.3-1.8c-1.1-0.7,0.1-0.7,0.1-0.7c1.2,0.1,1.8,1.2,1.8,1.2c1.1,1.8,2.8,1.3,3.5,1c0.1-0.8,0.4-1.3,0.8-1.6C11.1,21,8.3,20,8.3,15.4c0-1.3,0.5-2.4,1.2-3.2C9.5,11.8,9,10.6,9.7,9c0,0,1-0.3,3.3,1.2c1-0.3,2-0.4,3-0.4c1,0,2,0.1,3,0.4C21.3,8.7,22.3,9,22.3,9c0.7,1.7,0.2,2.9,0.1,3.2c0.8,0.8,1.2,1.9,1.2,3.2c0,4.6-2.8,5.6-5.5,5.9c0.4,0.4,0.8,1.1,0.8,2.2c0,1.6,0,2.9,0,3.3c0,0.3,0.2,0.7,0.8,0.6C24.6,25.8,28,21.3,28,16C28,9.4,22.6,4,16,4z'/%3E%3C/svg%3E");
44-
}
4551
}
4652
}

‎src/docs/design-patterns.html‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1218,8 +1218,9 @@ <h3 itemprop="headline"><a href="#">Card with default text</a></h3>
12181218
<h2>Social media</h2>
12191219

12201220
<ul class="social-channels">
1221-
<li><a class="twitter" rel="external" itemprop="sameAs" href="https://twitter.com/textpattern" title="Follow us on Twitter">Twitter</a></li>
1222-
<li><a class="github" rel="external" itemprop="sameAs" href="https://github.com/textpattern" title="Follow us on GitHub">GitHub</a></li>
1221+
<li><a class="github" rel="me external" itemprop="sameAs" href="https://github.com/textpattern" title="Follow us on GitHub">GitHub</a></li>
1222+
<li><a class="mastodon" rel="me external" itemprop="sameAs" href="https://indieweb.social/@textpattern" title="Follow us on Mastodon">Mastodon</a>
1223+
<li><a class="twitter" rel="me external" itemprop="sameAs" href="https://twitter.com/textpattern" title="Follow us on Twitter">Twitter</a></li>
12231224
</ul>
12241225
</section>
12251226

‎src/mockups/blog-article.html‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -299,8 +299,9 @@ <h4>Social channels</h4>
299299
<meta itemprop="name" content="Textpattern CMS">
300300
<meta itemprop="sameAs" content="https://en.wikipedia.org/wiki/Textpattern">
301301
<ul class="social-channels">
302-
<li><a class="twitter" rel="external" itemprop="sameAs" href="https://twitter.com/textpattern" title="Follow us on Twitter">Twitter</a></li>
303-
<li><a class="github" rel="external" itemprop="sameAs" href="https://github.com/textpattern" title="Follow us on GitHub">GitHub</a></li>
302+
<li><a class="github" rel="me external" itemprop="sameAs" href="https://github.com/textpattern" title="Follow us on GitHub">GitHub</a></li>
303+
<li><a class="mastodon" rel="me external" itemprop="sameAs" href="https://indieweb.social/@textpattern" title="Follow us on Mastodon">Mastodon</a>
304+
<li><a class="twitter" rel="me external" itemprop="sameAs" href="https://twitter.com/textpattern" title="Follow us on Twitter">Twitter</a></li>
304305
</ul>
305306
<h4>Donate</h4>
306307
<p>Your kind donations and sponsorships help us keep Textpattern CMS development alive!</p>

‎src/mockups/blog-landing.html‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -356,8 +356,9 @@ <h4>Social channels</h4>
356356
<meta itemprop="name" content="Textpattern CMS">
357357
<meta itemprop="sameAs" content="https://en.wikipedia.org/wiki/Textpattern">
358358
<ul class="social-channels">
359-
<li><a class="twitter" rel="external" itemprop="sameAs" href="https://twitter.com/textpattern" title="Follow us on Twitter">Twitter</a></li>
360-
<li><a class="github" rel="external" itemprop="sameAs" href="https://github.com/textpattern" title="Follow us on GitHub">GitHub</a></li>
359+
<li><a class="github" rel="me external" itemprop="sameAs" href="https://github.com/textpattern" title="Follow us on GitHub">GitHub</a></li>
360+
<li><a class="mastodon" rel="me external" itemprop="sameAs" href="https://indieweb.social/@textpattern" title="Follow us on Mastodon">Mastodon</a>
361+
<li><a class="twitter" rel="me external" itemprop="sameAs" href="https://twitter.com/textpattern" title="Follow us on Twitter">Twitter</a></li>
361362
</ul>
362363
<h4>Donate</h4>
363364
<p>Your kind donations and sponsorships help us keep Textpattern CMS development alive!</p>

‎src/mockups/documentation-example.html‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -340,8 +340,9 @@ <h4>Social channels</h4>
340340
<meta itemprop="name" content="Textpattern CMS">
341341
<meta itemprop="sameAs" content="https://en.wikipedia.org/wiki/Textpattern">
342342
<ul class="social-channels">
343-
<li><a class="twitter" rel="external" itemprop="sameAs" href="https://twitter.com/textpattern" title="Follow us on Twitter">Twitter</a></li>
344-
<li><a class="github" rel="external" itemprop="sameAs" href="https://github.com/textpattern" title="Follow us on GitHub">GitHub</a></li>
343+
<li><a class="github" rel="me external" itemprop="sameAs" href="https://github.com/textpattern" title="Follow us on GitHub">GitHub</a></li>
344+
<li><a class="mastodon" rel="me external" itemprop="sameAs" href="https://indieweb.social/@textpattern" title="Follow us on Mastodon">Mastodon</a>
345+
<li><a class="twitter" rel="me external" itemprop="sameAs" href="https://twitter.com/textpattern" title="Follow us on Twitter">Twitter</a></li>
345346
</ul>
346347
<h4>Donate</h4>
347348
<p>Your kind donations and sponsorships help us keep Textpattern CMS development alive!</p>

‎src/mockups/error.html‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -113,8 +113,9 @@ <h4>Social channels</h4>
113113
<meta itemprop="name" content="Textpattern CMS">
114114
<meta itemprop="sameAs" content="https://en.wikipedia.org/wiki/Textpattern">
115115
<ul class="social-channels">
116-
<li><a class="twitter" rel="external" itemprop="sameAs" href="https://twitter.com/textpattern" title="Follow us on Twitter">Twitter</a></li>
117-
<li><a class="github" rel="external" itemprop="sameAs" href="https://github.com/textpattern" title="Follow us on GitHub">GitHub</a></li>
116+
<li><a class="github" rel="me external" itemprop="sameAs" href="https://github.com/textpattern" title="Follow us on GitHub">GitHub</a></li>
117+
<li><a class="mastodon" rel="me external" itemprop="sameAs" href="https://indieweb.social/@textpattern" title="Follow us on Mastodon">Mastodon</a>
118+
<li><a class="twitter" rel="me external" itemprop="sameAs" href="https://twitter.com/textpattern" title="Follow us on Twitter">Twitter</a></li>
118119
</ul>
119120
<h4>Donate</h4>
120121
<p>Your kind donations and sponsorships help us keep Textpattern CMS development alive!</p>

‎src/mockups/get-started.html‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -308,8 +308,9 @@ <h4>Social channels</h4>
308308
<meta itemprop="name" content="Textpattern CMS">
309309
<meta itemprop="sameAs" content="https://en.wikipedia.org/wiki/Textpattern">
310310
<ul class="social-channels">
311-
<li><a class="twitter" rel="external" itemprop="sameAs" href="https://twitter.com/textpattern" title="Follow us on Twitter">Twitter</a></li>
312-
<li><a class="github" rel="external" itemprop="sameAs" href="https://github.com/textpattern" title="Follow us on GitHub">GitHub</a></li>
311+
<li><a class="github" rel="me external" itemprop="sameAs" href="https://github.com/textpattern" title="Follow us on GitHub">GitHub</a></li>
312+
<li><a class="mastodon" rel="me external" itemprop="sameAs" href="https://indieweb.social/@textpattern" title="Follow us on Mastodon">Mastodon</a>
313+
<li><a class="twitter" rel="me external" itemprop="sameAs" href="https://twitter.com/textpattern" title="Follow us on Twitter">Twitter</a></li>
313314
</ul>
314315
<h4>Donate</h4>
315316
<p>Your kind donations and sponsorships help us keep Textpattern CMS development alive!</p>

‎src/mockups/index.html‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -449,8 +449,9 @@ <h4>Social channels</h4>
449449
<meta itemprop="name" content="Textpattern CMS">
450450
<meta itemprop="sameAs" content="https://en.wikipedia.org/wiki/Textpattern">
451451
<ul class="social-channels">
452-
<li><a class="twitter" rel="external" itemprop="sameAs" href="https://twitter.com/textpattern" title="Follow us on Twitter">Twitter</a></li>
453-
<li><a class="github" rel="external" itemprop="sameAs" href="https://github.com/textpattern" title="Follow us on GitHub">GitHub</a></li>
452+
<li><a class="github" rel="me external" itemprop="sameAs" href="https://github.com/textpattern" title="Follow us on GitHub">GitHub</a></li>
453+
<li><a class="mastodon" rel="me external" itemprop="sameAs" href="https://indieweb.social/@textpattern" title="Follow us on Mastodon">Mastodon</a>
454+
<li><a class="twitter" rel="me external" itemprop="sameAs" href="https://twitter.com/textpattern" title="Follow us on Twitter">Twitter</a></li>
454455
</ul>
455456
<h4>Donate</h4>
456457
<p>Your kind donations and sponsorships help us keep Textpattern CMS development alive!</p>

‎src/mockups/showcase-article.html‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -255,8 +255,9 @@ <h4>Social channels</h4>
255255
<meta itemprop="name" content="Textpattern CMS">
256256
<meta itemprop="sameAs" content="https://en.wikipedia.org/wiki/Textpattern">
257257
<ul class="social-channels">
258-
<li><a class="twitter" rel="external" itemprop="sameAs" href="https://twitter.com/textpattern" title="Follow us on Twitter">Twitter</a></li>
259-
<li><a class="github" rel="external" itemprop="sameAs" href="https://github.com/textpattern" title="Follow us on GitHub">GitHub</a></li>
258+
<li><a class="github" rel="me external" itemprop="sameAs" href="https://github.com/textpattern" title="Follow us on GitHub">GitHub</a></li>
259+
<li><a class="mastodon" rel="me external" itemprop="sameAs" href="https://indieweb.social/@textpattern" title="Follow us on Mastodon">Mastodon</a>
260+
<li><a class="twitter" rel="me external" itemprop="sameAs" href="https://twitter.com/textpattern" title="Follow us on Twitter">Twitter</a></li>
260261
</ul>
261262
<h4>Donate</h4>
262263
<p>Your kind donations and sponsorships help us keep Textpattern CMS development alive!</p>

‎src/mockups/showcase-landing.html‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -194,8 +194,9 @@ <h4>Social channels</h4>
194194
<meta itemprop="name" content="Textpattern CMS">
195195
<meta itemprop="sameAs" content="https://en.wikipedia.org/wiki/Textpattern">
196196
<ul class="social-channels">
197-
<li><a class="twitter" rel="external" itemprop="sameAs" href="https://twitter.com/textpattern" title="Follow us on Twitter">Twitter</a></li>
198-
<li><a class="github" rel="external" itemprop="sameAs" href="https://github.com/textpattern" title="Follow us on GitHub">GitHub</a></li>
197+
<li><a class="github" rel="me external" itemprop="sameAs" href="https://github.com/textpattern" title="Follow us on GitHub">GitHub</a></li>
198+
<li><a class="mastodon" rel="me external" itemprop="sameAs" href="https://indieweb.social/@textpattern" title="Follow us on Mastodon">Mastodon</a>
199+
<li><a class="twitter" rel="me external" itemprop="sameAs" href="https://twitter.com/textpattern" title="Follow us on Twitter">Twitter</a></li>
199200
</ul>
200201
<h4>Donate</h4>
201202
<p>Your kind donations and sponsorships help us keep Textpattern CMS development alive!</p>

0 commit comments

Comments
 (0)