John Bloome Logo John Bloome Logo

Creating What About John Dot Com

1. Planning and Design

Scope

The site is comprised of six sections: Header and Navigation Bar, Welcome Page, About (Career Path) Page, Resume Page, Projects, Contact Me, and Footer / Copyright section. I began formulating the idea of the site in late December 2025.

Goal and Audience

The primary goal is to have fun and learn something new. Second, to outline who I am professionally for anyone who may find this or be directed here. Ultimately this space should fully serve to answer the question what about John?

Secure the Essentials

The site and domain went live on 1.1.2026. I decided to use Hostinger as my hosting provider after extensive research.

Content Gathering

Write Biographical Information

Initial draft of the Welcome Page was completed on 12/23/2025, Resume on 1/1/2026, and About section on 1/4/2026. The intent is to outline what I have done as well as who I am. Above and beyond that, to provide honesty and transparency to potential employers.

Outline Projects

1/12/2026 job application metrics were added.

Gather Images

This will be ongoing as I build on the site. "Hero Image" was taken and added to the site on 1.8.2026.

Layout and Themes

Ongoing, I have been testing with many different color layouts. The Main logo was originally cobbled together using Preview, and the lower logo I created using a feature on Hostinger.

1.8.2026 In preparation of implementing a light/dark mode toggle, I created two new logos using a tool in Hostinger and add them to the page header.

2. Development and Initial Deployment

Setup Environment

12/23/2025, I wrote the first piece of HTML code in Visual Studio Code. I first deployed the HTML Files to the world on 1.1.2026.

Implement Styling (CSS)

A work in progress as I am still working through the feel of the site. Page layout has been a significant challenge. I now know too much about HTML grids and flexboxes.

1.7.2026: An updated Navigation Bar was implemented on to improve mobile responsiveness. A media query was added to collapse the nav bar when the screen size drops below 700px.

3. Testing and Public Deployment

Testing

Prior to deploying to the web server, I was limited to local testing. While testing locally, I validated the HTML across multiple browsers. After going live, I found I needed to update the CSS to improve the mobile browsing experience. I also needed to make PHP changes on Hostinger to enable the email on the contact page to function.

1.7.2026: The site was optimized to improve mobile responsiveness, including the resume section collapsing to a stacking view for an improved mobile experience. Lesson learned, always code to mobile screen sizes and design up.

1.9.2026: The Contact page was updated to improve how visitors are notified that their message has been sent. It was initially sending the response in a .php page. I needed to wrap the PHP send email request in a JS script to make the experience more elegant.

Deployment

After deploying the site on 1.1.2026, I have noticed some minor caching issues. I need to clear the browser and web server caches regularly.

4. Maintenance

Feedback and Improvements

January Improvements

5. Scaling and Optimization (Q1 2026)

Performance & Technical SEO

Content Depth

User Experience (UX) Refinement