quad
/
site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Thanks to Fork Awesome I actually have a Mastodon icon now

This commit is contained in:
Dominik V. Salonen 2018-03-15 13:40:20 +01:00
parent c22f3c6a34
commit 49b1cbc3da
3 changed files with 1 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
assets/masto-full.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 5.6 KiB

2
pages/social.html
View File

@ -1,5 +1,5 @@
<a href="https://masto.quad.moe/" class="mastodon"><img src="assets/masto-full.svg"></img></a>
<div class="icon-container"> <div class="icon-container">
<a href="https://masto.quad.moe/@quad"><i class="fa fa-mastodon" aria-hidden="true"></i><br />Mastodon</a>
<a href="https://twitter.com/Kuwaddo"><i class="fa fa-twitter" aria-hidden="true"></i><br />Twitter</a> <a href="https://twitter.com/Kuwaddo"><i class="fa fa-twitter" aria-hidden="true"></i><br />Twitter</a>
<a href="https://dspr.io/people/f220b440085b0136727e525400007ebd"><i class="fa fa-diaspora" aria-hidden="true"></i><br />diaspora</a> <a href="https://dspr.io/people/f220b440085b0136727e525400007ebd"><i class="fa fa-diaspora" aria-hidden="true"></i><br />diaspora</a>
<a href="mailto:contact@quad.moe"><i class="fa fa-envelope" aria-hidden="true"></i><br />E-Mail</a> <a href="mailto:contact@quad.moe"><i class="fa fa-envelope" aria-hidden="true"></i><br />E-Mail</a>

19
style.css
View File

@ -240,25 +240,6 @@ a:hover {
transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out;
} }
a.mastodon {
display: block;
margin: 15px auto;
filter: grayscale(100%);
width: 65%;
max-width: 250px;
transition: all ease-in-out 0.1s;
font-size: 0;
}
.mastodon:hover {
filter: grayscale(0%);
transition: all ease-in-out 0.1s;
}
.mastodon img {
max-width: 100%;
}
/* Page contents */ /* Page contents */
#page p { #page p {