0.0
No commit activity in last 3 years
No release in over 3 years
We are starting to use Foundation for internal web projects at Notre Dame, and having a gem that we can install to bring in foundation and our minimal modifications is handy
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
 Dependencies

Development

Runtime

 Project Readme

ND::Foundation

This adds a Notre Dame themed Foundation stylesheet to your Rails asset pipeline. Additionaly this gem includes a generator to build a layout file you can use that implements a basic ND layout using the Foundation framework.

NOTICE

This theme is no longer maintained or updated. Please use the Bootstrap repository.

Installation

In your Gemfile:

gem 'foundation-rails'
gem 'nd_foundation', git: 'https://github.com/ndwebgroup/nd_foundation'

Note: This gem will require sass-rails 5.0.0 to work with the latest version of Foundation.

Generating the Layout

Once you have run bundle install, you have access to the generator.

To add a ND themed layout file, run:

rails g nd:foundation:install

or run it while adding your department code:

rails g nd:foundation:install ooit

This will do the following:

  • create a nd.html.erb layout file in the layouts folder
  • create a _nd_footer.html.erb partial in the layouts folder
  • create a _nd_header.html.erb partial in the layouts folder
  • add a rule to the assets.rb initializer allowing you to precomplile the assets in the vendor directory
  • add an overrides stylesheet in the app/assets/stylesheets directory
  • add the require directives to application.css to include both the nd_foundations and overrides stylesheets
  • if you pass in a department, it will use that to select the correct brand bar image

Altering the Layout

Once you have run the generator the first change you need to make is to add

layout 'nd'

at the top of any controllers that need to inherit the new layout.

After that, you will want to open both the header and footer partials and update any content that is specific to your department like address, department name, links, phone, etc.

Enjoy!