93 lines
1.9 KiB
Markdown
93 lines
1.9 KiB
Markdown
# Donovan Kelly - Portfolio
|
|
|
|
A clean, responsive portfolio website.
|
|
|
|
## Quick Start (Local)
|
|
|
|
### Option 1: Python (quickest)
|
|
```bash
|
|
cd donovan-portfolio
|
|
python3 -m http.server 8080
|
|
# Open http://localhost:8080
|
|
```
|
|
|
|
### Option 2: Node.js
|
|
```bash
|
|
npx serve .
|
|
# or
|
|
npx http-server -p 8080
|
|
```
|
|
|
|
### Option 3: Docker
|
|
```bash
|
|
docker build -t donovan-portfolio .
|
|
docker run -p 8080:80 donovan-portfolio
|
|
# Open http://localhost:8080
|
|
```
|
|
|
|
## Structure
|
|
|
|
```
|
|
donovan-portfolio/
|
|
├── index.html # Main page
|
|
├── css/
|
|
│ └── style.css # Styles (edit colors in :root)
|
|
├── js/
|
|
│ └── main.js # Smooth scroll, nav effects
|
|
├── assets/ # Images, favicon (add yours)
|
|
├── Dockerfile # For container deployment
|
|
└── README.md
|
|
```
|
|
|
|
## Setup
|
|
|
|
### Contact Form
|
|
Uses [Formspree](https://formspree.io/) for static hosting compatibility.
|
|
|
|
1. Create a free account at formspree.io
|
|
2. Create a new form and copy the form ID
|
|
3. Replace `YOUR_FORM_ID` in `index.html`:
|
|
```html
|
|
<form action="https://formspree.io/f/YOUR_FORM_ID" method="POST">
|
|
```
|
|
|
|
### Social Links
|
|
Update the GitHub link in `index.html` with your username:
|
|
```html
|
|
<a href="https://github.com/YOUR_USERNAME" ...>
|
|
```
|
|
|
|
## Customization
|
|
|
|
### Colors
|
|
Edit CSS variables in `css/style.css` under `:root`:
|
|
```css
|
|
:root {
|
|
--color-primary: #2563eb; /* Accent color */
|
|
--color-bg: #fafafa; /* Background */
|
|
--color-text: #1a1a1a; /* Text */
|
|
/* ... */
|
|
}
|
|
```
|
|
|
|
### Content
|
|
Edit `index.html` directly:
|
|
- Hero section: name, title, description
|
|
- About: bio, skills tags
|
|
- Projects: copy a `.project-card` block to add more
|
|
|
|
## Deployment
|
|
|
|
### Dokploy
|
|
Use the Dockerfile - deploy as a container.
|
|
|
|
### Static Hosting (Netlify, Vercel, GitHub Pages)
|
|
Just push/upload - no build step needed.
|
|
|
|
### Manual
|
|
Copy files to any web server's document root.
|
|
|
|
---
|
|
|
|
Built with ❤️ by Hammer
|