Devlog #3

Styling

Sooo hi again!

In this hour here is what I did:

• Added Background
• Added Colors
• Added Images & GIFs
• Added Dividers

To be honest it was quite easy to make the layout. The hardest part was searching online for the graphics!!
There are so many resources out there, but I felt like only a few of them deserved to be used on this website. I guess I spent 1 or 2 hours going around hundreds of sites to get all the elements needed (and I don’t think I’m done).

I don’t really have a plan for tomorrow, but I’ll probably create the projects section. Also, I was thinking of making a gallery too, to share some of the pictures I took that I like the most

Thank you, guys, as always for the support and for reading the devlogs!! :)

Devlog #4 - The Piano Nav Bar

(AKA The thing that’s been consuming all my time over the last few weeks )

I designed a piano from scratch to act as the NavBar for my Twenty One Pilots band page. There are spaces for navigation buttons on it that will take you to the other pages. This along took almost a week to finish, the 2 hours is just when I remembered to record on lapse (╥﹏╥).

Anyways, I’m not sure how I will do the guitar and drums at this point because it took so much time.

Devlog #4 - The Piano Nav Bar

(AKA The thing that’s been consuming all my time over the last few weeks )

I designed a piano from scratch to act as the NavBar for my Twenty One Pilots band page. There are spaces for navigation buttons on it that will take you to the other pages. This along took almost a week to finish, the 2 hours is just when I remembered to record on lapse (╥﹏╥).

Anyways, I’m not sure how I will do the guitar and drums at this point because it took so much time.

Devlog #3 - Navbar and a few stylistic additions.

I decided to go with a scrapbook theme for the bio page where I talk about my hobbies, interests e.t.c

RIght now I only worked on the visual/design for the basic info: it’s a torn piece of paper taped to the site and the picture of myself is clipped on it. Pretty cool right?

and a funny thing is that while I looked at the screen recording, I realized I messed up my own age lol.

Devlog #3 - Navbar and a few stylistic additions.

I decided to go with a scrapbook theme for the bio page where I talk about my hobbies, interests e.t.c

RIght now I only worked on the visual/design for the basic info: it’s a torn piece of paper taped to the site and the picture of myself is clipped on it. Pretty cool right?

and a funny thing is that while I looked at the screen recording, I realized I messed up my own age lol.

Finalized a prototype game!! hey everyone, great news!! I have created the fundamental game!! I will post a link to play in a few days. additional dev logs will come with more info on what was developed with better documentation :)

More clock variants (based of window size)

The only working mode is the stopwatch so far, but I will add tho other ones later.
I worked on animations with the bottom pill bar so its as smooth as on my iPhone even on macOS Monterey.
Fullscreen mode coming soon…

Devlog #2 : TROUBLE! - An unexpected problem appears…

The reviewer for my ship requested a few changes be made for the website. I had to:

• Fix my ReadMe
• Actually link the bio page with actual information (Had planned on making that after the first ship so I could spend a bunch of hours on it)

Updates;

• Hidden text that pears when you hover over it
• A separate bio page as a reward for figuring out the twist
• My shoe size ! and other fun info…

Plans for the future:

• Pictures
• Better layout / Ui
• Better Fonts
• More story
  _ Better Navigation

Devlog #2 : TROUBLE! - An unexpected problem appears…

The reviewer for my ship requested a few changes be made for the website. I had to:

• Fix my ReadMe
• Actually link the bio page with actual information (Had planned on making that after the first ship so I could spend a bunch of hours on it)

Updates;

• Hidden text that pears when you hover over it
• A separate bio page as a reward for figuring out the twist
• My shoe size ! and other fun info…

Plans for the future:

• Pictures
• Better layout / Ui
• Better Fonts
• More story
  _ Better Navigation

server devlog #1 - Lua integration + writing a spatial hash. hey everyone! apparently my last project didnt get any stardust because I didnt devlog (and some people being unreasonable in their feedback). so here we go! over the past 6 hours (hackatime genuinely sucks - cant record my hours properly) I have worked on integrating Lua into my server. this is for runtime modification and future plugin support. I also developed a spatial hash following Teschner’s Spatial Hashing algorithm. I dont know how well this post will fair and I dont even know how to get a newline character in these posts, so I will cut it short for now. if you want I can always go more in depth in the comments - just ask! :)

server devlog #2 - Lua integration complete! hey everyone. for now I have finished all the Lua bs I wanted to do. it now supports events and commands! as well as the ability to spawn ingame entities. you can also change the values of entities at runtime to change how tanks look/behave!

I made the basic html yesterday. It’s morning now

WELCOME TO Devlog #1

I have finished making the skeleton for this fun and interactive personal website. Might I have taken it a bit too far for a personal website ? Maybe, but it’s going to look so cool. I love interactive things!

All I did for this past night was code a simple but unique home page, all thought up by yours truly.

• I got the background online from emojiguide.com, I wanted a cool stylised emoji wall collage of sorts and this worked out great.

-I used div groups to make the box, rounding it with a border-radius at the edges and giving it an outline of about 3 pixels.

-The font is monotone as far as I know ( Its a font family, I don’t really know what’s doing what)

I made the basic html yesterday. It’s morning now

WELCOME TO Devlog #1

I have finished making the skeleton for this fun and interactive personal website. Might I have taken it a bit too far for a personal website ? Maybe, but it’s going to look so cool. I love interactive things!

All I did for this past night was code a simple but unique home page, all thought up by yours truly.

• I got the background online from emojiguide.com, I wanted a cool stylised emoji wall collage of sorts and this worked out great.

-I used div groups to make the box, rounding it with a border-radius at the edges and giving it an outline of about 3 pixels.

-The font is monotone as far as I know ( Its a font family, I don’t really know what’s doing what)

Added a new/first enemy with animations.
My next goal is to make a tile set for one of my levels and get enemies attacking and dealing damage

added more attacks so they link up it will have a count and depending on the count it will play a different player animation

devlog#10
i have now replaced the snow weather icon with a snow ball which is inside the game minecraft. in the screenshot its not actually snowing in new jersey i just set the code to display the snow icon in every city because i could not find any city where it was snowing and i had to see how the icon looked :))

Devlog#3? - I made a scrolling animation.

Pretty straight forward really…

but I guess if you really want a detailed explanation that badly…

For the scrolling animation I created 3 animations: A FadeIn animation, a FadeIn and grow animation, and lastly a Fade out animation.

I applied the fade in animation to the “Welcome to” and the Page credits (“By Gideon…”) . For the fade in and grow, I only applied that to the page title (TOP fan page) and the fade out, only for the “Welcome to” heading.

I should probably change the heading numbers for the different words because I gave “Welcome to” the h1 attribute which doesn’t really fit since it doesn’t say anything about the website, so I’ll have to switch that to the title and change the sizes individualy.

All the animation stuff was new to me so everything I did today was more like an experiment. I like how it turned out but I might watch a few videos to see how I can perfect it

Devlog #3 (Home Page Update) …………………………………………………………………………………………………………..

Nothing too fancy, I just created a homepage according to the designs I made.

SKILLS LEARNED:
-clipmask
-translateX and Y

………………………………………………………………………………………… ………………

The previous home page is still active and this new one is currently separate from the actual page because It isn’t finished yet.

…………………………………………………………………………………………………………………….

I might as well talk about the troubles I faced when I made this.

1. The trapezoidal bar at the top (future navbar)

I’ll make this short and easy to read for you guys!!

I originally made the bar myself on canva then uploaded and linked it in css but that had its own problems: I couldn’t size it well but more importantly, I couldn’t put an outline around it to make it look how I wanted to. The outline that did show up was a rectangle around the general vicinity of the shape.

I couldn’t crop the sides diagonaly using any cropping tool so I decided to do some research.

after the research I found out that you can make shapes using CSS within the codespace and don’t have to make them externally. This made it super easy to make the shape but the outline and centering/ sizing issues persisted.

I threw in the towel at that point and decided to ask AI how to do it, I also watched a few videos and learnt about clip-masking and a few other things.

And just like that AI saved the day…yay ( I’m just happy i got it done -_-) ANYWAYS this is a long devlog because the video doesn’t look all too appealing despite the time I’ve spent on it.

Devlog #3 (Home Page Update) …………………………………………………………………………………………………………..

Nothing too fancy, I just created a homepage according to the designs I made.

SKILLS LEARNED:
-clipmask
-translateX and Y

………………………………………………………………………………………… ………………

The previous home page is still active and this new one is currently separate from the actual page because It isn’t finished yet.

…………………………………………………………………………………………………………………….

I might as well talk about the troubles I faced when I made this.

1. The trapezoidal bar at the top (future navbar)

I’ll make this short and easy to read for you guys!!

I originally made the bar myself on canva then uploaded and linked it in css but that had its own problems: I couldn’t size it well but more importantly, I couldn’t put an outline around it to make it look how I wanted to. The outline that did show up was a rectangle around the general vicinity of the shape.

I couldn’t crop the sides diagonaly using any cropping tool so I decided to do some research.

after the research I found out that you can make shapes using CSS within the codespace and don’t have to make them externally. This made it super easy to make the shape but the outline and centering/ sizing issues persisted.

I threw in the towel at that point and decided to ask AI how to do it, I also watched a few videos and learnt about clip-masking and a few other things.

And just like that AI saved the day…yay ( I’m just happy i got it done -_-) ANYWAYS this is a long devlog because the video doesn’t look all too appealing despite the time I’ve spent on it.