add roboring and make them look nicer; css fix
This commit is contained in:
parent
20126af937
commit
b1d25e1c24
2 changed files with 44 additions and 13 deletions
|
|
@ -132,8 +132,9 @@
|
|||
</div>
|
||||
<section>
|
||||
<h2><a href="#buttons">buttons</a></h2>
|
||||
<p>all goes to awesome friends and websites! <small>friends listed alphabetically. <span style="color: var(--red);">if any are broken and/or missing, poke me.</span> <span style="color: var(--green);">last 2 friend buttons are mine! please hotlink whichever you like!</span></small></p>
|
||||
<span style="color: var(--red);">if any are broken and/or missing, poke me.</span>
|
||||
<div class="buttons">
|
||||
<p>friends! <small>listed alphabetically. <span style="color: var(--green);">last 2 friend buttons are mine! please hotlink whichever you like!</span></small></p>
|
||||
<!--
|
||||
<a href="https://web.site" target="_blank"><img src="https://link.to/button" alt="User/Website title" title="User/Website title"></a>
|
||||
-->
|
||||
|
|
@ -146,7 +147,7 @@
|
|||
<a href="https://jack.cab" target="_blank"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAAfBAMAAACR5hfTAAAAGFBMVEUAAAB3dnuamZbJuKfAv7zYxbPe1Mre3dqiErpIAAAA2UlEQVQ4y7WTUQqDQAxEFz88Qr/DUNrfglcQe4BeYCvtHKAU9vpNdlVQa9mFmo8YlucwGYhz/6yabLJhKnwpgZsiOFeaPW7Z0uyPzwIYODEbbtud4Pv7eshXfp0LbISwk2cGMB9GyIZrU/aLN/9tTIWVwJ4wzZruYqPxFURBbYjTDNZjo12ctzEKAvqDNlhbwCqokjVrPwg7SKW69sHas8JxjMKVjI6xtD3YYDr+CU425jAnGwn2EyzuBxw964KdbHqmhTBL4yGbaUSbtMXGnDsZchasc/5/fQBe10j9sWqcbgAAAABJRU5ErkJggg==" alt="Jack" title="Jack"></a> <!-- thanks jack -->
|
||||
<a href="https://kyropy.neocities.org" target="_blank"><img src="https://kyropy.neocities.org/images/kyropybutton.png" alt="Kyropy" title="Kyropy"></a>
|
||||
<a href="https://micenest.xyz" target="_blank"><img src="./assets/buttons/friends/micenest.png" alt="Mice Nest" title="Mice Nest"></a>
|
||||
<a href="https://micro.pages.gay" target="_blank"><img src="https://micro.pages.gay/buttons/micro.png" alt="micro" title="micro"></a>
|
||||
<a href="https://micro.pages.gay" target="_blank"><img src="https://git.gay/Micro/pages/raw/branch/egui-rewrite/src/assets/buttons/micro.png" alt="micro" title="micro"></a>
|
||||
<a href="https://notfire.cc" target="_blank"><img src="https://notfire.cc/design/images/buttons/notfire-cc-88x31-af.gif" alt="notfire" title="notfire"></a>
|
||||
<a href="https://ofplayers.net" target="_blank"><img src="https://ofplayers.net/images/88x31/millions.png" alt="Millions" title="Millions"></a>
|
||||
<a href="https://soafen.love" target="_blank"><img src="https://soafen.love/img/88x31/soafen.gif" alt="soafen" title="soafen"></a>
|
||||
|
|
@ -158,6 +159,7 @@
|
|||
<a href="https://sneexy.pages.gay"><img src="./assets/buttons/sneexy_cat.png" alt="Sneexy" title="Sneexy"></a>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<p>cool things and websites!</p>
|
||||
<!-- software/browsers -->
|
||||
<a href="https://www.mozilla.org/en-US/firefox/new" target="_blank"><img src="./assets/buttons/software/getfirefox.gif" alt="Get Firefox" title="Get Firefox"></a>
|
||||
<a href="https://ublockorigin.com" target="_blank"><img src="./assets/buttons/software/ublockoriginnow.png" alt="uBlock Origin Now!" title="uBlock Origin Now!"></a>
|
||||
|
|
@ -190,7 +192,8 @@
|
|||
<!-- webrings and credits -->
|
||||
<footer>
|
||||
<div id="webring-credits" class="terminal">
|
||||
<p class="fediring"><b><a href="https://fediring.net/previous?host=sneexy.pages.gay">←</a> <a href="https://fediring.net/">Fediring</a> <a href="https://fediring.net/next?host=sneexy.pages.gay">→</a></b></p>
|
||||
<p class="fediring"><b><a href="https://fediring.net/previous?host=sneexy.pages.gay">←</a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=sneexy.pages.gay">→</a></b></p>
|
||||
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous">←</a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next">→</a></b></p>
|
||||
<p><a href="https://git.gay/sneexy/pages" target="_blank">website source!</a></p>
|
||||
<p><a href="https://catppuccin.com" target="_blank">Catppuccin</a> <a href="https://raw.githubusercontent.com/catppuccin/catppuccin/main/LICENSE" target="_blank">license</a> 💜</p>
|
||||
<p><a href="https://kde.org" target="_blank">KDE</a>/axo1otl for the wallpaper</p>
|
||||
|
|
|
|||
48
style.css
48
style.css
|
|
@ -146,10 +146,6 @@ font config, Lexend Deca
|
|||
font-style: bold;
|
||||
}
|
||||
|
||||
* {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/*
|
||||
background wallpaper, font
|
||||
*/
|
||||
|
|
@ -526,17 +522,48 @@ buttons
|
|||
footer/credits
|
||||
*/
|
||||
footer {
|
||||
.fediring a {
|
||||
display: inline-grid;
|
||||
font-size: 24px;
|
||||
color: var(--green);
|
||||
text-decoration: wavy;
|
||||
margin-bottom: .5em;
|
||||
.fediring {
|
||||
a {
|
||||
display: inline-grid;
|
||||
font-size: 24px;
|
||||
color: var(--green);
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
[href="https://fediring.net"] {
|
||||
color: var(--base);
|
||||
background: var(--flamingo);
|
||||
padding: 0px 10px 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
[href="https://stellophiliac.github.io/roboring"] {
|
||||
@media (prefers-color-scheme: light) {
|
||||
color: var(--base);
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
color: var(--text);
|
||||
}
|
||||
background: var(--overlay0);
|
||||
padding: 0px 10px 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
[href*="previous"] {
|
||||
color: var(--base);
|
||||
background: var(--yellow);
|
||||
padding: 0px 10px 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
[href*="next"] {
|
||||
color: var(--base);
|
||||
background: var(--green);
|
||||
padding: 0px 10px 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
p, a {
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
margin: .2em 0px .2em;
|
||||
text-decoration: none;
|
||||
}
|
||||
img {
|
||||
max-width: 30%;
|
||||
|
|
@ -596,6 +623,7 @@ animations
|
|||
/* values: 128px, 256px, 348px, 396px*/
|
||||
0% { transform: perspective(396px) rotateY(0); }
|
||||
100% { transform: perspective(396px) rotateY(360deg); }
|
||||
}
|
||||
@-webkit-keyframes rainbow {
|
||||
0% { filter: hue-rotate(0deg) contrast(150%) saturate(150%); }
|
||||
100% { filter: hue-rotate(360deg) contrast(150%) saturate(150%); }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue