Skip to content
This repository has been archived by the owner on Apr 4, 2024. It is now read-only.

add GitHub corner for easier access to GitHub page #23

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
add GitHub corner for easier access to GitHub page
Thank you to https://tholman.com/github-corners/ for the GitHub corners!
  • Loading branch information
hamirmahal committed Apr 3, 2021
commit 586a6f8f9e45be9703b122945faa751c0d24d265
52 changes: 51 additions & 1 deletion src/fah/webclient/index.html
Original file line number Diff line number Diff line change
@@ -13,7 +13,57 @@
<link rel="stylesheet" href="css/main.css?v=7.6.11">
</head>
<body>

<a
aria-label="View source on GitHub"
class="github-corner"
href="https://github.com/FoldingAtHome/fah-web-client"
rel="noopener noreferrer"
target="_blank"
>
<svg
aria-hidden="true"
height="80"
style="fill:#64CEAA; color:#fff; position: absolute; top: 0; border: 0; right: 0;"
viewBox="0 0 250 250"
width="80"
>
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
<path
class="octo-arm"
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;"
>
</path>
<path
class="octo-body"
d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
fill="currentColor"
>
</path>
</svg>
</a>
<style>
.github-corner:hover .octo-arm {
animation: octocat-wave 560ms ease-in-out
}
@keyframes octocat-wave {
0%, 100% {
transform: rotate(0)
} 20%, 60% {
transform: rotate(-25deg)
} 40%, 80% {
transform: rotate(10deg)
}
}
@media (max-width:500px) {
.github-corner:hover .octo-arm {
animation: none
} .github-corner .octo-arm {
animation: octocat-wave 560ms ease-in-out
}
}
</style>
<div class="header">
<h1><a href="https://foldingathome.org/">Folding@home</a></h1>
</div>