NOTE: This theme is no longer actively supported. Instead, consider using NationBuilder’s Bootstrap Framework for your custom theme.
HTML CSS JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.gitignore
LICENSE.markdown
_accordion.scss
_alert-boxes.scss
_block-grid.scss
_breadcrumbs.html
_breadcrumbs.scss
_button-groups.scss
_buttons.scss
_clearing.scss
_code_ray.scss
_colors.scss
_columns_1.html
_columns_2.html
_dropdown-buttons.scss
_dropdown.scss
_event.html
_face_tweet_form.html
_facebook_page_stream.html
_features.html
_find_friends_facebook.html
_find_friends_twitter.html
_flash.html
_flash_notifications.html
_flash_share.html
_flex-video.scss
_forms.scss
_functions.scss
_global.scss
_grid.scss
_icon-bar.scss
_iconbar.scss
_inline-lists.scss
_joyride.scss
_keystrokes.scss
_labels.scss
_leaderboard_signup_show.html
_like_page.html
_magellan.scss
_mailing_event.html
_map.html
_nav.html
_nb-alert-boxes.scss
_nb-buttons.scss
_nb-event-styles.scss
_nb-form-errors.scss
_nb-moneybomb-timer.scss
_nb-padding.scss
_nb-page-stream.scss
_nb-pagination.scss
_nb-radio-buttons.scss
_nb-share-table.scss
_nb-social-slider.scss
_nb-suggestion-page-tags.scss
_nb-top-bar-tweaks.scss
_nb-type-styles.scss
_next_survey_question.html
_oauth_login_links.html
_off_canvas.html
_offcanvas.scss
_orbit.scss
_page_byline.html
_page_excerpt.html
_page_follow.html
_page_profile.html
_page_stream.html
_page_stream_for_suggestions.html
_page_tags.html
_page_volunteer_multi_step.html
_pagination.scss
_panels.scss
_pricing-tables.scss
_progress-bars.scss
_range-slider.scss
_reveal-new.scss
_reveal.scss
_settings.scss
_shares_new.html
_side-nav.scss
_signup_follow.html
_signup_form.html
_signup_show.html
_social_slider.html
_split-buttons.scss
_sub-nav.scss
_suggestion_tag_list.html
_supporter_nav.html
_switches.scss
_tables.scss
_tabs.scss
_tag.html
_thumbs.scss
_toolbar.scss
_tooltips.scss
_top-bar.scss
_type.scss
_user_session_form.html
_variables.scss
_visibility.scss
_vote_pledge_no.html
_vote_pledge_unsure.html
_vote_pledge_yes.html
activity_public.html
autoresponse_activation_code.html
autoresponse_activation_instructions.html
autoresponse_donation_thank_you.html
autoresponse_endorsement_thank_you.html
autoresponse_event_rsvp_thank_you.html
autoresponse_feedback_thank_you.html
autoresponse_invoice.html
autoresponse_invoice_payment_failed.html
autoresponse_invoice_payment_soon.html
autoresponse_invoice_payment_thank_you.html
autoresponse_nation_signup_thank_you.html
autoresponse_paid_membership_thank_you.html
autoresponse_password_reset_instructions.html
autoresponse_petition_thank_you.html
autoresponse_pledge_thank_you.html
autoresponse_rule_violation.html
autoresponse_rule_violation_warning.html
autoresponse_signup_thank_you.html
autoresponse_user_event_rsvp_cancel_to_owner.html
autoresponse_user_event_rsvp_thank_you.html
autoresponse_user_event_rsvp_to_owner.html
autoresponse_user_event_thank_you.html
autoresponse_user_suggestion_answer.html
autoresponse_user_suggestion_response.html
autoresponse_user_suggestion_thank_you.html
autoresponse_volunteer_signup_thank_you.html
autoresponse_vote_pledge_unsure_thank_you.html
autoresponse_vote_pledge_yes_thank_you.html
buddy.png
custom.modernizr.js
flags_comment.html
flags_page.html
foundation.abide.js
foundation.accordion.js
foundation.alert.js
foundation.clearing.js
foundation.dropdown.js
foundation.equalizer.js
foundation.interchange.js
foundation.joyride.js
foundation.js
foundation.magellan.js
foundation.min.js
foundation.min.min.js
foundation.offcanvas.js
foundation.orbit.js
foundation.reveal.js
foundation.scss
foundation.slider.js
foundation.tab.js
foundation.tooltip.js
foundation.topbar.js
iph_black.png
iph_white.png
jquery.custom.js
jquery.custom.min.js
jquery.ui.effect-slide.min-ck.js
jquery.ui.effect-slide.min.js
jquery.ui.effect.min.js
layout.html
layout_autoresponse.html
layout_autoresponse.txt
layout_notification.html
layout_notification.txt
layout_protected.html
mailing_basic.html
mailing_basic.txt
modernizr.js
nb_logo_black.png
nb_logo_white.png
normalize.css
normalize.scss
notification_new_comment.html
page_not_found.html
pages_show_activity_stream.html
pages_show_activity_stream_wide.html
pages_show_basic.html
pages_show_basic_wide.html
pages_show_blog.html
pages_show_blog_post.html
pages_show_blog_post_wide.html
pages_show_blog_wide.html
pages_show_calendar.html
pages_show_calendar_wide.html
pages_show_donation_wide.html
pages_show_endorsement.html
pages_show_endorsement_wide.html
pages_show_event.html
pages_show_event_wide.html
pages_show_faq.html
pages_show_faq_wide.html
pages_show_feedback.html
pages_show_feedback_wide.html
pages_show_find_friends.html
pages_show_find_friends_wide.html
pages_show_followers.html
pages_show_followers_wide.html
pages_show_follows.html
pages_show_follows_wide.html
pages_show_invoices.html
pages_show_invoices_wide.html
pages_show_leaderboard.html
pages_show_leaderboard_wide.html
pages_show_moneybomb.html
pages_show_moneybomb_wide.html
pages_show_nation_signup_wide.html
pages_show_nations.html
pages_show_paid_membership.html
pages_show_paid_membership_wide.html
pages_show_petition.html
pages_show_petition_wide.html
pages_show_political_capital.html
pages_show_political_capital_wide.html
pages_show_press_release.html
pages_show_press_release_wide.html
pages_show_question.html
pages_show_question_wide.html
pages_show_recruiting.html
pages_show_recruiting_wide.html
pages_show_rules.html
pages_show_rules_wide.html
pages_show_signup.html
pages_show_signup_wide.html
pages_show_suggestion.html
pages_show_suggestion_box.html
pages_show_suggestion_box_wide.html
pages_show_suggestion_wide.html
pages_show_survey.html
pages_show_survey_wide.html
pages_show_unsubscribe.html
pages_show_unsubscribe_wide.html
pages_show_volunteer_signup.html
pages_show_volunteer_signup_wide.html
pages_show_vote_pledge.html
pages_show_vote_pledge_wide.html
pages_show_voter_registration.html
pages_show_voter_registration_wide.html
placeholder.js
profiles_show.html
profiles_show_wide.html
readme.markdown
shares_new.html
signups_edit.html
splash.html
tablet-and-desktop.scss
tags_show.html
theme.scss
user_sessions_new.html
user_sessions_new_wide.html
users_accounts_new.html
users_accounts_new_wide.html
users_activations_new_wide.html
users_blog_post_pages_edit.html
users_event_pages_edit.html
users_event_pages_new.html
users_pages_index.html
users_password_resets_new.html
users_password_resets_new_wide.html
users_passwords_new_wide.html
users_suggestion_pages_edit.html

readme.markdown

#NationBuilder Foundation Theme

NOTE: This theme is no longer being actively used or supported. I strongly recommend that you use NationBuilder’s Bootstrap framework, instead.

NationBuilder Foundation

According to Zurb, Foundation is “the most advanced responsive front-end framework in the world.” You can quickly prototype and build custom themes that work on any kind of device with Foundation, which includes layout constructs (like a fully responsive grid), elements and best practices.

NationBuilder Foundation is a NationBuilder theme built on the Foundation framework in order to allow for rapid development of cutting edge, responsive NationBuilder themes.

To learn more about what’s included in Foundation, check out http://foundation.zurb.com/docs

To see a live demo of the theme, check out http://foundation.ianpatrickhines.com

Copyright / License

The Foundation theme framework is Copyright (c) 2014 ZURB, inc. and subject to the MIT License.

This repository — the Foundation NationBuilder theme — is Copyright (c) 2014 Ian Patrick Hines and is also subject to the MIT License.

How to use this theme

Note: This theme is not designed to be used “as-is.” It has been left intentionally raw and unstyled, albeit functional.

You’ll find that the overall structure of this theme has been relatively unchanged from NationBuilder’s Aware theme. All files are in a single directory (as required by NationBuilder).

theme.scss includes Foundation’s Sass files, all of which are included in the theme and can be edited via the _settings.scss file.

tablet-and-desktop.scss includes a variety of styles designed to force Foundation’s styles on native NationBuilder HTML elements. NationBuilder’s liquid markup outputs some code snippets that cannot be modified to conform with Foundation’s syntax (pagination, for example), so additional styles were required to create aesthetic uniformity.

NationBuilder uses these two files as the core stylesheets for its themes. They do not need to be pre-compiled, and instead should be uploaded to the theme directly as .scss files. NationBuilder will compile them server-side and render the minified CSS.

To use this theme on your nation, download this repository to your local drive, create a new NationBuilder theme (do not clone your existing theme… create a new, blank theme), and upload every file in the directory to that theme. Publish the theme, and you're in business.