Added github button and improved styling.

This commit is contained in:
ybouane 2024-10-12 13:18:26 -04:00
parent 4f3c356bab
commit cd8834fc04
2 changed files with 18 additions and 1 deletions

View file

@ -19,5 +19,9 @@
<footer> <footer>
Powered by <a href="https://github.com/ybouane/aPulse">aPulse</a> — Made with 🤍 by <a href="https://x.com/ybouane">@ybouane</a> Powered by <a href="https://github.com/ybouane/aPulse">aPulse</a> — Made with 🤍 by <a href="https://x.com/ybouane">@ybouane</a>
</footer> </footer>
<div id="github-button">
<a class="github-button" href="https://github.com/ybouane" data-color-scheme="no-preference: light; light: light; dark: dark;" data-size="large" aria-label="Follow @ybouane on GitHub">Follow @ybouane</a>
<script async defer src="https://buttons.github.io/buttons.js"></script>
</div>
</body> </body>
</html> </html>

View file

@ -17,6 +17,7 @@ body {
font-family: "Fira Sans Condensed", sans-serif; font-family: "Fira Sans Condensed", sans-serif;
padding:40px 20px; padding:40px 20px;
min-height:100vh; min-height:100vh;
overflow-x:hidden;
} }
.icon { .icon {
font-family: 'Material Symbols Outlined'; font-family: 'Material Symbols Outlined';
@ -77,7 +78,7 @@ main {
} }
footer { footer {
text-align: center;
} }
status-bar { status-bar {
@ -153,4 +154,16 @@ status-bar {
z-index:2; z-index:2;
} }
} }
}
#github-button {
position: fixed;
right: 30px;
z-index:1;
}
@media screen and (max-width:480px) {
#github-button {
bottom: 20px;
transform: rotate(90deg);
transform-origin: top right;
}
} }