This is the repository for Steven Eubank's personal portfolio and resume website. The website showcases Steven's professional experience, educational background, certifications, projects, and blog posts. The site is built using Nuxt.js 3 and Tailwind CSS, with content dynamically rendered through Vue components.
The website consists of the following sections:
- Home: A hero section featuring Steven's name with a background image that dynamically fills the screen.
- About: This section provides a brief overview of Steven's background, including personal information like Date of Birth (DoB), current city, nationality, and educational qualifications.
- Resume: The resume section displays Steven's professional experience and education in a timeline format, with interactive sections and expandable details.
- Certifications and Permits: A detailed list of certifications and permits, organized with custom icons and presented in a structured format.
- Content: A collection of Steven's blog posts and event participations, displayed in an interactive grid of cards. Each card links to external content with preview images fetched dynamically.
- Contact: This section provides contact information including location, email link, and a Google Maps embed showing Steven's current city.
- Responsive Design: The website is fully responsive, with a sidebar that transitions to a hamburger menu on smaller screens.
- Dynamic Content: The content section dynamically fetches metadata, including images for blog posts and events, making the site visually rich.
- Smooth Navigation: The sidebar navigation highlights the current section as you scroll, improving user experience.
You can view the live version of the website at the following link:
To run this website locally on your machine, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/profile-new.git cd profile-new