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

chore: modify for web standards, minor edits, add Kyropy

Browse source
This commit is contained in:
Ruben 2024-05-22 08:57:04 -05:00
commit 73b5835db6
No known key found for this signature in database
GPG key ID: AE181294E97E4802
3 changed files with 31 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

2
blog/.template/index.html
View file

@ -3,7 +3,7 @@
<html>
<head>
<title>posts ~ sneexy dot pages dot gay</title>
<title>title of blog post here ~ sneexy dot pages dot gay</title>
<link rel="icon" type="image/gif" href="../assets/petpet.gif">
<link rel="stylesheet" href="style.css">
<link rel="canonical" href="https://sneexy.pages.gay/">

42
index.html
View file

@ -7,13 +7,8 @@
<link rel="icon" type="image/gif" href="./assets/petpet.gif">
<link rel="stylesheet" href="style.css">
<link rel="canonical" href="https://sneexy.pages.gay/">
<meta property="og:type" content="image.other">
<meta lang="en-US">
<meta property="og:url" content="https://sneexy.pages.gay/">
<meta property="og:image" content="./assets/yoshi.gif">
<meta property="og:image:secure_url" content="https://sneexy.pages.gay/assets/yoshi.gif">
<meta property="og:image:type" content="gif">
<meta property="og:image:width" cotent="349">
<meta property="og:image:height" content="443">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
@ -29,12 +24,12 @@
<p><a href="#sneexy">~/sneexy</a></p>
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
</div>
<article>
<section>
<img src="./assets/me.png" onmouseover="this.src='./assets/petpet_flip.gif'" onmouseout="this.src='./assets/me.png'" alt="Crudely drawn picture of a synth character, looking derpy and staring at the viewer with a large green eye. Their body is mostly colored with shades of grey and accents of green." title="Crudely drawn picture of a synth character, looking derpy and staring at the viewer with a large green eye. Their body is mostly colored with shades of grey and accents of green.">
<h1>hey, i'm <span class="rainbow">ruben!</span></h1>
<small>cheesed to meet ya.</small>
<p>a synth who is constantly tired about everything.</p>
</article>
</section>
</div>
<!-- about me -->
@ -44,17 +39,17 @@
<p><a href="#about-me">~/about-me</a></p>
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
</div>
<article>
<h1><a href="#about-me">about me</a></h1>
<section>
<h2><a href="#about-me">about me</a></h2>
<p>i'm your "average" 17 year old <span class="rainbow">gay</span> foss enjoyer.</p>
<p>i enjoy messing around with technology, unique and retro, or when it's not being stupid and ruined by "modernity" or corporations.</p>
<p>i'm a nerd into <a href="https://en.wikipedia.org/wiki/Free_and_open-source_software" target="_blank">free and open source</a> software and privacy stuff, along with other libre things. i'm not a programmer or anything, though.</p>
<p>also a nerd into <a href="https://www.redhat.com/en/topics/linux/what-is-linux" target="_blank">Linux</a> stuff, mostly touched <a href="https://archlinux.org" target="_blank">Arch</a>, <a href="https://fedoraproject.org" target="_blank">Fedora</a> and has just started tasting <a href="https://nixos.org" target="_blank">NixOS</a>.</p>
<p>also a nerd into <a href="https://www.redhat.com/en/topics/linux/what-is-linux" target="_blank">Linux</a> stuff, mostly touched <a href="https://archlinux.org" target="_blank">Arch</a> and <a href="https://nixos.org" target="_blank">NixOS</a> but have found to stuck with <a href="https://fedoraproject.org" target="_blank">Fedora</a>.</p>
<p>enthusiast in open, <a href="https://en.wikipedia.org/wiki/Decentralization" target="_blank">decentralized</a> and <a href="https://www.techopedia.com/definition/2500/federation" target="_blank">federated</a> projects, networks or services. favorites include the <a href="https://fediverse.info" target="_blank">fediverse</a> and <a href="https://listenbrainz.org" target="_blank">listenbrainz</a>.</p>
<p>i <i>absoluetly</i> despise corporations and capitalism with every single fiber in my living synthentic body 😊💕</p>
<p>Certified™ idiot <small>(i think this one is obvious)</small></p>
<p>usually, seemingly always, pretty tired and sometimes full of random ideas i know damn well i can't execute at all or end up putting on the heater forever.</p>
</article>
</section>
</div>
<!-- socials -->
@ -64,8 +59,8 @@
<p><a href="#socials-and-contacts">~/socials-and-contacts</a></p>
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
</div>
<article>
<h1><a href="#socials-and-contacts">socials n' contacts</a></h1>
<section>
<h2><a href="#socials-and-contacts">socials n' contacts</a></h2>
<p>you can find or contact me in these places i'm usually available and active on. <span style="color: var(--peach);">i <i>suck</i> at direct messages, if you try to contact me and i don't know you then chances are you'll get a response within the next 3028 years.</span></p>
<div class="socials-contacts-list">
<span class="social-container" id="fedi">
@ -101,7 +96,7 @@
<address><a href="https://git.gay/sneexy" target="_blank">sneexy</a></address>
</span>
</div>
</article>
</section>
</div>
<!-- "fun" facts -->
@ -111,8 +106,8 @@
<p><a href="#fun-facts">~/fun-facts</a></p>
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
</div>
<article>
<h1><a href="#fun-facts">"fun" facts</a></h1>
<section>
<h2><a href="#fun-facts">"fun" facts</a></h2>
<ul>
<li>my profile pictures used to be random characters from different types of media that i would just grayscaled. ever since then, i realized that i've very much enjoyed being a <a href="https://synthspecies.com/" target="_blank">synth</a> instead.</li>
<li>i used to have a joke where i loved cheese, in a "i cannot live with cheese, give me the cheese or i die" way. technically the joke does still exist to some extent in a friend group, but otherwise has mostly died out. 🧀</li>
@ -121,7 +116,7 @@
<li>i prefer lowercase when possible. it just feels more natural.</li>
<li>i am <i>still</i> <b><i>terrible</i></b> at spelling. still made mistakes even when making this site. online dictionaries my beloved.</li>
</ul>
</article>
</section>
</div>
<!-- buttons -->
@ -131,8 +126,8 @@
<p><a href="#buttons">~/buttons</a></p>
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
</div>
<article>
<h1><a href="#buttons">buttons</a></h1>
<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>
<div class="buttons">
<!--
@ -145,6 +140,7 @@
<a href="https://drakonic.zone" target="_blank"><img src="https://drakonic.zone/images/button.gif" alt="DRAKONIC" title="DRAKONIC"></a>
<a href="https://freeplay.floof.company" target="_blank"><img src="https://freeplay.floof.company/assets/buttons/free.gif" alt="Freeplay" title="Freeplay"></a>
<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://notfire.cc" target="_blank"><img src="https://notfire.cc/design/images/buttons/notfire-cc-88x31-af.gif" alt="notfire" title="notfire"></a>
@ -182,16 +178,16 @@
<a href="https://youtu.be/WfYyBp4Ln2s" target="_blank"><img src="./assets/buttons/random/doinyourmom.gif" alt="Doin Your Mom!" title="Doin Your Mom!"></a>
<a href="https://www.youtube.com/@ScottTheWoz" target="_blank"><img src="./assets/buttons/random/scotthere.gif" alt="Hey all, Scott here!" title="Hey all, Scott here!"></a>
</div>
</article>
</section>
</div>
<!-- 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><a href="https://git.gay/sneexy/pages" target="_blank">website source</a> (feel free to copy! 💚)</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> for the wallpapers</p>
<p><a href="https://kde.org" target="_blank">KDE</a></p>
<p><a href="https://www.jetbrains.com/lp/mono" target="_blank">JBM</a> <a href="./assets/fonts/JetBrainsMono/OFL.txt" target="_blank">license</a>/<a href="./assets/fonts/JetBrainsMono/AUTHORS.txt" target="_blank">authors</a></p>
<p><a href="https://www.lexend.com" target="_blank">Lexend</a> <a href="./assets/fonts/LexendDeca/OFL.txt" target="_blank">license</a></p>
<p><a href="https://github.com/PapirusDevelopmentTeam/papirus-icon-theme" target="_blank">Papirus icons</a> <a href="https://raw.githubusercontent.com/PapirusDevelopmentTeam/papirus-icon-theme/master/LICENSE" target="_blank">license</a>/<a href="https://raw.githubusercontent.com/PapirusDevelopmentTeam/papirus-icon-theme/master/AUTHORS" target="_blank">authors</a></p>

18
style.css
View file

@ -295,8 +295,12 @@ h1, h1 a {
font-size: 32px;
text-decoration: none;
}
h2 {
font-size: 28px;
/* apparently having more than one h1 is against web standards
but i prefer how it looks so i just use the same styling again */
h2, h2 a {
color: var(--text);
font-size: 32px;
text-decoration: none;
}
h3 {
font-size: 20px
@ -335,7 +339,7 @@ about me section/terminal
margin-top: 3.8em;
}
#sneexy > article {
#sneexy > section {
img {
width: 256px;
height: 256px;
@ -500,15 +504,15 @@ footer/credits
footer {
.fediring a {
display: inline-grid;
font-size: 18px;
font-size: 24px;
color: var(--green);
text-decoration: none;
text-decoration: wavy;
margin-bottom: .5em;
}
p, a {
text-align: center;
font-size: 16px;
margin: .4em 0px .4em;
font-size: 15px;
margin: .2em 0px .2em;
}
img {
max-width: 30%;