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

add info button

Browse source
This commit is contained in:
Lukas Winkler 2018-01-20 21:32:55 +01:00
parent bba1865186
commit 194f3f7a1e
No known key found for this signature in database
GPG key ID: 94AFBE7C2656A5B5
3 changed files with 32 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
public/index.html
View file

@ -64,6 +64,14 @@
fill="currentColor" class="octo-body"></path>
</svg>
</a>
<a href="https://lw1.at/?pk_campaign=nonsense" id="more_information" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path class="circle"
d="m12 2.085c-5.477 0-9.915 4.438-9.915 9.916 0 5.48 4.438 9.92 9.916 9.92 5.48 0 9.92-4.44 9.92-9.913 0-5.477-4.44-9.915-9.913-9.915zm.002 18a8.084 8.084 0 1 1 0 -16.17 8.084 8.084 0 0 1 0 16.17z"></path>
<path class="info"
d="m11 6.16v2.01h2.02v-2.01zm-1.61 3.22v2.01h1.61v4.43h-1.61v2.01h5.23v-2.01h-1.61v-6.44z"></path>
</svg>
</a>
</div>
<script>
function fetchDescription() {

11
public/style.css
View file

@ -70,6 +70,17 @@ body, html {
.github-corner:hover .octo-arm {
animation: octocat-wave 560ms ease-in-out; }
#more_information {
position: absolute;
bottom: 0;
right: 0;
padding: 10px; }
#more_information svg {
fill: white;
width: 32px;
height: 32px;
display: block; }
@keyframes octocat-wave {
0%, 100% {
transform: rotate(0); }

13
public/style.scss
View file

@ -88,6 +88,19 @@ body, html {
}
}
#more_information {
position: absolute;
bottom: 0;
right: 0;
padding: 10px;
svg {
fill: white;
width: 32px;
height: 32px;
display: block;
}
}
@keyframes octocat-wave {
0%, 100% {
transform: rotate(0)