Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 

README.md

atom adamalston.com · Build Status Netlify status

The second iteration of adamalston.com built with React and hosted with Netlify.

Previous iteration: v1

Website Preview Website Preview

This website is designed to be simple and accessible. The dynamic particles make it both interactive and visually inviting. The website defaults to dark mode and can be toggled to light mode. Once toggled, the theme should persist between tabs, windows, and page reloads.

Open Source

I made this website open source under the assumption that others would use the code to create their own websites. I only ask that this code be used with attribution as a significant amount of time has been spent writing and optimizing it. Please give proper credit by linking back to adamalston.com. Thanks!

Installation and Setup
  1. Clone this repository
  2. Install packages/dependencies: npm install
  3. Start the development server: npm start
  4. Feel free to change anything like icons or particle colors

Building and Deployment

  1. Create a production build of the website: npm run build
  2. Deployment: The React/deployment docs detail how to deploy to gh-pages, Netlify, and many other services

Icons

Font Awesome icons

Use Icon Short-Code
Dark Mode fas moon
Light Mode fas sun
GitHub fab github
LinkedIn fab linkedin
Resume fas file-alt
Email fas paper-plane

Color Reference

Text and icons meet a color contrast ratio of 4.5:1 against the background of the website, conforming with WCAG 2.1 Section 1.4.3.

Name Color Hex
Black #000000 #000000
Purple #C311E7 #C311E7
Blue #00BFFF #00BFFF
Green #90EE90 #90EE90
Gold #E6BF00 #E6BF00
Red #FF6347 #FF6347
Silver #BBBBBB #BBBBBB
Smoke #EEEEEE #EEEEEE

If you found this project useful, please consider giving it a ! If you have any questions or feedback, open an issue and I will get back to you :​)

You can’t perform that action at this time.