Switched all the .png's to .webp and downsized them to allow for faster loading of the website+smaller repository size

This commit is contained in:
dvorakmortonxd 2026-05-14 10:53:38 +02:00
commit 21c10942bb
3 changed files with 38 additions and 34 deletions

4
.gitignore vendored
View file

@ -10,6 +10,10 @@
# testing
/coverage
# private gf site
/src/app/darecek/
/public/darecek/
v
# next.js
/.next/
/out/

View file

@ -23,109 +23,109 @@ const codingProjects = [
{
title: "Hospital Execution",
desc: "the first ever real game I made, in pygame.",
img: "/coding-1.png",
img: "/coding-1.webp",
url: "https://martin-dv.itch.io/hospital-execution-demo",
},
{
title: "Underbaranoia",
desc: "basically a undertale like infinite fight simulator that gets progressively harder, made in pygame.",
img: "/coding-2.png",
img: "/coding-2.webp",
url: "https://martin-dv.itch.io/underbaranoia",
},
{
title: "Offline memer",
desc: "parody of the discord bot \"Dank Memer\" made in batch. (this was technically my first ever game I published).",
img: "/coding-3.png",
img: "/coding-3.webp",
url: "https://martin-dv.itch.io/offline-memer",
},
{
title: "4y",
desc: "just a renamed fork of the ly login manager (based login manager btw I love it), no extra features, just a rename, its actually outdated so dont use it.",
img: "/coding-4.png",
img: "/coding-4.webp",
url: "https://git.dvorakmortonxd.dev/dvorakmortonxd/4y",
},
{
title: "4rch linux",
desc: "same as above, basically just a renamed fork of arch linux with calamares installer, also outdated and not maintained at all so no use please.",
img: "/coding-5.png",
img: "/coding-5.webp",
url: "https://git.dvorakmortonxd.dev/dvorakmortonxd/4rch-linux",
},
{
title: "You_Are_An_Idiot_Virus.py",
desc: "this is just a python script that just spams blinking \"you are an idiot\" windows, made it as a prank I think, not really sure rn.",
img: "/coding-6.png",
img: "/coding-6.webp",
url: "https://git.dvorakmortonxd.dev/dvorakmortonxd/uranidiot",
},
{
title: "Venturesome",
desc: "a browser I wrote in python using PyQtWebEngine with PyQt5, actually pretty cool and modular but I couldnt get past the stage of adding a tab system, basically surpassed by my other project: RustyWolf.",
img: "/coding-7.png",
img: "/coding-7.webp",
url: "https://git.dvorakmortonxd.dev/dvorakmortonxd/Venturesome",
},
{
title: "Mandelbrot set in Pygame",
desc: "a python pygame script that renders the mandelbrot set, made it when I was fascinated by how it looks and ngl it still looks cool af.",
img: "/coding-8.png",
img: "/coding-8.webp",
url: "https://git.dvorakmortonxd.dev/dvorakmortonxd/mandelbrot",
},
{
title: "Underpygametale",
desc: "a remake of undertale written in pygame, got it to about the flowey part (at the beginning) and didnt touch it in a long time.",
img: "/coding-9.png",
img: "/coding-9.webp",
url: "https://git.dvorakmortonxd.dev/dvorakmortonxd/underpygametale",
},
{
title: "Many discord bots...",
desc: "so many of them, once I (allegedly, pls discord dont ban me) even wrote a \"self-bot\" which auto-advertised a minecraft server on minecraft discord server in lfg-hosting every two hours, around 800 people joined in total.",
img: "/coding-10.png",
img: "/coding-10.webp",
url: "https://git.dvorakmortonxd.dev/dvorakmortonxd/PYGETEX",
},
{
title: "MMO minecraft plugin",
desc: "a minceraft plugin with custom bosses, items, and functions. pretty barebones and basic but I did it all manually before vibecoding was even a thing so what.",
img: "/coding-11.png",
img: "/coding-11.webp",
url: "https://www.youtube.com/watch?v=cSAX5Ds61ac",
},
{
title: "Many many failed minecraft servers..",
desc: "creative games, softcraft, frostville, eusmp, eurthsmp, softsmp and many other SMPs that died later on. I cant even count how many mc servers I had in total.",
img: "/coding-12.png",
img: "/coding-12.webp",
url: "https://discord.gg/KtHRm9kRmy",
},
{
title: "Swords and Sandals 2 pygame remake",
desc: "an unfinished remake of swords and sandals 2 in pygame, I got bored of it and never finished it but ill finish it one day for sure lol.",
img: "/coding-13.png",
img: "/coding-13.webp",
url: "https://git.dvorakmortonxd.dev/dvorakmortonxd/sas2py",
},
{
title: "Ollama server",
desc: "my ollama vm running on my proxmox with a gpu passthroughed RTX 3070, dm me if u wanna test it lol.",
img: "/coding-14.png",
img: "/coding-14.webp",
url: "https://ai.dvorakmortonxd.dev/",
},
{
title: "Batch MSDOS Simulator",
desc: "a freshman school project on making games in batch, it was like an OS simulator with a web browser, games, photos, even a video suprise (youll have to try it to figure that one out lol).",
img: "/coding-15.png",
img: "/coding-15.webp",
url: "https://git.dvorakmortonxd.dev/dvorakmortonxd/DvorakMSDOS",
},
{
title: "RustyWolf",
desc: "a browser I made in rust with webkitgtk, I made it to be lightweight and to be able to be ran on macbook unibody 2010 before I realised I got scammed.. It's the successor to my previous project Venturesome :)",
img: "/coding-16.png",
img: "/coding-16.webp",
url: "https://git.dvorakmortonxd.dev/dvorakmortonxd/RustyWolf",
},
{
title: "dxdwm",
desc: "a small x11 window manager written in rust.",
img: "/coding-17.png",
img: "/coding-17.webp",
url: "https://git.dvorakmortonxd.dev/dvorakmortonxd/dxdwm",
},
{
title: "proxmox setup",
desc: "my proxmox setup with more than 8 vms for my services, this is running literally everything at my house.",
img: "/proxmox.png",
img: "/proxmox.webp",
url: "https://proxmox.dvorakmortonxd.dev/",
},
];
@ -150,62 +150,62 @@ export default function Home() {
{
title: "Gentoo Setup",
desc: "my main computer with gentoo. specs: Ryzen 5 3600 (6c/12t), GTX 1050 Ti (yes im aware I could use the rtx 3070 from the proxmox server but I dont need it and its much better off being in there cuz of local ai), 16gb of ram and a 240gb ssd.",
image: "/gentoo-setup.png",
image: "/gentoo-setup.webp",
},
{
title: "Proxmox Server",
desc: "my personal proxmox server (dm me on ig if u need a VPS/hosting), specs: Xeon E5 2680 v4 (14c/28t), RTX 3070 (for local ai), 68gb ddr4 rdimm ram (2*16gb, 1*32gb, 1*4gb), 256gb of sata m2 space + 1tb hdd + 750gb hdd.",
image: "/proxmox-server.png",
image: "/proxmox-server.webp",
},
{
title: "Xbox 360 S with badupdate",
desc: "xbox 360 slim (trinity) with badupdate exploit, allowing to boot custom software. (not my photo), the specs are XCGPU (3c/6t), 0.5GB of gddr3 ram and a 500gb hdd.",
image: "/xbox360.png",
image: "/xbox360.webp",
},
{
title: "Macbook Air M4 13\"",
desc: "my main device for basically everything except gaming. specs are Apple M4 (cpu:10c,gpu:8c), 16gb of unified ram (lpddr5x), 256gb Storage.",
image: "/macbook-air.png",
image: "/macbook-air.webp",
},
{
title: "Macbook Air 2013 11\"",
desc: "bought this for tinkering lol, specs are intel core i5 (2c/4t), 8gb of ddr3 ram and 250gb ssd, installed arch linux on it with i3-gaps (this is my laptop not josef's I gave it to him lol).",
image: "/macbook-air-11.png",
image: "/macbook-air-11.webp",
},
{
title: "iPhone 7 128gb",
desc: "somehow found a listing for 4 bucks (refurbed.cz) for it so I got it lol, it has a little dent I marked it on the photo (which isnt mine btw), except cosmetic damage its pretty much fully functional, specs are Apple A10 (4c/4t), 2gb of ram and 128gb of storage",
image: "/iphone-7.png",
image: "/iphone-7.webp",
},
{
title: "Macbook Unibody 2010",
desc: "found random listing on bazos for 15 bucks but after I bought a power adapter it turned out to be non functioning so I got scammed :(",
image: "/macbook2010.png",
image: "/macbook2010.webp",
},
{
title: "ThinkPad T400s 14\"",
desc: "got it from a random guy for 20 bucks, its an old laptop from 2009 and I disabled intel AMT and slapped void linux on it and i3wm on it, specs are intel core 2 duo (2c/2t), 8gb ddr3 ram and 800gb hdd.",
image: "/thinkpadt400s.png",
image: "/thinkpadt400s.webp",
},
{
title: "Asus N56JR 15.6\"",
desc: "one of my first laptops my dad got for me when I was like 12, still works but the battery is KO, specs are intel core i7 4700HQ (4c/8t), 8gb ddr3 ram and 240gb ssd, it currently runs ubuntu linux 24.04LTS and my mom uses it for movies and shows.",
image: "/asuslaptop.png",
image: "/asuslaptop.webp",
},
{
title: "iPhone 11 128gb",
desc: "my first iphone I got from my parents at 13, rn my dad has it because I switched over to the iphone 16 pro in 2025, specs are Apple A13 (6c/6t), 4gb of ram and 128gb of storage. (NOT MY IMAGE)",
image: "/iphone11.png",
image: "/iphone11.webp",
},
{
title: "iPhone 16 Pro 128gb",
desc: "originally wanted iphone 13 mini (because of the size) but I somehow decided to get 16 pro, which is a bit smaller than my older iphone 11, specs are Apple A18 pro (6c/6t), (btw this chip is the same chip used in the macbook neo so thats cool) and 8gb of ram and 128gb of storage, my main phone.",
image: "/iphone16pro.png",
image: "/iphone16pro.webp",
},
{
title: "Xbox one S 2TB",
desc: "my dad bought it for me also in like 2018 or 2019 and I sometimes play the console edition of minecraft because I like to play the gliding minigame on it when someone comes over.",
image: "/xboxones.png",
image: "/xboxones.webp",
},
];

View file

@ -24,7 +24,7 @@ export default function Softcraft() {
}
.header, .hero-panel, .tui-panel, .footer, .service-button, .social-button, .video-container, .hero-panel-label, .tui-panel-label, .footer-label {
background-image: linear-gradient(rgba(10, 10, 10, 0.85), rgba(10, 10, 10, 0.85)), url(/dirt.png) !important;
background-image: linear-gradient(rgba(10, 10, 10, 0.85), rgba(10, 10, 10, 0.85)), url(/dirt.webp) !important;
background-repeat: repeat !important;
background-size: 64px !important;
image-rendering: pixelated !important;
@ -32,7 +32,7 @@ export default function Softcraft() {
}
.terminal-box {
background-image: linear-gradient(rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.95)), url(/dirt.png) !important;
background-image: linear-gradient(rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.95)), url(/dirt.webp) !important;
background-repeat: repeat !important;
background-size: 64px !important;
image-rendering: pixelated !important;
@ -45,7 +45,7 @@ export default function Softcraft() {
width: '100vw',
height: '100vh',
zIndex: -1,
backgroundImage: 'url(/minecrafttest2.png)',
backgroundImage: 'url(/minecrafttest2.webp)',
backgroundSize: 'cover',
animation: 'mc-panorama-pan 120s linear infinite alternate',
filter: 'brightness(0.6)'
@ -82,7 +82,7 @@ export default function Softcraft() {
<div style={{ flexShrink: 0 }}>
<Image
src="/softcraft.png"
src="/softcraft.webp"
alt="Softcraft Logo"
width={128}
height={128}