A standalone version of the UConn banner for quick implementation.
CSS HTML PHP Ruby
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
_includes
_layouts
_site
sass
src/Banner
tests
.gitignore
Gemfile
README.md
_config.yml
banner.css
composer.json
composer.lock
config.rb
demo.php
index.html
package.json

README.md

Screenshot

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:

  1. HTML - You can download the latest zip file and use the assets in the "_site" directory to start building your website.
  2. PHP - Use Composer to embed the banner in your page.
  3. 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.git
cd banner

# Install ruby gems
bundle

# Fire up Compass/SASS
compass watch &

# Jekyll templates w/ built-in web server
jekyll serve --watch

Open up http://localhost:4000/ in your web browser to view your changes.