UConn Banner
A (UConn brand) standards-compliant implementation of the University's web banner.
History
As with most of our web branding efforts, University Communications has teamed with the UITS Web Dev Lab to create a new look for the University's web presence. While the majority of university departments and organizations can be brought into brand compliance through the use of the Aurora (WordPress) platform courtesy of UITS, there is still a need for static templates. This project attempts to bridge that gap.
As of May 31, 2017, the master branch of this repository represents 2.x of the banner. The key differences are outlined below:
| 1.x | 2.x |
|---|---|
| - Designed for use with Bootstrap | - Bootstrap classes removed |
| - Embedded media queries intended to mirror Bootstrap | - No media queries. User must define them. |
| - npm compatible | - composer compatible |
Who should use this?
Anyone building a new *.uconn.edu website that won't be hosting on the Aurora platform.
Site Requirements (Recommended)
Usage:
There are a number of ways to use this code. Here are just a few:
- HTML - You can download the latest zip file and use the assets in the "_site" directory to start building your website.
- PHP - Use Composer to embed the banner in your page.
- npm - Include as a node_module with
npm install uconn-banner --save-dev, use the HTML/CSS from the "_site" directory.
Contributing / Development
Clone/download this repo and use Jekyll and Compass.
# Clone and open git clone https://github.com/uconn/banner.gitcd banner # Install ruby gems bundle # Fire up Compass/SASS compass watch & # Jekyll templates w/ built-in web server jekyll serve --watchOpen up http://localhost:4000/ in your web browser to view your changes.