Skip to content

adamalston/v2

Repository files navigation

Atom icon adamalston.com · CI

adamalston.com is built using React.

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 across tabs, windows, and page reloads.

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!

🛠️ Set up

Important

This project requires Node.js to run.

  1. Clone this repository:
    git clone https://github.com/adamalston/v2.git
  2. Navigate into the project directory:
    cd v2
  3. Install dependencies:
    npm install
  4. Start the app in development mode:
    npm start
Build and deploy
  1. Create a production build:
    npm run build
  2. Refer to the React Deployment docs to deploy to platforms like GitHub Pages, Netlify, or Vercel.

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! Have a question or feedback? Open an issue or send me an email. I'll respond as soon as possible.

About

🧪 Personal website built using React!

Topics

Resources

License

Stars

Watchers

Forks

Contributors 2

  •  
  •