Techwizz/littlelink
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add Mastodon

Browse source
This commit is contained in:
Niklas Barning 2021-08-10 15:48:56 +02:00
parent 9b720cd33f
commit 1055963732
3 changed files with 16 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
css/brands.css
View file

@ -155,6 +155,14 @@ button:hover,
.button.button-linkedin:focus { .button.button-linkedin:focus {
filter: brightness(90%) } filter: brightness(90%) }
/* Mastodon */
.button.button-mastodon {
color: #FFFFFF;
background-color: #1F232B }
.button.button-mastodon:hover,
.button.button-mastodon:focus {
filter: brightness(90%) }
/* Medium */ /* Medium */
.button.button-medium { .button.button-medium {
color: #FFFFFF; color: #FFFFFF;

4
icons/mastodon.svg Normal file
View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M22.53 14.35c-.32 1.66-2.9 3.48-5.85 3.84-1.54.18-3.06.35-4.68.28-2.65-.12-4.73-.63-4.73-.63 0 .26.02.5.05.73.34 2.61 2.59 2.77 4.72 2.84 2.15.07 4.06-.53 4.06-.53l.09 1.94s-1.5.81-4.18.95c-1.47.08-3.31-.04-5.44-.6-4.63-1.22-5.42-6.16-5.54-11.16-.04-1.49-.01-2.89-.01-4.06 0-5.12 3.35-6.62 3.35-6.62C6.06.55 8.96.23 11.98.2h.07c3.02.02 5.92.35 7.61 1.13 0 0 3.35 1.5 3.35 6.62-.01 0 .03 3.78-.48 6.4" fill="#3088d4"/>
<path d="M19.05 8.35v6.2H16.6V8.53c0-1.27-.53-1.91-1.6-1.91-1.18 0-1.77.76-1.77 2.27v3.29h-2.44V8.89c0-1.51-.59-2.27-1.77-2.27-1.07 0-1.6.64-1.6 1.91v6.01H4.95v-6.2c0-1.27.32-2.27.97-3.02.67-.74 1.54-1.13 2.63-1.13 1.26 0 2.21.48 2.84 1.45L12 6.68l.61-1.02c.63-.97 1.58-1.45 2.84-1.45 1.09 0 1.96.38 2.63 1.13.64.74.97 1.74.97 3.01" fill="#fff"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 846 B

4
index.html
View file

@ -139,6 +139,10 @@
<a class="button button-reddit" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/reddit.svg" alt="Reddit Logo">Reddit</a> <a class="button button-reddit" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/reddit.svg" alt="Reddit Logo">Reddit</a>
<br> <br>
<!-- Mastodon -->
<a class="button button-mastodon" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/mastodon.svg" alt="Mastodon Logo">Mastodon</a>
<br>
<!-- Medium --> <!-- Medium -->
<a class="button button-medium" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/medium.svg" alt="Medium Logo">Medium</a> <a class="button button-medium" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/medium.svg" alt="Medium Logo">Medium</a>
<br> <br>