https://github.com/ninjainshade/portfolio

My personal site. Includes all my projects, CV, skills & contact
https://github.com/ninjainshade/portfolio

css filtering gatsby html javascript

Last synced: 2 months ago
JSON representation

My personal site. Includes all my projects, CV, skills & contact

• Host: GitHub
• URL: https://github.com/ninjainshade/portfolio
• Owner: NinjaInShade
• Created: 2021-08-14T15:14:17.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2022-07-03T22:32:09.000Z (almost 4 years ago)
• Last Synced: 2026-01-03T15:42:13.039Z (5 months ago)
• Topics: css, filtering, gatsby, html, javascript
• Language: JavaScript
• Homepage: https://leonmichalak.dev
• Size: 11.5 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# What is this project?

- My portfolio site. Contains my projects, skills, CV, ways to contact me & about me.

- Live Site URL: (https://leonmichalak.dev/)

## Built with

- Semantic HTML5 markup

- CSS custom properties/vars

- Desktop-first workflow

- CSS Grid/Flexbox

- Gatsby SSG

## Features

- Project filtering system with tabs

- Responsive design

- Accessible

- Routing

- Downloadable CV

- Functional contact form

- Blog (To do)

## Screenshots

![](./screenshots/Desktop_solution.png)

![](./screenshots/Mobile_solution.png)

## Colours used

| Color           | Hex                                                              |

| --------------- | ---------------------------------------------------------------- |

| Primary Darkest | ![#051f38](https://via.placeholder.com/10/051f38?text=+) #051f38 |

| Primary Dark    | ![#093968](https://via.placeholder.com/10/093968?text=+) #093968 |

| Primary         | ![#03549a](https://via.placeholder.com/10/03549a?text=+) #03549a |

| Primary Light   | ![#347cb9](https://via.placeholder.com/10/347cb9?text=+) #347cb9 |

| Secondary       | ![#5ed4fb](https://via.placeholder.com/10/5ed4fb?text=+) #5ed4fb |

| Black           | ![#041a2f](https://via.placeholder.com/10/041a2f?text=+) #041a2f |

| Gray Darkest    | ![#737373](https://via.placeholder.com/10/737373?text=+) #737373 |

| Gray Dark       | ![#bdbdbd](https://via.placeholder.com/10/bdbdbd?text=+) #bdbdbd |

| Gray            | ![#e0e0e0](https://via.placeholder.com/10/e0e0e0?text=+) #e0e0e0 |

| White           | ![#f6fafe](https://via.placeholder.com/10/f6fafe?text=+) #f6fafe |

## Author

- Website - [Leon Michalak](https://www.leonmichalak.dev)

- Instagram - [@TheFrontendGuy](https://www.instagram.com/TheFrontendGuy/)

- Twitter - [@TheFrontendGuyX](https://www.twitter.com/TheFrontendGuyX/)