https://github.com/codelinered/codepen-challenge
https://github.com/codelinered/codepen-challenge
Last synced: 17 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/codelinered/codepen-challenge
- Owner: CodelineRed
- License: mit
- Created: 2019-06-20T06:41:08.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2022-12-03T15:30:21.000Z (about 3 years ago)
- Last Synced: 2025-05-21T06:38:47.069Z (9 months ago)
- Language: SCSS
- Size: 25.9 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 21
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# CodePen Challenge - CodelineRed
[**Demo page**](https://cpc.codelinered.net)
## Required
* [Node.js](http://nodejs.org/en/download/)
* [npm](http://www.npmjs.com/get-npm) `$ npm i npm@latest -g`
* [gulp-cli](https://www.npmjs.com/package/gulp-cli) `$ npm i gulp-cli@latest -g`
* PHP => 5.3
## Installation (Recommended)
```bash
$ git clone https://github.com/CodelineRed/codepen-challenge.git [project-name]
$ cd [project-name]
$ rm -rf .git
$ npm i
$ gulp build
```
Change `localServer` in [`gulpfile-config.json`](https://github.com/CodelineRed/gulp-templating/blob/master/gulpfile-config.dist.json) to your local server.
Possible local servers (examples): http://imhh-cpc.localhost/ or http://localhost/imhh-cpc/public/.
## Project Commands
| | Description |
|---------------|-----------------------------------------------------------------------------------------------------------------|
| gulp | watch files and start [BrowserSync](https://www.npmjs.com/package/browser-sync) |
| gulp build | executes following tasks: cleanUp, scss, js, scssLint, jsLint, img, font, svg |
| gulp cleanUp | clean up public folder |
| gulp font | copy font |
| gulp img | compress/copy img |
| gulp js | uglify/minify/concat js |
| gulp jsLint | checks js follows [lint rules](https://github.com/CodelineRed/gulp-templating/blob/master/js-lint.json) |
| gulp scss | compile/minify/concat scss |
| gulp scssLint | checks scss follows [lint rules](https://github.com/CodelineRed/gulp-templating/blob/master/scss-lint.json) |
| gulp svg | compress/copy svg |
| gulp watch | watch scss, js, img, font and svg files |