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

fix links not opening in new tabs and add posts testing

Browse source
This commit is contained in:
Ruben 2024-04-27 21:38:08 -05:00
commit d9b960e8d7
No known key found for this signature in database
GPG key ID: AE181294E97E4802
4 changed files with 672 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
index.html
View file

@ -139,7 +139,7 @@
<a href="https://web.site" target="_blank"><img src="https://link.to/button" alt="User/Website title" title="User/Website title"></a>
-->
<a href="https://23sonics.neocities.org" target="_blank"><img src="https://23sonics.neocities.org/media/web_button.gif" alt="23Sonics" title="23Sonics"></a>
<a href="https://authenyo.xyz"><img src="https://authenyo.xyz/images/button.gif" alt="authenyo" title="authenyo"></a>
<a href="https://authenyo.xyz" target="_blank"><img src="https://authenyo.xyz/images/button.gif" alt="authenyo" title="authenyo"></a>
<a href="https://av70.neocities.org" target="_blank"><img src="https://av70.neocities.org/assets/88x31/av70.gif" alt="av70" title="av70"></a>
<a href="https://blueb.me" target="_blank"><img src="./assets/buttons/friends/harper.png" alt="harper" title="harper"></a>
<a href="https://drakonic.zone" target="_blank"><img src="https://drakonic.zone/images/button.gif" alt="DRAKONIC" title="DRAKONIC"></a>
@ -148,9 +148,9 @@
<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>
<a href="https://ofplayers.net"><img src="https://ofplayers.net/images/88x31/millions.png" alt="Millions" title="Millions"></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://sweetcoffy.pages.gay" target="_blank"><img src="https://sweetcoffy.pages.gay/assets/button.png" alt="SweetCoffy" title="SweetCoffy"></a>
<a href="https://w.on-t.work"><img src="https://w.on-t.work/assets/88x31.png" alt="Won't Work!/ShittyKopper" title="Won't Work!/ShittyKopper"></a>
<a href="https://w.on-t.work" target="_blank"><img src="https://w.on-t.work/assets/88x31.png" alt="Won't Work!/ShittyKopper" title="Won't Work!/ShittyKopper"></a>
<!-- hello traveler! -->
<a href="https://sneexy.pages.gay"><img src="./assets/buttons/sneexy.png" alt="Sneexy" title="Sneexy"></a>
<a href="https://sneexy.pages.gay"><img src="./assets/buttons/sneexy_cat.png" alt="Sneexy" title="Sneexy"></a>
@ -201,4 +201,4 @@
</body>
</html>
</html>

186
posts/.template/index.html Normal file
View file

@ -0,0 +1,186 @@
<!DOCTYPE html>
<html>
<head>
<title>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/">
<meta property="og:type" content="image.other">
<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>
<body>
<!-- about me -->
<div id="about-me" class="terminal">
<div class="term-titlebar">
<img src="./assets/terminal.svg">
<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>
<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>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>
</div>
<!-- socials -->
<div id="socials-and-contacts" class="terminal">
<div class="term-titlebar">
<img src="./assets/terminal.svg">
<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>
<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">
<a href="https://lea.pet" target="_blank"><img src="./assets/services/leapet.png" alt="Lea's Dungeon (Sharkey/Fediverse)" title="Lea's Dungeon (Sharkey/Fediverse)"></a>
<a href="https://lea.pet/@sneexy" target="_blank">@sneexy@lea.pet <small>(Fediverse)</small></a>
</span>
<span class="social-container" id="signal">
<a href="https://signal.org" target="_blank"><img src="./assets/services/signal.png" alt="Signal" title="Signal"></a>
<a href="https://signal.me/#eu/Ir_2xGMSoRqTs1BirNKBrL-fW0xsy5EAbuyBoFXO7nL1eTw22PBPlaN6_a6pwegK" target="_blank">Sneexy.66</a>
</span>
<span class="social-container" id="revolt">
<a href="https://revolt.chat" target="_blank"><img src="./assets/services/revolt.png" alt="Revolt" title="Revolt"></a>
<a href="https://revolt.chat" target="_blank">Sneexy#3963</a>
</span>
<span class="social-container" id="discord">
<a href="https://discord.com" target="_blank"><img src="./assets/services/discord.png" alt="Discord" title="Discord"></a>
<a href="<https://discord.com/users/984235958742425600>" target="_blank">ffmpeg_6.1.1.tar.xz</a>
</span>
<span class="social-container" id="xmpp">
<a href="https://xmpp.org" target="_blank"><img src="./assets/services/xmpp.png" alt="XMPP" title="XMPP"></a>
<a href="xmpp:sneexy@trashserver.net" target="_blank">sneexy@trashserver.net</a>
</span>
<span class="social-container" id="matrix">
<a href="https://matrix.org" target="_blank"><img src="./assets/services/matrix.png" alt="Matrix" title="Matrix"></a>
<a href="https://matrix.to/#/@sneexy:constellatory.net" target="_blank">@sneexy:constellatory.net</a>
</span>
<span class="social-container" id="listenbrainz">
<a href="https://listenbrainz.org" target="_blank"><img src="./assets/services/listenbrainz.png" alt="ListenBrainz" title="ListenBrainz"></a>
<a href="https://listenbrainz.org/user/Sneexy" target="_blank">Sneexy</a>
</span>
<span class="social-container" id="gitgay">
<a href="https://git.gay" target="_blank"><img src="./assets/services/gitgay.png" alt="git.gay Forgejo" title="git.gay Forgejo"></a>
<a href="https://git.gay/sneexy" target="_blank">sneexy</a>
</span>
</div>
</article>
</div>
<!-- "fun" facts -->
<div id="fun-facts" class="terminal">
<div class="term-titlebar">
<img src="./assets/terminal.svg">
<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>
<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>
<li>originally starting going online when i was young and my only method of getting wifi was by using my netbook in the kitchen and connecting to a nearby stores local wifi connection.</li>
<li>joined <a href="https://fediverse.info" target="_blank">fedi</a> around 2020 or so, originally on <a href="https://mas.to" target="_blank">mas.to</a> before closing shop and moving to <a href="https://types.pl" target="_blank">types.pl</a> which has a nice local community, before moving to <a href="https://miruku.cafe" target="_blank">miruku.cafe</a> for a short while before finally landing at <a href="https://lea.pet" target="_blank">lea.pet</a>.</li>
<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>
</div>
<!-- buttons -->
<div id="buttons" class="terminal">
<div class="term-titlebar">
<img src="./assets/terminal.svg">
<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>
<p>fun little 88x31 buttons! all goes to awesome friends and some cool 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">
<!--
<a href="https://web.site" target="_blank"><img src="https://link.to/button" alt="User/Website title" title="User/Website title"></a>
-->
<a href="https://23sonics.neocities.org" target="_blank"><img src="https://23sonics.neocities.org/media/web_button.gif" alt="23Sonics" title="23Sonics"></a>
<a href="https://authenyo.xyz"><img src="https://authenyo.xyz/images/button.gif" alt="authenyo" title="authenyo"></a>
<a href="https://av70.neocities.org" target="_blank"><img src="https://av70.neocities.org/assets/88x31/av70.gif" alt="av70" title="av70"></a>
<a href="https://blueb.me" target="_blank"><img src="./assets/buttons/friends/harper.png" alt="harper" title="harper"></a>
<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://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>
<a href="https://ofplayers.net"><img src="https://ofplayers.net/images/88x31/millions.png" alt="Millions" title="Millions"></a>
<a href="https://sweetcoffy.pages.gay" target="_blank"><img src="https://sweetcoffy.pages.gay/assets/button.png" alt="SweetCoffy" title="SweetCoffy"></a>
<a href="https://w.on-t.work"><img src="https://w.on-t.work/assets/88x31.png" alt="Won't Work!/ShittyKopper" title="Won't Work!/ShittyKopper"></a>
<!-- hello traveler! -->
<a href="https://sneexy.pages.gay"><img src="./assets/buttons/sneexy.png" alt="Sneexy" title="Sneexy"></a>
<a href="https://sneexy.pages.gay"><img src="./assets/buttons/sneexy_cat.png" alt="Sneexy" title="Sneexy"></a>
</div>
<div class="buttons">
<!-- 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>
<a href="https://github.com/yokoffing/BetterFox" target="_blank"><img src="./assets/buttons/software/betterfoxnow.png" alt="Betterfox Now!" title="Betterfox Now!"></a>
<!-- download sites -->
<a href="https://hshop.erista.me" target="_blank"><img src="./assets/buttons/downloads/3ds.png" alt="Nintendo 3DS" title="Nintendo 3DS"></a>
<a href="https://vimm.net/vault/Wii" target="_blank"><img src="./assets/buttons/downloads/wii.png" alt="Nintendo Wii" title="Nintendo Wii"></a>
<a href="https://modarchive.org" target="_blank"><img src="./assets/buttons/downloads/modarchive.gif" alt="The Mod Archive" title="The Mod Archive"></a>
<a href="https://www.slsknet.org" target="_blank"><img src="./assets/buttons/downloads/soulseek.gif" alt="Soulseek" title="Soulseek"></a>
<!-- cool sites -->
<a href="https://besties.house" target="_blank"><img src="https://besties.house/badges/besties.gif" alt="besties" title="besties"></a>
<a href="https://constellatory.net" target="_blank"><img src="https://constellatory.net/assets/button.png" alt="Constellatory" title="Constellatory"></a>
<a href="https://homestarrunner.com/main" target="_blank"><img src="./assets/buttons/sites/homestar.gif" alt="Homestar Runner" title="Homestar Runner"></a>
<a href="https://www.web3isgoinggreat.com" target="_blank"><img src="./assets/buttons/sites/nft.gif" alt="NFT: No Fucking Thanks! (Web3 Is Just Going Great)" title="NFT: No Fucking Thanks! (Web3 Is Just Going Great)"></a>
<!-- rest goes below here -->
<img src="./assets/buttons/random/oktopirate.gif" alt="It's morally okay to pirate from triple-A" title="It's morally okay to pirate from triple-A">
<img src="./assets/buttons/random/builteatingcheezit.gif" alt="Built Eating Cheez-IT" title="Built Eating Cheez-IT">
<img src="./assets/buttons/random/bunnybrowser.gif" alt="Bunny Browser" title="Bunny Browser">
<img src="./assets/buttons/random/ravenow.gif" alt="Rave Now!" title="Rave Now!">
<img src="./assets/buttons/random/c4y.gif" alt="Crazy For Yoshis" title="Crazy 4 Yoshis">
<img src="./assets/buttons/random/yoshilore.gif" alt="Yoshi Lore" title="Yoshi Lore">
<img src="./assets/buttons/random/tucows.gif" alt="Tucows" title="Tucows">
<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>
</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://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://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>
<p>made with <span class="rainbow">love</span>, <span class="rainbow">lack of sleep</span> and <span class="rainbow">procrastination</span></p>
<img src="./assets/yoshi.gif" alt="GIF of a dancing yoshi" />
</div>
</footer>
</body>
</html>

381
posts/.template/style.css Normal file
View file

@ -0,0 +1,381 @@
/*
i use catppuccin color schemes because jod i LOVE catppuccin
*/
@media (prefers-color-scheme: light) {
/*
catppuccin latte
*/
:root {
--rosewater: #dc8a78;
--flamingo: #dd7878;
--pink: #ea76cb;
--mauve: #8839ef;
--red: #d20f39;
--maroon: #e64553;
--peach: #fe640b;
--yellow: #df8e1d;
--green: #40a02b;
--teal: #179299;
--sky: #04a5e5;
--sapphire: #209fb5;
--blue: #1e66f5;
--lavender: #7287fd;
--text: #4c4f69;
--subtext1: #5c5f77;
--subtext0: #6c6f85;
--overlay2: #7c7f93;
--overlay1: #8c8fa1;
--overlay0: #9ca0b0;
--surface2: #acb0be;
--surface1: #bcc0cc;
--surface0: #ccd0da;
--base: #eff1f5;
--mantle: #e6e9ef;
--crust: #dce0e8;
/* wallpaper */
--background-image: url("./assets/backgrounds/plasma-6-day-mocha.png");
}
}
@media (prefers-color-scheme: dark) {
/*
catppuccin mocha
*/
:root {
--rosewater: #f5e0dc;
--flamingo: #f2cdcd;
--pink: #f5c2e7;
--mauve: #cba6f7;
--red: #f38ba8;
--maroon: #eba0ac;
--peach: #fab387;
--yellow: #f9e2af;
--green: #a6e3a1;
--teal: #94e2d5;
--sky: #89dceb;
--sapphire: #74c7ec;
--blue: #89b4fa;
--lavender: #b4befe;
--text: #cdd6f4;
--subtext1: #bac2de;
--subtext0: #a6adc8;
--overlay2: #9399b2;
--overlay1: #7f849c;
--overlay0: #6c7086;
--surface2: #585b70;
--surface1: #45475a;
--surface0: #313244;
--base: #1e1e2e;
--mantle: #181825;
--crust: #11111b;
/* wallpaper */
--background-image: url("./assets/backgrounds/plasma-6-night-mocha.png");
}
}
/*
shell aliasing ass
*/
:root {
--bg: var(--base);
--fg: var(--text);
--accent: var(--green);
}
/*
font config, JetBrains Mono
*/
@font-face {
font-family: "JetBrains Mono";
src:
local("JetBrains Mono"),
local("JetBrainsMono Nerd Font"),
url("./assets/fonts/JetBrainsMono/fonts/ttf/JetBrainsMono-Regular.ttf") format("opentype"),
url("./assets/fonts/JetBrainsMono/fonts/webfonts/JetBrainsMono-Regular.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "JetBrains Mono";
src:
local("JetBrains Mono"),
local("JetBrainsMono Nerd Font"),
url("./assets/fonts/JetBrainsMono/fonts/ttf/JetBrainsMono-Bold.ttf") format("opentype"),
url("./assets/fonts/JetBrainsMono/fonts/webfonts/JetBrainsMono-Bold.woff2") format("woff");
font-weight: bold;
font-style: bold;
}
@font-face {
font-family: "JetBrains Mono";
src:
local("JetBrains Mono"),
local("JetBrainsMono Nerd Font"),
url("./assets/fonts/JetBrainsMono/fonts/ttf/JetBrainsMono-Italic.ttf") format("opentype"),
url("./assets/fonts/JetBrainsMono/fonts/webfonts/JetBrainsMono-Italic.woff2") format("woff");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "JetBrains Mono";
src:
local("JetBrains Mono"),
local("JetBrainsMono Nerd Font"),
url("./assets/fonts/JetBrainsMono/fonts/ttf/JetBrainsMono-BoldItalic.ttf") format("opentype"),
url("./assets/fonts/JetBrainsMono/fonts/webfonts/JetBrainsMono-BoldItalic.woff2") format("woff");
font-weight: bold;
font-style: italic;
}
/*
font config, Lexend Deca
*/
@font-face {
font-family: "Lexend Deca";
src:
local("Lexend Deca"),
local("Lexend"),
url("./assets/fonts/LexendDeca/static/LexendDeca-Regular.ttf") format("opentype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Lexend Deca";
src:
local("Lexend Deca"),
local("Lexend"),
url("./assets/fonts/LexendDeca/static/LexendDeca-Bold.ttf") format("opentype");
font-weight: bold;
font-style: bold;
}
/*
background wallpaper, font
*/
body {
background-color: var(--crust);
background: var(--background-image) no-repeat center center fixed;
background-size: cover;
font-family: "JetBrains Mono";
font-size: 18px;
}
/*
styling of the terminal windows
*/
.terminal {
/* the titlebar of the terminals */
.term-titlebar {
display: grid;
grid-template-columns: 2fr auto 2fr;;
grid-template-areas:
"term-icon term-title term-buttons";
margin: -10px 0px -20px;
/* terminal icon */
img {
width: 22px;
height: 22px;
align-self: center;
}
/* title text */
p, a {
font-family: "Lexend Deca";
font-size: 16px;
color: var(--text);
text-decoration: none;
grid-column: 2;
}
/* window buttons */
div {
display: flex;
height: 22px;
align-self: center;
margin-left: auto;
#minimize-btn {
width: 22px;
height: 22px;
background: var(--surface2);
border-radius: 50%;
transition: .2s background;
}
#maximize-btn {
width: 22px;
height: 22px;
background: var(--surface2);
border-radius: 50%;
margin-left: 10px;
transition: .2s background;
}
#close-btn {
width: 22px;
height: 22px;
background: var(--surface2);
border-radius: 50%;
margin-left: 10px;
transition: .2s background;
}
}
}
background-color: var(--base);
color: var(--text);
border: var(--mantle) solid 3px;
border-radius: 20px;
max-width: 48em;
padding: 14px 24px;
margin-left: auto;
margin-right: auto;
margin-bottom: 3.4em;
transition: .2s border-color;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.terminal:hover {
.term-titlebar {
div {
#minimize-btn {
background: var(--yellow);
transition: .2s background;
}
#maximize-btn {
background: var(--green);
transition: .2s background;
}
#close-btn {
background: var(--red);
transition: .2s background;
}
}
}
border-color: var(--green);
transition: .2s border-color;
}
.terminal > .term-titlebar > p:hover, a:hover {
text-decoration: underline;
}
/*
text formatting and config stuff
font-family and <p> is set under .terminal
*/
/* the only headings i use */
h1, h1 a {
color: var(--text);
font-size: 32px;
text-decoration: none;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 20px
}
/* TEXT */
p, li {
font-size: 18px;
}
/* links should look good i think */
a {
font-size: 18px;
color: var(--green);
}
/* smol text */
small {
font-size: 14px;
}
/* lists need some styling */
li {
margin-left: -1em;
padding-bottom: 18px;
}
/* gay ass text */
.rainbow {
animation: 2s linear infinite rainbow;
}
/* heading 1 is also clickable */
h1 a:hover {
text-decoration: underline;
}
/*
first terminal/section on the top of the page
*/
.terminal:first-child {
margin-top: 3.8em;
}
/*
footer/credits
*/
footer {
p, a {
text-align: center;
font-size: 16px;
margin: .4em 0px .4em;
}
img {
max-width: 30%;
display: flex;
margin-left: auto;
margin-right: auto;
}
}
/*
animations
*/
@keyframes spin-y {
/* values: 128px, 256px, 348px, 396px*/
0% { transform: perspective(396px) rotateY(0); }
100% { transform: perspective(396px) rotateY(360deg); }
}
@keyframes rainbow {
0% {filter: hue-rotate(0deg) contrast(150%) saturate(150%); }
100% { filter: hue-rotate(360deg) contrast(150%) saturate(150%); }
}
/*
modify widths and spacing depending on the size of the display
*/
@media screen and (max-width: 59em) {
.terminal:first-child {
margin-top: 0.4em;
}
.terminal {
.term-titlebar {
margin: -16px 0px -24px;
}
margin-bottom: 0.7em;
padding: 10px 16px;
}
.socials-contacts-list {
grid-template-columns: repeat(1, 1fr);
}
}

101
posts/windows guide.md Normal file
View file

@ -0,0 +1,101 @@
# making windows less shit
## since its, well, an annoyance. and also horrible. and we're all forced to use it.
windows (the operating system) needs no introduction. it's everywhere you go, *literally* watching your every move. this writeup will be a short little guide of how to set up windows from scratch and showcase some neat tricks and utilities to try and make the experience much more better for the average user. this is basically my take and opinionated setup/method on how to clean up windows and i honestly don't expect anyone but me and probably like 1 or 2 other people to use this, but it's here.
this writeup will be going over 2 versions of windows: windows 10 iot enterprise ltsc and windows 11 pro. we'll start off with windows 11 for the sake of future proofing.
# requirements
- <b><i>a backup of ALL of your personal data! don't continue without this!</i></b>
- an internet connection (duh)
- a flash drive that is at least 8 gigabytes in size, that you also don't mind wiping all of its data
- time and patience :3
- <i>optional:</i> a local copy of all driver installers for your device, or a list of where to get them (if you have an OEM device like e.g: HP desktop/laptop, you can search up your model and find the official drivers/software download page for them)
# winders 11
## 1. new beginnings
so to have the best and cleanest windows installation, we are unfortunately going to have to reinstall from scratch (which, yes, also means <i>not</i> using the "reinstall" option in your settings) so, again, <b><i>please make sure you have backed up ALL of your important data before continuing!</i></b>
you can get the ISO fresh from [microsoft's software download center](https://www.microsoft.com/en-us/software-download). alternatively use massgrave's [microsoft software download listing](https://msdl.gravesoft.dev/) to get the ISO without much hassle from microsoft or if the website gives you any trouble.
[simple screenshot of downloading english (us) windows 11 from both msdc and msdl just to show it off]
if you're already on a windows system, you can use [rufus](https://rufus.ie/en/) to flash the ISO to a spare flash drive you don't mind wiping all of its data on.
[^ make this part a drop down with a full featured step by step guide on flashing the iso with rufus]
if you're on linux/any other operating system, you may have better luck using [ventoy](https://www.ventoy.net/en/index.html) (which by the way, is a *great* tool to have!) to get a bootable medium of windows.
[^ make this part a drop down with a full featured step by step guide on installing ventoy to a flash drive and dropping the iso directly to the flash drive]
congrats! you now have a bootable flash drive, ready to install windows from it.
## 2. the trollage
you should now boot from the flash drive or wherever you flashed windows to on the device you want to install windows on. this step depends on the device you use, try searching up "how to boot from a usb drive <i>[device/brand name]</i>" in a new tab for reference.
i recommend disconnecting your device from the internet at this point to prevent classic microsoft annoyances from happening (if your device is connected to the internet wired/via ethernet, disconnect the cable. if you connect over wifi, then you don't have to do anything.)
once you've finally booted into the windows setup, here's our first tweak: <b>set the "Time and currency format" to "English (World)"!</b> basically what this does is make windows think we aren't living in a suitable region, which prevents it from installing bloatware since that depends on where you live (yknow, due to content blocks and whatever is popular).
[screenshot of a windows setup with Time and currency format set to English (World)]
we can continue from here. make sure you choose "Windows 11 Pro" as your edition when given the option to choose and also ensure you're wiping and installing windows to the correct drive. if you don't know which one is which, you can just delete all of the listed drives and install on the single one you see <i>once you confirm that you only have one storage device</i>.
[series of screenshots showing the drive setup, maybe some explamation]
NOTE: if you aren't given the ability to choose your edition during setup and it just takes you to the final install page, don't panic! we can force upgrade our windows version later, which you'll find below once you're done with this part.
now we can just wait for it to finish installing!
## 3. the dreaded oobe
once its finished and has rebooted into windows, you'll be greeted with the 3 FPS first time boot animation. wonderful, isn't it?
you'll see an error message that says something went wrong with the error `OOBEREGION` and this is fine because we set this in the previous step. just click the Skip button in the bottom right.
[maybe a screenshot of this error message?]
go through the setup as usual and <b>do <i>NOT</i></b> connect to the internet when asked to do so. it will force you to create a microsoft account if you do so. when you hit the "privacy settings" section of the setup, make sure you disable <b>all</b> of the options listed.
[ screenshot of the internet page hovering over the "i don't have internet" option and privacy settings with all options disabled]
now we just wait! and wait. and wait... ugh.
## 4. post setup
okay! we've hit the desktop! you can now safely connect to the internet at this point now.
first things first, we'll change our region back from being "World" so things like the microsoft store can work (assuming you want to use that, anyways). head into Settings, search for Region and click on Change your country or region. It will take you to the correct option, and change "World" to where you actually live (or anything that isn't "world").
[video recording showing off how to change your region maybe?]
NOTE: if you weren't allowed to change the windows edition to install previously, now is the good time to check. go into the Settings app, lookg for System and find About in that page. find Windows specifications and if you aren't on Pro (e.g: Home), then hop into the Product key and activation page (using the button below that section) and find Upgrade your edition of Windows, Change product key and use this key: `VK7JG-NPHTM-C97JM-9MPGT-3V66T`. this will make windows upgrade you from whatever version you were using to the Pro edition.
[video recording showing all of the steps to do this ^^^]
once we've done that, run updates and get as many as you can then reboot. after that, feel free to install any missing drivers you require. this step will probably take a while, so go get a cup of tea or something while you wait.
[screenshot of updates??]
"hey, uh, ruben?" you may be asking, "i'm not activated nor do i have a pro activation key. how the FUCK do i get this shit activated?"
well, its <i>easy!</i> first, right click the windows button in your taskbar and click on Windows PowerShell (Admin) (on some installs, this might be Terminal (Admin)) then simply type this command in and hit enter: `irm https://massgrave.dev/get | iex`
you should be greeted with a new window! hit 1 on your keyboard for HWID activation and let it do its thing. after a bit it should activate your install of windows, just like that! hooray!
[insert video recording like a guide that shows off massgrave]
"um... isn't this piracy?" yes! it is! but it's microsoft, a soulless multi-billion dollar corporation nobody likes. it <i>really</i> doesn't matter when you think about it. <small>besides, we LOVE piracy here! 🐉🏴‍☠️🐈</small>
## 5. final tweaks and optimizations
now that we have windows all fresh and working, we will now tweak it to our (or rather, my but you can do whatever you want) liking!
we'll use a good tool called [winutil]() which allows us to completely tweak as well as install extra software without having to touch anything else.
right click the start button and choose `Windows PowerShell (Admin)` (or `Terminal (Admin)`) and type in this command then hit enter: `irm https://christitus.com/win | iex`. once it's finished initalizing, we can use this to tweak everything we need.
first thing i recommend doing before anything else, go into the Config tab on the top and choose the option WinGet Reinstall. this will make sure that other options we use will properly work and won't error out.
[video recording winutil and all of its options and showing it doing its stuff]