sitev2 banner

sitev2

10 devlogs
11h 57m 10s

my personal site!
the inspiration for the pages completed is UNBEATABLE.

this project includes 4 main pages + a few secrets, and useable buttons throughout.

This project uses AI

GitHub Copilot for minor code completion

Demo Repository

Loading README...

arborium

This devlog actually reverts some of the progress I made towards the blog. I was testing out some ideas for the psycadelic blog page, but after numerous attempts and seeing other peoples personal sites, I want to leave the changing styles for ______.arborium.dev and not the main page. The only extra style I’ll include this time is the rain world for site navigation.

Attached are some of my attempts.

Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
0
arborium

Restructured the project and added a secret. Also started work on a new page, blog, which is based on a random P6 concept I found on youtube. I copied over the button toolbar from the main page here.

(attached is inspo)

Attachment
0
arborium

Added a GitHub button, and improved transitions between colours. This code was mostly stolen from stack overflow though.

This marks the end of the work on the main page.

Attachment
0
arborium

Added more things around the title, such as tempo boxes, and links to other pages. This also means I’m expanding the scope of the project to include the WHOLE site (or really, just the pages linked on the main on + one secret)

I also added palate switching! Each palate is attached.

Attachment
Attachment
Attachment
Attachment
0
arborium

Added a title with another coolCircle in the background.

The quotes change every time you reload the page

Attachment
0
arborium

Added my profile picture as well as music that plays on entry.
This music can be controlled with a button in the bottom left corner, and when pressed, stops every element on the page

Attachment
0
arborium

Added little spinning plusses as well as date information in the top left. I also changed some of the fonts and positioning of existing elements, and changed the project file layout so that in the future I can redirect to a mobile-friendly version of the site.

Attachment
0
arborium

Made the box a circle and added rotation to it

Attachment
0
arborium

Added scrolling diagonal text that will eventually be synced with currently playing music. Also started working on central bg circle, currently is only a square that moves at a 8step pattern.

Attachment
0
arborium

Added the triangle in the corner, next I’ll add the diagonal moving text that will sync with whatever I’m listening to on spotify

Attachment
0