https://github.com/letstayfoolish/portfolio-website
This is a dark-light contrast website for a portfolio. It is related to being a web developer, but can be edited to be for any type of portfolio. It includes a bit of custom JavaScript for the typewriter effect and uses a script called "Lightbox" for the project modals.
https://github.com/letstayfoolish/portfolio-website
Last synced: 4 months ago
JSON representation
This is a dark-light contrast website for a portfolio. It is related to being a web developer, but can be edited to be for any type of portfolio. It includes a bit of custom JavaScript for the typewriter effect and uses a script called "Lightbox" for the project modals.
- Host: GitHub
- URL: https://github.com/letstayfoolish/portfolio-website
- Owner: letStayFoolish
- Created: 2023-06-30T04:16:01.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-30T13:08:04.000Z (almost 3 years ago)
- Last Synced: 2025-10-19T13:29:09.354Z (8 months ago)
- Language: HTML
- Size: 21.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Portfolio Website
This is a dark-light contrast website for a portfolio. It is related to being a web developer, but can be edited to be for any type of portfolio. It includes a bit of custom JavaScript for the typewriter effect and uses a script called "Lightbox" for the project modals.
## Features
- Dark and light contrast
- Responsive design
- Full height header/hero
- Background image overlays
- Typewriter effect in header
- Lightbox modals for projects
- Progress bar stats
- Font awesome icons
## Usage
This website is built with [Bootstrap](https://getbootstrap.com/) and [Sass](https://sass-lang.com/). It uses [Font Awesome](https://fontawesome.com/) for icons.
In order to customize this website, you need to install [Node.js](https://nodejs.org/en/). Then, clone this repository and run:
```bash
npm install
```
This will install Bootstrap, Sass and Font Awesome. To build your CSS files from Sass, run:
```bash
npm run sass:build
```
To watch your Sass files for changes, run:
```bash
npm run sass:watch
```
You can add Bootstrap variables to the `bootstrap.scss` file. You can look at the file `node_modules/bootstrap/dist/scss/_variables.scss` for a list of all the variables. Do NOT edit the `variables.scss` file directly, as it will be overwritten when you update Bootstrap.
To add your own custom styles, use the `styles.scss` file.
## Deployment
Feel free to check out the website on [Netlify](https://chili-portfolio.netlify.app).