Jackson Bates Personal Website

This repository contains the source code for my personal website/resume hosted at jacksonbates.github.io.

Project Structure

• index.html - Main resume page
• links.html - Additional links page
• src/stylesheets/ - SCSS source files
• public/stylesheets/ - Compiled CSS files
• public/images/ - Image assets
• fontawesome-free/ - Font Awesome library files

Development Setup

Prerequisites

To modify the SCSS files, you'll need:

• Node.js and npm - npm is the Node.js package manager and is required to install Sass. Download and install Node.js, which includes npm.
• Sass - CSS preprocessor

Compiling SCSS

The SCSS files in src/stylesheets/ need to be compiled to generate the CSS in public/stylesheets/. You can do this with the Sass command line tool:

# Install Sass globally if you don't have it
npm install -g sass

# Compile SCSS to CSS (one-time)
sass src/stylesheets/resume.scss:public/stylesheets/resume.css

# Or watch for changes during development
sass --watch src/stylesheets/resume.scss:public/stylesheets/resume.css

Testing Locally

To test the website locally, you can use any simple HTTP server. For example:

# Using Python (if installed)
python -m http.server

# Or using Node.js and npx (if installed)
npx serve

Then open your browser to the URL shown in the terminal (typically http://localhost:8000 or http://localhost:5000).

Deployment

This site is hosted on GitHub Pages, so deployment is automatic when changes are pushed to the master branch:

git add .
git commit -m "Your commit message"
git push origin master

External Dependencies

• Font Awesome (included in repo)

The site uses vanilla JavaScript and custom SASS styles for all functionality and styling.