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

redid buttons again (tysm toby)

Browse source
This commit is contained in:
Ruben 2023-11-15 09:54:00 -06:00
commit cfc8995c35
No known key found for this signature in database
6 changed files with 11 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
assets/buttons/slips.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.4 KiB

BIN
assets/buttons/sneexy.gif
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 93 KiB

After

Width:  |  Height:  |  Size: 690 B

Before After
Before After

BIN
assets/buttons/sneexy2.gif
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 83 KiB

After

Width:  |  Height:  |  Size: 690 B

Before After
Before After

BIN
assets/buttons/soafen.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 40 KiB

11
index.html
View file

@ -237,9 +237,10 @@
<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://whois.slipfox.xyz" target="_blank"><img src="https://files.slipfox.xyz/button.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://soafen.love" target="_blank"><img src="https://soafen.love/img/88x31/soafen.gif" alt="soafen"/></a>
<a href="https://sneexy.pages.gay" target="_blank"><img src="/assets/buttons/sneexy.gif" alt="Sneexy (button made by toby @ tobskep.com)"/></a>
</section>
<section class="buttons-img">
@ -260,12 +261,6 @@
<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>
</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>
</section>
</section>
</article>
</div>

17
style.css
View file

@ -606,11 +606,15 @@ footer > .dot {
grid-row: 6;
}
.buttons-area > small > a {
font-size: 16px;
}
.buttons-img:first-child {
display: grid;
grid-template-rows: repeat(1, 1fr);
grid-template-columns: repeat(3, 1fr);
margin: 0.6em 19em 1em 19em;
grid-template-columns: repeat(4, 1fr);
margin: 1em 16em 1em 16em;
place-items: center;
}
@ -625,8 +629,8 @@ footer > .dot {
.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;
grid-template-columns: repeat(1, 1fr);
margin: 0.2em 24em 0px 24em;
}
.buttons-img > a {
@ -637,11 +641,6 @@ footer > .dot {
margin: 3px;
}
.buttons-area > small {
display: flex;
justify-content: center;
}
.yoshi {
display: flex;
margin-left: auto;