Personal Website

Personal Website Used AI

8 devlogs
9h 5m
•  Ship certified
Created by Rainier P.S.

A personal website designed to share my work, ideas, and journey in a creative and professional way.

Timeline

Ship 2

1 payout of shell 47.0 shells

Rainier P.S.

6 days ago

Rainier P.S. Covers 3 devlogs and 3h 59m

In this update, I have filled in the project section with my projects and also included a proper GitHub repository and Demo Links. In the next update, I plan to start filling in the Awards section with the awards I received.

Update attachment

Today I’ve added a new project to my portfolio and wired several buttons to be fully functional, making navigation feel more interactive instead of static. The linked buttons now consistently route to GitHub repos and demo pages, while placeholders remain for sections still in progress.

Update attachment

I’ve added full mobile support, so the website now adapts smoothly to any screen size, with layouts, images, and text staying clean on both desktop and mobile devices. I also expanded the content with new details and pictures to make the page more engaging. On the structural side, I increased the capacity of the Awards and Projects section, which can now hold up to 6 projects and 6 certificates or awards. These updates make the site cross-device ready and also more flexible for showcasing future work.

Update attachment

Ship 1

1 payout of shell 39.0 shells

Rainier P.S.

8 days ago

Rainier P.S. Covers 5 devlogs and 5h 6m

In this update, I changed the Certificates section to Awards so it can represent more than just certificates. This makes it more general and better suited for future use. I also adjusted the appearance of some paragraphs. The goal was to make them easier to read and visually cleaner. Lastly, I worked on several UI properties to improve the overall look of the page. These small changes in spacing, alignment, and styling give the site a more consistent and appealing feel.

This update is mostly about making the page more flexible and polished rather than adding new features.

Update attachment

In this update, I have added more content to my website and also further improved the UI to make it visually appealing in dark mode.

Update attachment

I'm starting the second day of my project by filling in some images in the image placeholder. I plan to update the UI of my page next to make it more visually appealing.

Update attachment

In this update, I have added dark theme support with the theme selector button being strategically placed in the page header.

Update attachment

I just finished the basic structure of my personal portfolio website! It’s built with HTML, CSS, and JavaScript, and it allows me to showcase my projects, skills, certificates, and contact links in one place.

The site already has all the main sections: a hero section with my photo, name, and a typewriter-effect tagline (“High School Student • Aspiring Engineer • Tech Enthusiast”), an About Me intro, skills and projects displayed in cards with hover effects, a certificates section, and a contact section with links to GitHub, email, Instagram, phone, and even my location. I also added a smooth scroll-back-to-top button for better navigation.

Next, I plan to replace the placeholder images with real ones, enable resume download, and refine the UI with better colors, spacing, and typography. I also want to explore adding dark mode and more interactivity/ animations.

Update attachment