https://github.com/nypublicradio/wnyc-podcasts

WNYC podcasts page
https://github.com/nypublicradio/wnyc-podcasts

wnyc

Last synced: 18 days ago
JSON representation

WNYC podcasts page

• Host: GitHub
• URL: https://github.com/nypublicradio/wnyc-podcasts
• Owner: nypublicradio
• Created: 2015-05-04T14:57:51.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-05-15T04:38:29.000Z (over 9 years ago)
• Last Synced: 2024-04-10T20:53:19.096Z (9 months ago)
• Topics: wnyc
• Language: CSS
• Homepage:
• Size: 175 KB
• Stars: 2
• Watchers: 34
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# WNYC Podcasts Page

## Development Environment

This project was originally scaffolded out using [Yeoman](http://yeoman.io/) and [gulp-webapp](https://github.com/yeoman/generator-gulp-webapp) with [Susy](http://susy.oddbird.net/) being installed via Bower afterwards. 

By default, gulp-webapp uses libsass (gulp-sass) for compiling and while quicker than ruby-sass, Libsass only supports nested and compressed output styles at this time, not expanded so the gulpfile was modified to use gulp-ruby-sass along with the susy gem, rather than the bower install.

## How to Use

- Clone repository: `https://github.com/nypublicradio/wnyc-podcasts.git`

- Run `npm install` to install gulp dependencies (package.json)

- Run `bower install --save` to install frontend dependencies

- Run `gulp serve` to preview and watch for changes

- Run `gulp` to build your webapp for production

 

Important: Make sure you have Ruby and susy's ruby gem installed as well as Bower (globally), then you can use this project with whatever preprocessor you like, Yeoman, Compass, etc. 

One last quick tip: Once you have things working locally, you don't actually have to do the last step above. Just grab the CSS source from the browser while 'gulp serve' is running. You don't have to grab everything as there are some extra styles and a slight difference here and there in the local version. Best bet is to copy everything from the bottom of the CSS (minus the map at the very bottom) to the class called .hidden and replace in the superchunk.