This repository contains the professional portfolio website of Jonathan Lim, Regional IT Specialist, Systems Administrator, and Network Security Engineer.
The site is built as a highly immersive, interactive experience that integrates his decade of hands-on expertise into the design. It is coded in vanilla, high-performance HTML5, CSS3, and modern JavaScript, strictly adhering to custom design systems and mobile-first responsive layouts.
The center-point of the homepage is a simulated high-tech panel mimicking professional IT systems:
- Enterprise Mode (Default): A dark-themed operations dashboard displaying server status metrics, Active Directory replication state, and a live, scrolling system event log feed.
- NOC / Cyber Terminal: An interactive CLI console shell. Visitors can type real terminal commands (e.g.,
help,about,skills,experience,education,system-health,contact,sudo,clear) to query Jonathan's professional data directly. - Corporate Services Desk: A modern, clean light-mode dashboard showing Service Level Agreement (SLA) status trackers, user satisfaction indexes, and major infrastructure milestones. Includes an interactive "System Integrity Audit" button.
Contains detailed summaries and accomplishments for all six of Jonathan's professional roles:
- Labcorp | Computer System Specialist (2024 - Present)
- VileTech Computer Solutions | Service Desk Analyst (2023 - 2024)
- Hotwire Communications Ltd | NOC Technical Analyst Tier II (2015 - 2018)
- Davis Vision | Information Technology Analyst (2014 - 2014)
- Dell Technologies | Field Services Engineer (2013 - 2014)
- Unisys | Field Services Engineer (2013 - 2013)
A customized contact page styled as an official IT Service Desk Incident Form.
- Replaces generic forms with a structured ticket creator.
- Users input Name, Email, Category (Migration, Audits, Systems Administration, Outages), and Urgency Priority.
- Upon submission, the portal runs a simulated transmitting animation and generates a professional, printable digital ticket receipt with a unique randomized ticket ID (e.g.,
INC-2026-0531-1042) and creation timestamp.
The website utilizes three distinct CSS themes that represent different sectors of Jonathan's background:
| Theme Option | Visual Style | Aesthetic Inspiration | Best Suited For |
|---|---|---|---|
| Enterprise (Dark) | Deep Slate Black (#0b0f19) & Vibrant Cobalt Blue |
Modern cloud consoles & monitoring software | Standard professional recruiters |
| NOC Terminal (Cyber) | Matte Black (#030704) & Neon Matrix Green |
Real-time terminal shells & router consoles | Technical and security teams |
| Light Desk (Corporate) | High-contrast light gray (#f8fafc) & Sapphire Blue |
Clean corporate desks & modern ticketing platforms | General HR audits & formal business reviews |
jonathan_lim_web_portfolio/
├── index.html # Main semantic HTML layout
├── style.css # Unified responsive style sheet and three-theme variables
├── app.js # Dynamic operations feed, form handler, scroll tracking, and terminal parser
└── README.md # Repository and design documentation (this file)
Since the site is built with pure, uncompiled web technologies, it can be run using any standard web browser or static server with zero build steps or package installations.
Double-click index.html to open it directly in Google Chrome or any modern browser.
Run the following terminal command from this directory:
python -m http.server 8080Then, navigate to http://localhost:8080 in your browser.