sd/site
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

nicer buttons

Browse source
This commit is contained in:
Ruben 2023-11-14 22:55:10 -06:00
commit b9b998a71b
No known key found for this signature in database
2 changed files with 75 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

75
index.html
View file

@ -4,7 +4,7 @@
<head>
<title>sneexy dot pages dot gay</title>
<link rel="icon" type="image/gif" href="/assets/yoshi2.gif">
<link rel="icon" type="image/gif" href="/home/ruben/Git/pages/assets/yoshi2.gif">
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
@ -16,7 +16,7 @@
<div class="pixel-corners">
<div class="intro-box">
<div class="pixel-corners--wrapper">
<div class="pfp"> <img class="pfp-image" src="/assets/pfp.gif" alt="my profile picture, which is most likely a grey yoshi"> </div>
<div class="pfp"> <img class="pfp-image" src="/home/ruben/Git/pages/assets/pfp.gif" alt="my profile picture, which is most likely a grey yoshi"> </div>
</div>
<header class="intro-text">
@ -51,7 +51,7 @@
<main class="fedi">
<section class="firefish">
<a href="https://joinfirefish.org" target="_blank">
<img class="firefish-icon" src="/assets/socials/firefish.png" alt="Fediverse/Firefish"/>
<img class="firefish-icon" src="/home/ruben/Git/pages/assets/socials/firefish.png" alt="Fediverse/Firefish"/>
</a>
<p>@sneexy<small><a href="https://lea.pet/@sneexy" target="_blank">@lea.pet</a></small></p>
</section>
@ -60,7 +60,7 @@
<section class="akkoma">
<a href="https://akkoma.social" target="_blank">
<img class="akkoma-icon" src="/assets/socials/akkoma.png" alt="Fediverse/Akkoma"/>
<img class="akkoma-icon" src="/home/ruben/Git/pages/assets/socials/akkoma.png" alt="Fediverse/Akkoma"/>
</a>
<p>@sneexy<small><a href="https://akko.wtf/sneexy" target="_blank">@akko.wtf</a></small></p>
</section>
@ -73,7 +73,7 @@
<main class="messaging">
<section class="revolt">
<a href="https://revolt.chat" target="_blank">
<img class="revolt-icon" src="/assets/socials/revolt.png" alt="Revolt"/>
<img class="revolt-icon" src="/home/ruben/Git/pages/assets/socials/revolt.png" alt="Revolt"/>
</a>
<p>Sneexy#3963<small><a href="https://revolt.chat" target="_blank">@revolt.chat</a></small></p>
</section>
@ -82,7 +82,7 @@
<section class="matrix">
<a href="https://matrix.org" target="_blank">
<img class="matrix-icon" src="/assets/socials/matrix.png" alt="Matrix"/>
<img class="matrix-icon" src="/home/ruben/Git/pages/assets/socials/matrix.png" alt="Matrix"/>
</a>
<p>@sneexy<small><a href="https://matrix.to/#/@sneexy:tchncs.de" target="_blank">:tchncs.de</a></small></p>
</section>
@ -91,7 +91,7 @@
<section class="xmpp">
<a href="https://xmpp.org" target="_blank">
<img class="xmpp-icon" src="/assets/socials/xmpp.png" alt="XMPP"/>
<img class="xmpp-icon" src="/home/ruben/Git/pages/assets/socials/xmpp.png" alt="XMPP"/>
</a>
<p>sneexy<small><a href="xmpp:sneexy@trashserver.net" target="_blank">@trashserver.net</a></small></p>
</section>
@ -104,7 +104,7 @@
<main class="platforms">
<section class="listenbrainz">
<a href="https://listenbrainz.org" target="_blank">
<img class="listenbrainz-icon" src="/assets/socials/listenbrainz.png" alt="Listenbrainz"/>
<img class="listenbrainz-icon" src="/home/ruben/Git/pages/assets/socials/listenbrainz.png" alt="Listenbrainz"/>
</a>
<p>Sneexy<small><a href="https://listenbrainz.org/user/Sneexy" target="_blank">@listenbrainz.org</a></small></p>
</section>
@ -113,7 +113,7 @@
<section class="gitgay">
<a href="https://git.gay" target="_blank">
<img class="gitgay-icon" src="/assets/socials/gitgay.png" alt="Forgejo on git.gay"/>
<img class="gitgay-icon" src="/home/ruben/Git/pages/assets/socials/gitgay.png" alt="Forgejo on git.gay"/>
</a>
<p>Sneexy<small><a href="https://git.gay/sneexy" target="_blank">@git.gay</a></small></p>
</section>
@ -122,7 +122,7 @@
<section class="github">
<a href="https://github.com" target="_blank">
<img class="github-icon" src="/assets/socials/github.png" alt="GitHub"/>
<img class="github-icon" src="/home/ruben/Git/pages/assets/socials/github.png" alt="GitHub"/>
</a>
<p>Sneexy<small><a href="https://github.com/sneexy-boi" target="_blank">@github.com</a></small></p>
</section>
@ -135,7 +135,7 @@
<main class="misc">
<section class="retrospring">
<a href="https://retrospring.net" target="_blank">
<img class="retrospring-icon" src="/assets/socials/retrospring.png" alt="Retrospring - Ask me anything!"/>
<img class="retrospring-icon" src="/home/ruben/Git/pages/assets/socials/retrospring.png" alt="Retrospring - Ask me anything!"/>
</a>
<p>@Sneexy<small><a href="https://retrospring.net/@Sneexy" target="_blank">@retrospring.net</a></small></p>
</section>
@ -144,7 +144,7 @@
<section class="archiveorg">
<a href="https://archive.org" target="_blank">
<img class="archive-icon" src="/assets/socials/archive.png" alt="Internet Archive"/>
<img class="archive-icon" src="/home/ruben/Git/pages/assets/socials/archive.png" alt="Internet Archive"/>
</a>
<p>@sneexy<small><a href="https://archive.org/details/@sneexy" target="_blank">@archive.org</a></small></p>
</section>
@ -153,7 +153,7 @@
<section class="shitposts">
<a href="https://nextcloud.com" target="_blank">
<img class="amoguscloud" src="/assets/socials/amoguscloud.png" alt="Nextcloud"/>
<img class="amoguscloud" src="/home/ruben/Git/pages/assets/socials/amoguscloud.png" alt="Nextcloud"/>
</a>
<p><a href="https://amogus.cloud/s/3jFf2eoppD38g3p" target="_blank">shitposts drive!</a></p>
</section>
@ -237,31 +237,34 @@
<small>a bunch of cool buttons, links and stuff to other people and randomness which i think are cool! :D</small>
<section class="buttons-area">
<section class="buttons-img">
<a href="https://whois.slipfox.xyz" target="_blank"><img src="/assets/buttons/slips.png" alt="Slips"/></a>
<a href="https://beebl.es" target="_blank"><img src="/assets/buttons/beebles.png" alt="Beebles"/></a>
<a href="https://soafen.love" target="_blank"><img src="/assets/buttons/soafen.gif" alt="soafen"/></a>
<a href="https://archlinux.org" target="_blank"><img src="/assets/buttons/poweredbyarch.png" alt="powered by arch btw"/></a>
<img src="/assets/buttons/yoshilore.gif" alt="Yoshi Lore"/>
<a href="https://hshop.erista.me" target="_blank"><img src="/assets/buttons/3ds.png" alt="Nintendo 3DS"/></a>
<a href="https://mariocube.com" target="_blank"><img src="/assets/buttons/wii.png" alt="Nintendo Wii"/></a>
<a href="https://www.mozilla.org/en-US/firefox/new" target="_blank"><img src="/assets/buttons/getfirefox.gif" alt="Get Firefox"/></a>
<img src="/assets/buttons/bunnybrowser.gif" alt="Bunny Browser"/>
<img src="/assets/buttons/sameshitdifferentasshole.gif" alt="same shit, different asshole (chrome and internet explorer/microsoft edge)"/>
<a href="https://www.tucows.com" target="_blank"><img src="/assets/buttons/tucows.gif" alt="tucows"/></a>
<a href="https://www.youtube.com/@ScottTheWoz" target="_blank"><img src="/assets/buttons/scotthere.gif" alt="hey all, scott here!"/></a>
<a href="https://homestarrunner.com/main" target="_blank"><img src="/assets/buttons/homestar.gif" alt="Homestar Runner dot com!"/></a>
<img src="/assets/buttons/ravenow.gif" alt="Rave Now!"/>
<img src="/assets/buttons/nft.gif" alt="NFT: No Fucking Thanks"/>
<img src="/assets/buttons/discordnoway.gif" alt="Discord? No Thanks!"/>
<img src="/assets/buttons/oktopirate.gif" alt="it's morally ok to pirate from AAA"/>
<a href="https://www.slsknet.org/news" target="_blank"><img src="/assets/buttons/soulseek.gif" alt="Soulseek"/></a>
<a href="https://nextcloud.com" target="_blank"><img src="/assets/buttons/nextcloud.gif" alt="Nextcloud"/></a>
<a href="https://whois.slipfox.xyz" target="_blank"><img src="/home/ruben/Git/pages/assets/buttons/slips.png" alt="Slips"/></a>
<a href="https://beebl.es" target="_blank"><img src="/home/ruben/Git/pages/assets/buttons/beebles.png" alt="Beebles"/></a>
<a href="https://soafen.love" target="_blank"><img src="/home/ruben/Git/pages/assets/buttons/soafen.gif" alt="soafen"/></a>
</section>
<section class="buttons-img">
<a href="https://archlinux.org" target="_blank"><img src="/home/ruben/Git/pages/assets/buttons/poweredbyarch.png" alt="powered by arch btw"/></a>
<img src="/home/ruben/Git/pages/assets/buttons/yoshilore.gif" alt="Yoshi Lore"/>
<a href="https://hshop.erista.me" target="_blank"><img src="/home/ruben/Git/pages/assets/buttons/3ds.png" alt="Nintendo 3DS"/></a>
<a href="https://mariocube.com" target="_blank"><img src="/home/ruben/Git/pages/assets/buttons/wii.png" alt="Nintendo Wii"/></a>
<a href="https://www.mozilla.org/en-US/firefox/new" target="_blank"><img src="/home/ruben/Git/pages/assets/buttons/getfirefox.gif" alt="Get Firefox"/></a>
<img src="/home/ruben/Git/pages/assets/buttons/bunnybrowser.gif" alt="Bunny Browser"/>
<img src="/home/ruben/Git/pages/assets/buttons/sameshitdifferentasshole.gif" alt="same shit, different asshole (chrome and internet explorer/microsoft edge)"/>
<a href="https://www.tucows.com" target="_blank"><img src="/home/ruben/Git/pages/assets/buttons/tucows.gif" alt="tucows"/></a>
<a href="https://www.youtube.com/@ScottTheWoz" target="_blank"><img src="/home/ruben/Git/pages/assets/buttons/scotthere.gif" alt="hey all, scott here!"/></a>
<a href="https://homestarrunner.com/main" target="_blank"><img src="/home/ruben/Git/pages/assets/buttons/homestar.gif" alt="Homestar Runner dot com!"/></a>
<img src="/home/ruben/Git/pages/assets/buttons/ravenow.gif" alt="Rave Now!"/>
<img src="/home/ruben/Git/pages/assets/buttons/nft.gif" alt="NFT: No Fucking Thanks"/>
<img src="/home/ruben/Git/pages/assets/buttons/discordnoway.gif" alt="Discord? No Thanks!"/>
<img src="/home/ruben/Git/pages/assets/buttons/oktopirate.gif" alt="it's morally ok to pirate from AAA"/>
<a href="https://www.slsknet.org/news" target="_blank"><img src="/home/ruben/Git/pages/assets/buttons/soulseek.gif" alt="Soulseek"/></a>
<a href="https://nextcloud.com" target="_blank"><img src="/home/ruben/Git/pages/assets/buttons/nextcloud.gif" alt="Nextcloud"/></a>
</section>
<small>my buttons, feel free to use on your site to link back to me :3c</small>
<section class="buttons-img">
<a href="https://sneexy.pages.gay" target="_blank"><img src="/assets/buttons/sneexy.gif" alt="sneexy @ sneexy.pages.gay"/></a>
<a href="https://sneexy.pages.gay" target="_blank"><img src="/assets/buttons/sneexy2.gif" alt="sneexy @ sneexy.pages.gay (alternate, shorter button)"/></a>
<a href="https://sneexy.pages.gay" target="_blank"><img src="/home/ruben/Git/pages/assets/buttons/sneexy.gif" alt="sneexy @ sneexy.pages.gay"/></a>
<a href="https://sneexy.pages.gay" target="_blank"><img src="/home/ruben/Git/pages/assets/buttons/sneexy2.gif" alt="sneexy @ sneexy.pages.gay (alternate, shorter button)"/></a>
</section>
</section>
</article>
@ -272,12 +275,12 @@
<footer>
<a href="https://git.gay/sneexy/pages" target="_blank">site source</a>
<span class="dot">●</span>
<p><a href="https://www.jetbrains.com/lp/mono" target="_blank">JBM</a> <a href="/assets/jetbrainsmono/OFL.txt" target="_blank">license</a>/<a href="/assets/jetbrainsmono/AUTHORS.txt" target="_blank">authors</a></p>
<p><a href="https://www.jetbrains.com/lp/mono" target="_blank">JBM</a> <a href="/home/ruben/Git/pages/assets/jetbrainsmono/OFL.txt" target="_blank">license</a>/<a href="/home/ruben/Git/pages/assets/jetbrainsmono/AUTHORS.txt" target="_blank">authors</a></p>
<span class="dot">●</span>
<p>made with love, lack of sleep and procrastination</p>
</footer>
<img id="yoshi" class="yoshi" src="/assets/yoshi.gif" alt="GIF of a dancing yoshi" />
<img id="yoshi" class="yoshi" src="/home/ruben/Git/pages/assets/yoshi.gif" alt="GIF of a dancing yoshi" />
</body>

42
style.css
View file

@ -606,17 +606,40 @@ footer > .dot {
grid-row: 6;
}
.buttons-area {
margin-top: 1em;
text-align: center;
.buttons-img:first-child {
display: grid;
grid-template-rows: repeat(1, 1fr);
grid-template-columns: repeat(3, 1fr);
margin: 0.6em 19em 1em 19em;
place-items: center;
}
.buttons-img, .buttons-img > a {
font-size: 1px;
.buttons-img:nth-child(2) {
display: grid;
grid-template-rows: repeat(2, 1fr);
grid-template-columns: repeat(9, 1fr);
margin: 0.2em 1em 0.6em 1em;
place-items: center;
}
.buttons-img:nth-child(4) {
display: grid;
grid-template-rows: repeat(1, 1fr);
grid-template-columns: repeat(2, 1fr);
margin: 0.2em 22em 0px 22em;
}
.buttons-img > a {
font-size: 0px;
}
.buttons-img > a > img {
margin: 1px;
margin: 3px;
}
.buttons-area > small {
display: flex;
justify-content: center;
}
.yoshi {
@ -670,6 +693,13 @@ footer > .dot {
padding-left: unset;
}
.buttons-img:first-child, .buttons-img:nth-child(2), .buttons-img:nth-child(4), .buttons-img {
display: flow-root;
margin: 1em 0px 1px 0px;
text-align: center;
justify-content: center;
}
footer {
flex-direction: column;
text-align: center;