Personal Website

A clean, modern personal website structure inspired by academic and professional portfolio sites.

Structure

Personal Website/
├── index.html          # Main about page
├── contact.html        # Contact page
├── blog.html          # Blog listing page
├── fiction.html       # Fiction writing page
├── assets/
│   ├── css/
│   │   └── main.css   # Main stylesheet
│   ├── js/
│   │   └── main.js    # JavaScript for interactivity
│   └── img/
│       └── headshot.jpg  # Your profile image (add your own)
└── README.md

Features

• Clean, Modern Design: Minimalist layout with professional styling
• Responsive: Works on desktop, tablet, and mobile devices
• Navigation: Easy navigation between pages with active state indicators
• Sections:
  • About page with bio, profile image, and social links
  • News section with chronological updates
  • Research areas section
  • Contact page
  • Blog and Fiction pages

Getting Started

1. Add Your Content:

   • Replace placeholder text in index.html with your information
   • Add your profile image to assets/img/headshot.jpg
   • Update social links with your actual profiles
   • Customize the news section with your updates
   • Add your research areas and descriptions

2. Customize Styling:

   • Edit assets/css/main.css to match your preferred color scheme
   • Adjust fonts, spacing, and layout as needed

3. Add Blog/Fiction Content:

   • Update blog.html and fiction.html with your actual content
   • You can create individual post pages or use a simple listing format

4. Deploy:

   • This is a static website that can be hosted on:
     • GitHub Pages
     • Netlify
     • Vercel
     • Any static hosting service

Customization

Colors

Edit the CSS variables in assets/css/main.css:

:root {
    --primary-color: #2c3e50;
    --text-color: #333;
    --link-color: #0066cc;
    /* ... */
}

Profile Image

Replace assets/img/headshot.jpg with your own profile photo (recommended size: 200x200px or larger square image).

Browser Support

Works in all modern browsers (Chrome, Firefox, Safari, Edge).