Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jacksonelia/jacksonelia.github.io
This is my portfolio website that I learned Web Dev with.
https://github.com/jacksonelia/jacksonelia.github.io
css css3 html html-css html-css-javascript html5 javascript personal-site personal-site-html-css portfolio portfolio-website website
Last synced: 1 day ago
JSON representation
This is my portfolio website that I learned Web Dev with.
- Host: GitHub
- URL: https://github.com/jacksonelia/jacksonelia.github.io
- Owner: JacksonElia
- Created: 2021-12-27T00:18:30.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-12-15T06:19:17.000Z (2 months ago)
- Last Synced: 2024-12-15T06:23:55.637Z (2 months ago)
- Topics: css, css3, html, html-css, html-css-javascript, html5, javascript, personal-site, personal-site-html-css, portfolio, portfolio-website, website
- Language: HTML
- Homepage: https://jacksonelia.github.io/
- Size: 14.8 MB
- Stars: 11
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [JacksonElia.github.io](https://jacksonelia.github.io/)
This is my personal, portfolio website. I made it to learn more about web development, and to have a cool and convenient place to show off my projects and knowledge. This website was made from scratch without a template. If you want to use this code for your own website/project, go ahead! **Just make sure you credit [me](https://github.com/JacksonElia) or my [website](https://jacksonelia.github.io/) somewhere.**
\
## What I used
- [Webstorm](https://www.jetbrains.com/webstorm/) my IntelliJ for web dev
- [Github Pages](https://pages.github.com/) for easy and free hosting
- [MDN Web Docs](https://developer.mozilla.org/en-US/) the best documentation ever made
- [W3Schools](https://www.w3schools.com/) some more solid documentation
## Inspiration
I made this website because I wanted to learn more about web development, but I also had the thought: "Wouldn't it be cool if I programmed a portfolio to show off my programming?" I used no tutorial and just figured it out as I went, largely thanks to [MDN Web Docs](https://developer.mozilla.org/en-US/) and [W3Schools](https://www.w3schools.com/) amazing documentation and examples. Additionally, I took inspiration from a few websites:
- [https://brittanychiang.com/](https://v4.brittanychiang.com/)
- [https://jacekjeznach.com/](https://web.archive.org/web/20230427011623/https://jacekjeznach.com/)
## Colors
I picked the color palette pretty much at random. What do you think my favorite color is?
| Color | Hex | RGB |
| ------------------------------------------------------------ | ---------------- | ------------- |
| Main Background Color $~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~$ 
| **#121212** | 18, 18, 18 |
| Secondary Background Color $~~~~~~~~~~~~~~~~~~~~~~~$ | **#202020** | 32, 32, 32 |
| Tertiary Background Color $~~~~~~~~~~~~~~~~~~~~~~~~~~~~~$ 
| **#b8b8b8** | 184, 184, 184 |
| Main Theme Color $~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~$ 
| **#ff325a** | 255, 50, 91 |
| Secondary Theme Color $~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~$ 
| **#ff6229** | 255, 98, 41 |
| Blended Theme Color $~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~$ 
| **#ff3854** | 255, 56, 83 |
| Alternate Theme Color $~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~$ 
| **#323cff** | 50, 60, 255 |
| Secondary Alternate Theme Color $~~~~~~~~~~~~~~~$ 
| **#29ff94** | 42, 255, 148 |
| Blended Alternate Theme Color $~~~~~~~~~~~~~~~~~~~$ 
| **#2e83d7** | 46, 131, 215 |