mirror/nonsense
1
0
Fork 0
mirror of https://github.com/Findus23/nonsense.git synced 2024-09-19 16:03:50 +02:00
Code Releases Activity

improve badge

Browse source
This commit is contained in:
Lukas Winkler 2017-12-12 14:43:50 +01:00
parent d9c110aa9d
commit b92b8c3fad
2 changed files with 13 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
public/index.html
View file

@ -45,9 +45,9 @@
</div>
</div>
<a href="https://github.com/Findus23/nonsense" class="github-corner" aria-label="View source on Github" target="_blank">
<svg width="80" height="80" viewBox="0 0 250 250"
style="fill:#ffcc00; color:#003399; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true">
<a href="https://github.com/Findus23/nonsense" class="github-corner"
aria-label="View source on Github" target="_blank">
<svg width="80" height="80" viewBox="0 0 250 250" aria-hidden="true">
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
<path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>

12
public/style.scss
View file

@ -71,8 +71,16 @@ body, html {
}
}
.github-corner:hover .octo-arm {
animation: octocat-wave 560ms ease-in-out
.github-corner {
fill: $famousYellow;
color: $famousBlue;
position: absolute;
top: 0;
border: 0;
right: 0;
&:hover .octo-arm {
animation: octocat-wave 560ms ease-in-out
}
}
@keyframes octocat-wave {