Using this Github Repo as your starting point, redesign the CCLE front page in your style. Read the UCLA brand guidelines and interpret it as you see fit in your design.
This template has been built up with Foundation so that you can have create a live working demo of your design (with full html/css/js). Foundation sets up the basic styles and typography for you. Feel free to use any of the components/controls/navigation it provides for you. Make good use of the responsive grid so that your design is mobile friendly.
Look into the Foundation docs for reference.
Feel free to go beyond Foundation if you need to do so. Feel free to use any other framework or library (like jQuery).
- logo
- login link
- help link
- notices
- week display
- search box
- browseby lnks
- footer links
This project has been set up for you to get started quickly. To install and run do:
$ npm install
## If you don't have bower already installed, install bower:
$ npm install -g bower
$ bower install
$ npm startIf all that works, you should be able to edit anything under the src directory and it will automatically refresh the browser for you.
If something went wrong, you most likely need to install Node (npm is installed as part of node) or something else, some references:
- https://nodejs.org/en/download/
- https://bower.io/#install-bower
- http://sass-lang.com/
- http://foundation.zurb.com/sites/docs/installation.html
- http://gulpjs.com
- https://babeljs.io
The template engine uses Panini.