nin0/website
1
0
Fork 1
Code Pull requests Packages 1 Activity

Added credits

Browse source
This commit is contained in:
nin0dev 2024-05-11 03:37:27 -04:00
parent 40da75ff84
commit d218687154
4 changed files with 41 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
index.html
View file

@ -63,8 +63,24 @@
<li>Discord: @nin0.dev</li>
<li>Email: <a href="mailto:support@nin0dev.com">support@nin0dev.com</a></li>
<li>Telegram: <a href="https://t.me/nin0dev">@nin0dev</a></li>
<li>GitHub: <a href="https://github.com/nin0-dev">nin0-dev</a></li>
</ul>
</fieldset>
<span id="credits" style="display: none;">
<br/>
<fieldset>
<legend>Credits</legend>
<ul style="margin-top: 5px; margin-bottom: 5px; padding-left: 20px;">
<li>UI library: <a href="https://jdan.github.io/98.css/">98.css by jdan</a></li>
<li>Presence/status API: <a href="https://discord.gg/lanyard">Lanyard</a></li>
<li>Icons: <a href="https://win98icons.alexmeub.com/">official Windows 98 icons</a></li>
</ul>
</fieldset>
</span>
<div id="bottom-actions" style="margin-top: 13px;">
<button onclick="showCredits()" id="credits-button">Credits</button>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/lanyard-wrapper/dist/index.browser.js"></script>

4
index.js
View file

@ -50,3 +50,7 @@ LanyardWrapper.connectWebSocket("886685857560539176", onUpdate)
.catch(err => {
console.error(err);
});
function showCredits() {
document.getElementById("credits").style.display = "block"
document.getElementById("credits-button").style.display = "none"
}

BIN
music.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 641 B

After

Width:  |  Height:  |  Size: 557 B

13
style.css
View file

@ -64,3 +64,16 @@ li {
#presence {
display: flex;
}
#bottom-actions {
display: flex;
align-items: end;
justify-content: right;
}
button {
background-color: #404040;
color: white;
box-shadow: inset -1px -1px #000000, inset 1px 1px #202020, inset -2px -2px grey, inset 2px 2px #404040;
}
button:active {
box-shadow: inset -1px -1px #404040, inset 1px 1px #111111, inset -2px -2px #000000, inset 2px 2px #000000 !important;
}