Shuflduf.xyz

WAKATIME KILLED ITSELF WHAT THE FUCK OFLKNDFKHDKJFDF
this is like the entire day worth of commits, not just 15 minutes.
im reverse frauding
k so this is mostly just a bunch of tweaks to get everything working and knock off everything on my todo list
also the readme with all the gifs and stuff
and a better guide for the dumbass flavortown kids who are gonna get lost somehow
just added a big spoiler section to readme just in case

Changelog

• lskdfjs
• alkfjsdf
• baner
• MORE IMAGES AND GIFS AND SHIT IN README
• Update README.md with image test
• daskld fix stuff
• basic readme
• VALERIEEEEEEEE!!!!!!!!!!
• fix cursor
• fix lfsdfj
• cleanup index.html
• start making a better tutorial
• update logo background WHY IS EVERYTHING SO WHITE

update all the logos and background on the programming page
chat should i sleep its 2:20 am

Changelog

• update logo background WHY IS EVERYTHING SO WHITE
• downloaded all icons (big ass commit)
• everything has new images

finishing stuff up! hopefully can ship tomorrow (today, its like 1am)!
mobile css on dark world was like 20 lines in total because i love css
LIGHT SCHEME SUPPORT!!! im calling it scheme instead of mode bc light mode refers to the light world (boring mode)
the stuff that needs js, like icons, needs a refresh in order to properly switch to light scheme

Changelog

• fix fun css and secret portal button
• start mobile on fun mode i frogot to do this
• make it smoother and stuff
• hardcoding bc i cant be FUCKED to find a better solution

most of the switching stuff is implemented now! it works on both sides, and i made a little tutorial to get users to try and find it. its kind of vague and my play tester (singular) (thanks val) couldnt find it
if people dont find the other side im COOKED
i also gotta deal with the intelligence level of the average flavortown kid, so at some point im just gonna put a big fucking red arrow with a detailed list of instructions
started replacing programming icons with actual images

Changelog

• bunch more icons
• making actual content for the site
• navigating back to boring town :(
• make sidebar much better and work on mobile

SO NOW,,, YOU CAN LIKE,,, PULL THE SIDEBAR OUT AND THEN THERES A BUTTON WHICH TAKES YOU TO THE DARK WORLD OLKHF KJFKJ KF<

Changelog

• implement basic kinda shitty version of sidebar
• shitty bad no good

first time using opencode! not gonna declare it because it sucked ass and i had to fix everything it did and im never using it again its so bad
MOBILE SUPPORT!!!!!!!!!!!
its not perfect but its alright enough
now i need mobile for the dark world version and ill be done i think

Changelog

• remove useless logs
• fix cat images on boring mode being short and looking funny
• fix boring cat page
• fix image width mobile
• its so hard to test mobile bc i have to commit every time
• make rope work on mobile
• nvm opencode found an issue i wouldnt have found
• tried to use opencode to add mobile support but it sucked ass and i had to fix everything
• swap on fun

MOST of the site functionality is done now. i just need to write a bit of shit about the site, make sure no dumbass voters dont get to the fun part, and add some more easter eggs
also i need to wait for valerie to make her 88x31 to add to my site please hurry tf up
but i THINK im shipping this week

Changelog

• added ME to index page
• transitions for buttons ig

hell yea navlinks/navbar thing

Changelog

• navlinks!!!!!!!!!!!!!!!!!
• making boring navbar

bunch of fixes for parity with fun layouts
started making the navbar
this theme is so sexy btw
40 hours on this project1!! 200 in total!!

Changelog

• making boring navbar
• fix code blocks
• fix more boring pages
• fix boring catgpt
• fix boring tetris

TLDR: each page has two completely different ways to view it, despite being the same actual content
YEA SO I WAS HAVING TOOOO MUCH FUN
heres how it works:
i have a variable in localstorage that tracks whether or not youre in the dark mode (fun mode), and if you are, it changes ONE attribute on the html element, which all the css uses as a selector.
it then loads a script for either mode, but i havent yet made it work for every page. it works for most pages tho

Changelog

• update all pages to use new layout system
• yea this systems pretty good
• rename div to aside for sidebar
• make boring sidebar with pin and stuff
• finished MOST of the theme switching i THINK and now fixing parity by making boring sidebar
• different css based on localstorage BUT IT SUCKSSSSSSSSSSSSSSSSS

k time to start actually implementing the hard part of the site:
iykyk

Changelog

• got bored of gameplay so im going to perform the biggest refactor in the history of ever

its so long,,
just been adding gameplay,,,
kinda bored tbh

Changelog

• 100 notes!!!!!!!!! or about 52 seconds of gameplay
• about 45s of gameplay this song is LONGGGGGGGGGG
• 30 whole seconds of gameplay!

i will not make an editor i will edit json until i die
i have like 30 whole seconds already !!!

Changelog

• 30 whole seconds of gameplay!
• arrow up to go close to end
• more gameplay i got like 20 seconds of gameplay
• oh hell yea this makes it so much better
• mayb make mousepath a bit better not really

ya ft utils is bugging its not getting my commits at all
i added like editor controls to skip around with arrow keys, and its helping out a lot with making gameplay. its too much work to make an editor for smth no one is going to even play let alone make levels for

Changelog

• starting to develop a workflow i think

k so mostly just a bunch of cleanup since i focused on school for once in my fucking life (sorry everyone)
uh but i started mapping unbound by @fireentity (peak song but its so long )
gonna lock in a lot soon since long weekend + home alone
(audio on)

Changelog

• more gameplay.
• catgpt webp
• dsflksdf
• tetris high score
• style links
• actual working fucking spectrogrma

REALLLLLLLLLLLLLLY BAD AND BROKEN SPECTROGRAM IVE SPENT SO MUCH TIME ON THIS I NEED SLEEP

Changelog

• REALLY SHITTY SPECTROGRAM ITS SO BROKEN
• convert ms to beats bc val got mad at me :((
• getting it to work kinda
• start audio visualizer in editor but i fucked it up real bad
• more gameplay and rename to currenttime

significantly better slice detection and some actual gameplay
right now all the notes are hardcoded so im gonna make an editor soon i think

Changelog

• more gameplay and rename to currenttime
• much better slice collisions, better direction indicators, actual gameplay

shitty slice detection

Changelog

• really shitty slice detection with an algorithm i stole from stack overflow

rain saber!! a rhythm game!!
inspired by beat saber, osu, fruit ninja, and Risk of Rain 2 (pw spam)
so far i got these little notes that jump from the sides of the canvas to a certain point. theyre controlled by a few variables:

• the position they start from
• the position theyre going to be sliced
• the frame at which it should be sliced
• the time margin, which is like how many frames it has before and after reaching the slice position
• and the slice angle, which is the angle at which the note should be sliced

Changelog

• make notes jump from all sides and start tracking mouse path for collisions
• single note jump
• started rain saber the rhythm game

lots of little stuff to cleanup the codebase and started rain saber which is like fruit ninja + osu + beat saber
and multiple widths in tetris

Changelog

• started rain saber the rhythm game
• improve layout loading order
• chore stuff to get stuff more consistent
• changing the board width for 4wide and stuff
• add rope parameters

rope physics page because i miss rope physics from grass site

Changelog

• add rope parameters
• simple very basic and bare rope physics
• start working on rope physics

I LOVE CATGPT BEST PAGE EVER

Changelog

• implement catgpt ITS SO PEAK

ohhhhh hackatime needed to catch up. damn. MOST of the time on this devlog is from the tetris, as described in the previous devlog. have some gameplay

Changelog

• started catgpt
• finish up tetris fr fr

hell you mean all my time will be tracked no it fucking wasnt
i literally made all of tetris during the downtime
45 minutes my ass

Changelog

• update board color and tetris is now done
• lock delay visualized
• lock delay
• better inputs
• make the controls text change
• implement various keybinds
• add tetrio keybinds
• make reset button work in one line thanks to jquery waow
• score and starting controls system
• i piece kicks
• srs kicks but the code is ass now
• next and held display using sidebar
• hold piece
• ghost and hard drop
• line clears copy pasted from a previous project
• basic gameplay and 7bag implemented
• more tetris stuff like srs and piece colors
• starting on tetris
• make about page and starting adding actual site games
• games page

rcket page, which is kinda bare
games page, which includes my personal game recs and my take on piracy. im obviosly going to extend it later, maybe with subpages for each game to avoid spoilers

Changelog

• games page
• update fily
• rcket page which is a lot like frg page
• start on rcket page
• frg page!!!!!!!!

frg page
it goes through the entire uncomplete history of frg. who knew.

Changelog

• frg page!!!!!!!!

back to working on this project after tetr.rb and remixed!
so right now im just doing the boring part and writing about stuff ive done, which is a lot unfortunetly so ill be here a while
ive written about remixed and most of the tetris games ive made so far
im also gonna start adding the hackatime time badges to show off the time i put into it

Changelog

• fix remixed link
• remixed page
• finish tetris page
• a BILLION more tetris games ive made a bunch lmao

mb i frogot to devlog 🐸 🚀
anyways, the big thing is the refactor, everything now uses absolute paths, and also everything is organized into folders. all the css is under css/, all the js under js/ etc, the only things i couldnt organize is the html files because those are important to routing
also i renamed fun.html to home.html, this means index.html is still the first page, and fun.css is still the main css for all the “fun” pages
i started actually writing about my projects, starting with risky rice, and im currently working on tetr.lang
i want to add a bunch of microgifs to the pages to make them feel more alive, but thats a problem for future me. and then games. and then easter eggs
there is a page between

Changelog

• finish risky rice and start tetr.lang
• fix stupid sidebar
• risky rice
• big ass refactor to use absolute paths

CATTTTTTTTTTTT.
basically i added a bunch of images of my cat to /cat.html and when you move your mouse over them it makes hearts and shit, very cool. also i added the ability to pet my pfp on the cat page and it worked until i reloaded the page which is why i was so confused

finish up the programming page by adding a sidebar. i know it looks ass but like thats the point

Changelog

• love :
• add sidebar to programming page
• tried adding pushing balls but it sucked ass

mb i forgot to devlog i was having too much fun 🐸 🚀
anyways i leared how to make basically components with jquery so i dont have to copy paste stuff and i only need to edit on file
and then i made a programming page with a ballpit of my languages and tools

Changelog

• reset button i need to style and also tooltip but i need to devlog
• ballpit, now with icons
• ballpit
• make tools for future ball pit
• big ass component refactor with jquery

a lot of refactoring, also added little useless gifs as ui elements bc they fit the aesthetic.

Changelog

• remove trash
• format and rowan
• cleanup the very very shitty css
• adding little gifs :

its a whole lot better. i added like the little bar on the bottom to make it look cool as hell. and the rest of the boxes also follow the theme.
i added a pixel art gup thing from Risk of Rain 2 that i made literally 2 years ago and was like the 5th result on google.
adding everyones 88x31s!!!

also btw this part of the site is accessible at https://www.shuflduf.xyz/fun.html

Changelog

• fix stupid overlap
• add nova
• adding everyones 88x31s
• make commits link to the actual page
• make updates box consistent
• seperator

a lot of trying out different things that didnt work. this is what it looks like right now, very flat

Changelog

• continue to try styling
• connect git repo!!
• YOOO ITS PEAK
• making main content styles

lots and lots of styling, inserted the 88x31 into the website and it LOOKS SO GOOOOOD HOLYYY
i made like an updates thing based on git commits since i saw that a lot in the websites i was studying

Changelog

• connect git repo!!
• YOOO ITS PEAK
• making main content styles

this is where the real project begins

Changelog

• make navbar and start real styling
• larg
• finish 88x31

made my 88x31!!!!

Changelog

• finish 88x31
• change timings
• ADDED GUPPPPP
• animate the shuflduf
• making my 88x31 :]

am i overqualified chat

Changelog

• add a LOT of chips

making it really easy to write the html with jquery
like the chips are just list items, but theres a jquery statement that auto adds icons to all of them, with the right color and everything

Changelog

• language chips
• adding language chips
• different files
• update link colors

made because

1. i really really like the ukiyo obsidian theme
2. i just got my domain
3. i need to get back into making websites for skills
4. first real jquery project
5. my old personal site was template slop

Changelog

• update link colors
• remove coments
• basic reactivity
• jquery and info callouts
• bunch of styling
• refine css
• add ukiyo colours