Personal Website banner

Personal Website

20 devlogs
28h 56m 33s

A personal portfolio and blog website made with HTML/CSS/JS. It includes pages like home, projects, blog and about.

Demo Repository

Loading README...

acerx.amj

Added syntax highlighting to Dfunge project page and did some QOL I’ve been wanting to do for a long time like maintaining the scroll height when clicking on gallery images or project enumeration buttons.

Attachment
0
acerx.amj

Added project pages for two of my programming language based projects - Dfunge and CLL. I also made this super cool syntax highlighting for CLL page. It’s hard-coded but it looks amazing. Might add syntax highlighting to Dfunge too in the future.

Attachment
Attachment
Attachment
0
acerx.amj

Added the ability to subscribe to blogs. When I’ll write a new blog all subscribers will get notified. Really simple. Made using Buttondown. Also did some minor rephrasing in project pages.

Attachment
0
acerx.amj

Shipped this project!

Hours: 24.99
Cookies: 🍪 258
Multiplier: 10.32 cookies/hr

I think that my website looks and functions great. This ship sums up everything from the beginning of development. I have a blog, I have a few project pages, I have a cool style, I have everything I’d ever need!

acerx.amj

Just fixed a blogs going out of view. And added another project page. I think the website is mostly finished except for adding most of my projects.

Attachment
0
acerx.amj

Added project pages for two of my older projects - 3D toy renderer and 2D screen simulator and sprite renderer. The hardest part was to get these two projects compiled on Windows. I would have added another project. but I simply don’t know how to get Lua API working on Windows since I made that project on Ubuntu.

Attachment
Attachment
0
acerx.amj

Revised the home and about page. Did some QOL in blog and project pages like making the whole project and blog instances links instead of divs and adding dates to projects.

Attachment
Attachment
0
acerx.amj

A lot of style changes. I also tried doing something with the home page but I don’t really like it anyway. Not that motivated to work on anything right now, though.

Attachment
Attachment
0
acerx.amj

Added blogs to my website. Complemented this with my first blog, where I write about how I write C++. It’s pretty short, but I’m still proud. I kind of copied the project code and applied this for blogs. Oh yeah, I forgot to change the style of the date. It uses the link color for some reason, but I kind of like it. I’ll just leave it as it is right now.

Attachment
Attachment
0
acerx.amj

Added a project page about Astral Surge - one of my first games about speedrunning. I wasn’t motivated to work on anything, this was the most I could do.

Attachment
0
acerx.amj

Added arrow buttons for images in project galleries. That’s about it for this devlog.

0
acerx.amj

Added a search bar to the projects page. Ha-ha I’m slow to implement web things. At least it looks good and works. Now I’ll probably work on pagination next, as I have a lot more projects to add. Or rewrite Pong and Block Placer descriptions.

Attachment
1

Comments

Saif
Saif about 2 months ago

looks clean and nice, I used Netlify since my site was static, u can try that if u want

acerx.amj

Just casually went and nuked Tailwind CSS and JQuery from my website. Took about 3 hours to get CSS and JS working. But hey, the website now loads better and it looks just as good as before and it’s easier for me to make new pages, since I don’t have to define each <p> tag as <p class=“text-zinc-50 text-medium…”> and such. Now I’m going with pure HTML/CSS/JS and won’t touch a library ever again (in this project). Oh, and the other hour went into refactoring Sandbox-2D project page. I promise I’ll create devlogs more often.

Attachment
Attachment
0
acerx.amj

Changed some of the style. I removed the useless X margin that was making everything narrower than it should be for basically all elements. I also made things less rounded, added some drop shadows, as well as fixed the project thumbnail layout. Also did some minor changes to the project pages themselves.

Attachment
Attachment
Attachment
Attachment
0
acerx.amj

I added a page for my Pong game, which is not publicly available anywhere else. I also made it so the header is re-usable just like the footer is. I also did some other small QOL changes like being able to go through the gallery in project pages using the arrow keys and style improvements. I think my website is coming together great!

Attachment
0
acerx.amj

Added a footer. Yes, 2h 20m to add a footer. I had to include JQuery as I didn’t want to copy it, but reuse it across all files as I know I’ll edit it in the future. I also had to fight against Tailwind CSS (Tailwind is amazing, CSS is not) to get it at the bottom of the screen just as it is right now. That’s what happens when you use new tech for the first time. But hey, it looks awesome right now, so I’m not complaining.

Attachment
0
acerx.amj

Just finished working on my about page. Had to fight against CSS for a long time to realize that my live server went down for some reason. Also made it so links in about page show a thumbnail of the project.

Attachment
0
acerx.amj

I switched from Typescript to Javascript as it wasn’t worth the work and I don’t even use it that much here. I also switched from CSS to Tailwind CSS as I don’t want to suffer :). On the note of CSS, I styled my website to be easier on the eyes, but plan on changing the design in the future and adding some animations.

Attachment
Attachment
0
acerx.amj

Updated project page system to have thumbnails with a small description in the projects page with a link that takes to the full page which describes the project in full detail. I also made pages for two of my games.

Attachment
Attachment
0
acerx.amj

Added new pages like blog, projects and about and made the projects page dynamically load my projects. For now looks really ugly, but I want to get the functionality done before I work on the style.

Attachment
0
acerx.amj

I’m starting to create a personal portfolio and blog site. I’m a beginner in HTML/CSS/TS and usually code with C/C++, but I don’t think it’s going to be anything impossible. Just set everything up including index.html, typescript and README. You can check out the website here: https://acerx-amj.github.io/

Attachment
0