Thanks to Fork Awesome I actually have a Mastodon icon now
This commit is contained in:
parent
c22f3c6a34
commit
49b1cbc3da
File diff suppressed because one or more lines are too long
Before Width: | Height: | Size: 5.6 KiB |
|
@ -1,5 +1,5 @@
|
|||
<a href="https://masto.quad.moe/" class="mastodon"><img src="assets/masto-full.svg"></img></a>
|
||||
<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://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>
|
||||
|
|
19
style.css
19
style.css
|
@ -240,25 +240,6 @@ a:hover {
|
|||
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 p {
|
||||
|
|
Loading…
Reference in New Issue