adamalston.com · 
The second iteration of adamalston.com built with React and hosted with Netlify.
Previous iteration: v1
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
- Clone this repository
- Install packages/dependencies:
npm install - Start the development server:
npm start - Feel free to change anything like icons or particle colors
Building and Deployment
- Create a production build of the website:
npm run build - 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 |
|
fab linkedin |
||
| Resume | fas file-alt |
|
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 |
|
| Purple | #C311E7 |
|
| Blue | #00BFFF |
|
| Green | #90EE90 |
|
| Gold | #E6BF00 |
|
| Red | #FF6347 |
|
| Silver | #BBBBBB |
|
| Smoke | #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 :​)