Skip to content

adamalston/v2

Repository files navigation

Atom icon adamalston.com 路 CI Netlify status

The adamalston.com website is built using React and hosted on Netlify.

Desktop preview Mobile preview

This website is designed to be simple and accessible. Dynamic particles create an interactive experience for visitors. The site offers two themes via a toggle: a dark theme (default) and a light theme. The selected theme persists between tabs, windows, and page reloads.

Optimized for mobile devices with screen sizes ranging from 4-inch smartphones to 13-inch tablets.

Code logo Open source

This website is open source with the hope that others will use the code to create their own websites. I ask that this code be used with attribution, as a significant amount of time was spent on writing and optimizing it. Please give proper credit by linking back to adamalston.com. Thank you!

Install and setup
  1. Clone this repository.
  2. Install dependencies: npm install.
  3. Start the development server: npm start.

Build and deploy

  1. Create a production build: npm run build.
  2. Refer to the React Deployment docs for deploying to gh-pages, Netlify, and other services.

Font Awesome logo Icons

The website uses Font Awesome icons for various interactive elements.

Use Icon Short-Code
Dark Mode Moon far moon
Light Mode Sun far sun
GitHub GitHub fab github
LinkedIn LinkedIn fab linkedin
Resume File fal file-alt
Email Email fal paper-plane

Color diagram Color reference

Text and icons are designed with a color contrast ratio greater than 7:1, satisfying WCAG 2.1 Section 1.4.6.

Name Color Hex
Black Black 000000
Slate Slate 333333
Red Red ff2600
Orange Orange ff8000
Yellow Yellow ffd500
Green Green 22dd22
Blue Blue 00bfff
Purple Purple c912ed
Silver Silver cccccc
White White ffffff

Previous version

For a look at the first version of my website, and to see how it has evolved, visit v1.


If you find this project useful, consider giving it a Star! For questions or feedback, feel free to open an issue and I'll respond as soon as possible.