Floating Github Auth icon

This commit is contained in:
Thomas Smith 2022-05-03 18:18:25 -04:00 committed by mxcl
parent 7a1c4d98c9
commit 5372fecb15
Failed to extract signature

View file

@ -34,6 +34,65 @@
</head> </head>
<body> <body>
<style>
.gf-container{
width: 80px;
height: 80px;
border-radius: 60px;
display:flex;
flex-direction:column;
position: fixed;
right: 15px;
bottom: 15px;
cursor: pointer;
box-shadow: 0 0 0 rgba(204,169,44, 0.4);
animation: pulse 2s infinite;
z-index: 200;
}
.gf-container:hover{
animation: none;
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
box-shadow: 0 0 0 10px rgba(204,169,44, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
box-shadow: 0 0 0 0 rgba(204,169,44, 0);
}
}
.github-icon{
width: 60%;
margin-top: auto;
margin-bottom: auto;
}
</style>
<a href="https://github.com/apps/tea-xyz/installations/new" class="gf-container" style="background-color:#8EC7BF;">
<img src="Images/github.svg" alt="" class="github-icon mx-auto">
</a>
<nav class="navbar bg-dark navbar-expand-lg navbar-dark sticky-top my-auto" > <nav class="navbar bg-dark navbar-expand-lg navbar-dark sticky-top my-auto" >