https://github.com/zurb/wired2015-static
Static front-end code for ZURB Wired 2015 with Downtown Streets Team.
https://github.com/zurb/wired2015-static
Last synced: 8 months ago
JSON representation
Static front-end code for ZURB Wired 2015 with Downtown Streets Team.
- Host: GitHub
- URL: https://github.com/zurb/wired2015-static
- Owner: zurb
- Created: 2015-08-27T22:00:31.000Z (almost 11 years ago)
- Default Branch: master
- Last Pushed: 2015-09-03T22:04:53.000Z (almost 11 years ago)
- Last Synced: 2024-12-27T07:42:22.866Z (over 1 year ago)
- Language: CSS
- Size: 10.7 MB
- Stars: 0
- Watchers: 25
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ZURB Client Template
This is the template for front-end coding projects done for ZURB clients. It's based on the "juiced" Foundation libsass template, and works exactly like that one.
## Requirements
You'll need to have the following items installed before continuing.
* [Node.js](http://nodejs.org): Use the installer provided on the NodeJS website.
* [Grunt](http://gruntjs.com/): Run `sudo npm install -g grunt-cli`
* [Bower](http://bower.io): Run `sudo npm install -g bower`
## Getting Started
**Download the repository here.** Don't clone the project directly unless you want to make changes to how it works.
Once you've downloaded the files, you'll probably want to rename the folder to the name of your client.
Next, navigate into the directory:
```
cd client
```
Install all the dependincies (if `npm install` fails, you might need to run it as `sudo`):
```
npm install
bower install
```
While you're working on your project, run:
```
grunt
```
This will assemble all the pages and compile the Sass. You're all set to start working!
## Directory Structure
* `dist`: Static pages are assembled here. This is where you should view the site in your browser. **Don't edit these files directly. They will be overwritten!**
* `src`: This is the directory you'll work in.
* `src/assets`: All assets (scss, images, fonts, js, etc) go here.
* `src/assets/scss/_settings.scss`: Foundation configuration settings go in here.
* `src/assets/scss/app.scss`: Application styles go here.