This repository contains the source code for a portfolio which displays different kinds of artworks. It includes several peges with a good CSS work to look more appealling, including galleries that work with JavaScript.
Deploy link: https://vfostudio.vercel.app/
- Dynamic image galleries in JavaScrpit with the use of lightbox.
- Two languages option: English and Brazilian Portuguese.
- Includes a social media links page.
- Lightweight images and compressed CSS and JavaScript for an enhanced performance.
- HTML
- JavaScript
- Sass
- Gulp JS (imagemin, gulp-sass, uglify)
- Clone the repository
git clone https://github.com/oliveira-victor/VFO_stories.git
- Navigate to the project directory
cd project
- Install dependencies
npm install
- Start Gulp JS to run imagemin, gulp-sass and gulp-uglify functions whenever there's change
npm run gulp
- You can start gulp-watch to keep track of any saved changes related to JavaScript and Scss files, and process the files on the run
npm run gulp watch
- Open your browser: Navigate to http://127.0.0.1:5500/ or simply start Live Server VS Code plugin
Keep the source files you're working on in the /src folder. Gulp will search for the files in the following folders:
- Image files: src/images (and any folders inside)
- Scss files: src/styles
- JavaScript files: src/scripts
Gulp will compile Sass and compress images, JavaScript and CSS files and save them into /dist folder every time you run the 4th step of installation. If you run gulp-watch, make sure you run 'npm run gulp' manually every time a new image file is included in the src/images folder of the project, so it will be compressed and saved into the destination folder.
- Fork the project
- Create a new branch
- Make your changes
- Submit a pull request
This project is licensed under the MIT License. See the LICENSE file for details.