Skip to content

wct2016/design-archives

Repository files navigation

Design Archives

Design Archives is GitHub repository list of the organization WordCamp Tokyo 2016.

Requires

Setup your project

You don't need to install gulp globaly.

  1. Install some dependencies.

    $ cd path/to/directory ; npm install
    
  2. Run gulp.

    // proxy mode
    $ npm run gulp
    
    // server-mode for static websites
    $ npm run gulp-server
    

Options

Foundation

You can install Foundation and initialize if you need.

$ npm run install foundation

iconfont

You can install iconfont and initialize if you need.

$ npm run install iconfont

Autoprefixer

You'd like to autoprefix specific browsers, edit below this line in ./gulp/config.js.

'autoprefix'       : ['last 2 versions'],

proxy

If you like to run gulp with proxy mode, edit below this line in ./gulp/config.js.

'proxy'            : 'localhost',

File structure

Basically source file placed in src/. It passed to docs/ as destination through some gulp tasks.

.
├── LICENSE.md
├── README.md
├── docs
│   └── index.html
├── bin
│   ├── foundation.sh
│   ├── iconfont.sh
│   └── zip.sh
├── gulp
│   ├── bundlejs.js
│   ├── config.js
│   ├── image.js
│   ├── jade.js
│   └── tasks.js
├── gulpfile.babel.js
├── ja-README.md
├── package.json
├── setting.json
├── src
│   ├── images
│   │   ├── sprite
│   │   └── sprite-svg
│   ├── jade
│   │   ├── inc
│   │   │   ├── core
│   │   │   │   ├── _base.jade
│   │   │   │   ├── _config.jade
│   │   │   │   └── _mixins.jade
│   │   │   ├── layouts
│   │   │   │   ├── _footer.jade
│   │   │   │   └── _header.jade
│   │   │   └── modules
│   │   │       └── _buttons.jade
│   │   └── index.jade
│   ├── js
│   │   ├── app
│   │   │   └── script.js
│   │   └── lib
│   │       └── jquery.js
│   └── scss
│       ├── app.scss
│       ├── core
│       │   ├── _config.scss
│       │   ├── _default.scss
│       │   ├── _font-awesome.scss
│       │   ├── _fonts.scss
│       │   ├── _foundation.scss
│       │   ├── _functions.scss
│       │   ├── _mixins.scss
│       │   ├── _placeholder.scss
│       │   ├── _settings.scss
│       │   └── _sprite.scss
│       ├── layouts
│       │   ├── _footer.scss
│       │   ├── _header.scss
│       │   └── _layout.scss
│       ├── modules
│       │   └── _buttons.scss
│       └── styles
│           └── _features.scss
└── style.css