Installing the necessary components is fairly simple:
Clone the repository:
git clone email@example.com:sproutcore/website.git
Clone the firstname.lastname@example.org/sproutcore/sproutcore.github.com.git into the output directory (this is the live site and what):
rm -rf output && git clone email@example.com:sproutcore/sproutcore.github.com.git output
Install the dependencies (mainly nanoc) so you can preview the SproutCore website:
Updating the Site
You can preview the site by running
nanoc autocompile and visiting
http://localhost:3000/ in your browser.
The templates for the site are located in
layouts/. Each content page is
To configure navigation tabs, modify the metadata at the top of each page:
--- title: SproutCore - About id: about h1: About SproutCore download: true subnav: - What is SproutCore - Who's Using SproutCore - Core Team - Logos ---
title- the title that is displayed in the browser.
id- determines the active state of the main navigation at the top.
h1- fills in the main title on the page itself
download- indicates whether the download button should be displayed
subnav- a list of panels on the page to navigate through
You can add modal content using a modal helper:
<% modal "your-modal-id" do %> <h1>Modal content here</h1> <% end %>
Note: Before deploying, please preview the site and make sure that everything looks
correct! Additionally, when you run the
git status command below, please make sure the
changes are sane.
Deploying your changes is a simple 2 step process:
Compile the changes into the output directory:
rm -rf tmp nanoc compile
Commit and push your changes
cd output git status git commit -am "New build." git push