Initial commit

.gitignore

@@ -0,0 +1 @@
+output

Gemfile

@@ -0,0 +1,7 @@
+source "http://rubygems.org"
+
+if ENV["GUIDES_PATH"]
+  gem "guides", :path => ENV["GUIDES_PATH"]
+else
+  gem "guides", :git => "git://github.com/wycats/guides.git"
+end

Gemfile.lock

@@ -0,0 +1,48 @@
+GIT
+  remote: git://github.com/wycats/guides.git
+  revision: 5ad7ae9bc10786501d16fb2fd06b727627c93703
+  specs:
+    guides (0.5.0)
+      RedCloth (~> 4.1.1)
+      actionpack (~> 3.0.0)
+      activesupport (~> 3.0.0)
+      rack (~> 1.2.1)
+      thor (~> 0.14.6)
+
+GEM
+  remote: http://rubygems.org/
+  specs:
+    RedCloth (4.1.9)
+    abstract (1.0.0)
+    actionpack (3.0.3)
+      activemodel (= 3.0.3)
+      activesupport (= 3.0.3)
+      builder (~> 2.1.2)
+      erubis (~> 2.6.6)
+      i18n (~> 0.4)
+      rack (~> 1.2.1)
+      rack-mount (~> 0.6.13)
+      rack-test (~> 0.5.6)
+      tzinfo (~> 0.3.23)
+    activemodel (3.0.3)
+      activesupport (= 3.0.3)
+      builder (~> 2.1.2)
+      i18n (~> 0.4)
+    activesupport (3.0.3)
+    builder (2.1.2)
+    erubis (2.6.6)
+      abstract (>= 1.0.0)
+    i18n (0.5.0)
+    rack (1.2.1)
+    rack-mount (0.6.13)
+      rack (>= 1.0.0)
+    rack-test (0.5.7)
+      rack (>= 1.0)
+    thor (0.14.6)
+    tzinfo (0.3.23)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  guides!

Rakefile

@@ -0,0 +1,9 @@
+desc "start from a freshly generated Rails Guides setup"
+task :bootstrap do
+  FileUtils.rm_rf(Dir["{assets,source,guides.yml}"])
+  system "ruby bin/guides new . --name 'SproutCore Guides'"
+  FileUtils.cp("bootstrap/guides.yml", "guides.yml")
+  FileUtils.cp("bootstrap/overrides.css", "assets/stylesheets/overrides.style.css")
+  FileUtils.cp("bootstrap/logo.png", "assets/images/logo.png")
+  system "ruby bin/guides generate --clean"
+end

assets/stylesheets/overrides.style.css

@@ -0,0 +1,41 @@
+dd img {
+  float: left;
+  height: 36px;
+  margin-right: 10px;
+}
+
+#header {
+  background: none;
+  background-color: #343940;
+  border-top: 2px solid #464B52;
+}
+
+#header .nav a {
+  color: #C3C3C3;
+}
+
+#header .nav .index, #header .nav .index a {
+  background-color: #2A8008;
+  background-image: none;
+  color: #fff;
+}
+
+#guides {
+  background-color: #2A8008;
+  color: #5FBB58;
+}
+
+#guides hr {
+  background-color: #5FBB58;
+}
+
+#mainCol a, #subCol a, #feature a {
+  color: #0A6008;
+}
+
+#header h1 {
+  background-image: url(../images/logo.png);
+  background-size: auto 120px;
+  background-position: -25px -25px;
+  overflow: visible
+}

bin/erubis

@@ -0,0 +1,16 @@
+#!/usr/bin/env ruby
+#
+# This file was generated by Bundler.
+#
+# The application 'erubis' is installed as part of a gem, and
+# this file is here to facilitate running it.
+#
+
+require 'pathname'
+ENV['BUNDLE_GEMFILE'] ||= File.expand_path("../../Gemfile",
+  Pathname.new(__FILE__).realpath)
+
+require 'rubygems'
+require 'bundler/setup'
+
+load Gem.bin_path('erubis', 'erubis')

bin/guides

@@ -0,0 +1,16 @@
+#!/usr/bin/env ruby
+#
+# This file was generated by Bundler.
+#
+# The application 'guides' is installed as part of a gem, and
+# this file is here to facilitate running it.
+#
+
+require 'pathname'
+ENV['BUNDLE_GEMFILE'] ||= File.expand_path("../../Gemfile",
+  Pathname.new(__FILE__).realpath)
+
+require 'rubygems'
+require 'bundler/setup'
+
+load Gem.bin_path('guides', 'guides')

bin/rackup

@@ -0,0 +1,16 @@
+#!/usr/bin/env ruby
+#
+# This file was generated by Bundler.
+#
+# The application 'rackup' is installed as part of a gem, and
+# this file is here to facilitate running it.
+#
+
+require 'pathname'
+ENV['BUNDLE_GEMFILE'] ||= File.expand_path("../../Gemfile",
+  Pathname.new(__FILE__).realpath)
+
+require 'rubygems'
+require 'bundler/setup'
+
+load Gem.bin_path('rack', 'rackup')

bin/rake2thor

@@ -0,0 +1,16 @@
+#!/usr/bin/env ruby
+#
+# This file was generated by Bundler.
+#
+# The application 'rake2thor' is installed as part of a gem, and
+# this file is here to facilitate running it.
+#
+
+require 'pathname'
+ENV['BUNDLE_GEMFILE'] ||= File.expand_path("../../Gemfile",
+  Pathname.new(__FILE__).realpath)
+
+require 'rubygems'
+require 'bundler/setup'
+
+load Gem.bin_path('thor', 'rake2thor')

bin/redcloth

@@ -0,0 +1,16 @@
+#!/usr/bin/env ruby
+#
+# This file was generated by Bundler.
+#
+# The application 'redcloth' is installed as part of a gem, and
+# this file is here to facilitate running it.
+#
+
+require 'pathname'
+ENV['BUNDLE_GEMFILE'] ||= File.expand_path("../../Gemfile",
+  Pathname.new(__FILE__).realpath)
+
+require 'rubygems'
+require 'bundler/setup'
+
+load Gem.bin_path('RedCloth', 'redcloth')

bin/thor

@@ -0,0 +1,16 @@
+#!/usr/bin/env ruby
+#
+# This file was generated by Bundler.
+#
+# The application 'thor' is installed as part of a gem, and
+# this file is here to facilitate running it.
+#
+
+require 'pathname'
+ENV['BUNDLE_GEMFILE'] ||= File.expand_path("../../Gemfile",
+  Pathname.new(__FILE__).realpath)
+
+require 'rubygems'
+require 'bundler/setup'
+
+load Gem.bin_path('thor', 'thor')

bootstrap/guides.yml

@@ -0,0 +1,49 @@
+title: SproutCore Guides
+description: These guides are designed to help you get up and running and feeling productive with SproutCore.
+
+authors:
+  Documentation Team:
+    - name: Yehuda Katz
+      nick: wycats
+      description: Yehuda works for Strobe and is a member of the SproutCore core team.
+  Designers:
+    - name: Jason Zimdars
+      nick: jz
+      description: Jason Zimdars is an experienced creative director and web designer who has lead UI and UX design for numerous websites and web applications. You can see more of his design and writing at <a href="http://www.thinkcage.com/">Thinkcage.com</a> or follow him on <a href="http://twitter.com/JZ">Twitter</a>
+
+index:
+  Start Here:
+    - title: Getting Started
+      url: getting_started
+      text: Jump start your SproutCore development by playing along as we build a fully functional Todo List application.
+      construction: true
+    - title: Core Concepts
+      url: core_concepts
+      text: In this guide, we will touch on many of the core concepts of SproutCore like bindings and the run loop. We'll cover just enough to get you going with bogging down in the details. If you want to learn more, take a look at the detailed overviews of these concepts in the "Digging Deeper" section.
+      construction: true
+    - title: Using Amber
+      url: amber
+      text: Learn how to use the lightweight Amber framework to build applications without the full SproutCore stack.
+      construction: true
+  Models:
+    - title: SproutCore Records
+      url: records
+      text: The SproutCore data framework is a full-featured ORM-like framework for working with data in the SproutCore Learn about the SproutCore data framework and how you can use it to interact with your data sources.
+      construction: true
+    - title: Hooking Up to a Backend
+      url: data_source
+      text: This guide covers how to create a SproutCore data source, which will retrieve data from your servers and make them available to the SproutCore Records you designed in the previous guide.
+      construction: true
+    - title: Using Fixtures
+      url: fixtures
+      text: In order to facilitate rapid development, SproutCore provides a facility for using pre-set fixture data as your data source. This guide covers how to set up your fixtures, and how to replace them with your real server once you're ready to get going.
+      construction: true
+  Views:
+    - title: Core View Concepts
+      url: views
+      text: In this guide, we will cover the basics of SproutCore views, and show you how to customize the built-in SproutCore views for your own use.
+      construction: true
+    - title: Building Your Own Views
+      url: custom_views
+      text: Most applications will quickly go beyond the built-in SproutCore views. In this guide, we will cover how to build and style your own views.
+      construction: true

bootstrap/overrides.css

@@ -0,0 +1,41 @@
+dd img {
+  float: left;
+  height: 36px;
+  margin-right: 10px;
+}
+
+#header {
+  background: none;
+  background-color: #343940;
+  border-top: 2px solid #464B52;
+}
+
+#header .nav a {
+  color: #C3C3C3;
+}
+
+#header .nav .index, #header .nav .index a {
+  background-color: #2A8008;
+  background-image: none;
+  color: #fff;
+}
+
+#guides {
+  background-color: #2A8008;
+  color: #5FBB58;
+}
+
+#guides hr {
+  background-color: #5FBB58;
+}
+
+#mainCol a, #subCol a, #feature a {
+  color: #0A6008;
+}
+
+#header h1 {
+  background-image: url(../images/logo.png);
+  background-size: auto 120px;
+  background-position: -25px -25px;
+  overflow: visible
+}

guides.yml

@@ -0,0 +1,49 @@
+title: SproutCore Guides
+description: These guides are designed to help you get up and running and feeling productive with SproutCore.
+
+authors:
+  Documentation Team:
+    - name: Yehuda Katz
+      nick: wycats
+      description: Yehuda works for Strobe and is a member of the SproutCore core team.
+  Designers:
+    - name: Jason Zimdars
+      nick: jz
+      description: Jason Zimdars is an experienced creative director and web designer who has lead UI and UX design for numerous websites and web applications. You can see more of his design and writing at <a href="http://www.thinkcage.com/">Thinkcage.com</a> or follow him on <a href="http://twitter.com/JZ">Twitter</a>
+
+index:
+  Start Here:
+    - title: Getting Started
+      url: getting_started
+      text: Jump start your SproutCore development by playing along as we build a fully functional Todo List application.
+      construction: true
+    - title: Core Concepts
+      url: core_concepts
+      text: In this guide, we will touch on many of the core concepts of SproutCore like bindings and the run loop. We'll cover just enough to get you going with bogging down in the details. If you want to learn more, take a look at the detailed overviews of these concepts in the "Digging Deeper" section.
+      construction: true
+    - title: Using Amber
+      url: amber
+      text: Learn how to use the lightweight Amber framework to build applications without the full SproutCore stack.
+      construction: true
+  Models:
+    - title: SproutCore Records
+      url: records
+      text: The SproutCore data framework is a full-featured ORM-like framework for working with data in the SproutCore Learn about the SproutCore data framework and how you can use it to interact with your data sources.
+      construction: true
+    - title: Hooking Up to a Backend
+      url: data_source
+      text: This guide covers how to create a SproutCore data source, which will retrieve data from your servers and make them available to the SproutCore Records you designed in the previous guide.
+      construction: true
+    - title: Using Fixtures
+      url: fixtures
+      text: In order to facilitate rapid development, SproutCore provides a facility for using pre-set fixture data as your data source. This guide covers how to set up your fixtures, and how to replace them with your real server once you're ready to get going.
+      construction: true
+  Views:
+    - title: Core View Concepts
+      url: views
+      text: In this guide, we will cover the basics of SproutCore views, and show you how to customize the built-in SproutCore views for your own use.
+      construction: true
+    - title: Building Your Own Views
+      url: custom_views
+      text: Most applications will quickly go beyond the built-in SproutCore views. In this guide, we will cover how to build and style your own views.
+      construction: true

source/_clickable_index.html.erb

@@ -0,0 +1,17 @@
+<dl class="L">
+  <% lgroup.each do |group, guides| %>
+    <dt><%= group %></dt>
+    <% guides.each do |guide| %>
+      <dd><%= link_to guide["title"], "#{guide["url"]}.html" %></dd>
+    <% end %>
+  <% end %>
+</dl>
+<dl class="R">
+  <% rgroup.each do |group, guides| %>
+    <dt><%= group %></dt>
+    <% guides.each do |guide| %>
+      <dd><%= link_to guide["title"], "#{guide["url"]}.html" %></dd>
+    <% end %>
+  <% end %>
+</dl>
+

source/_full_index.html.erb

@@ -0,0 +1,16 @@
+<% guides.each do |name, list| %>
+  <h3><%= name %></h3>
+
+  <dl>
+    <% list.each do |guide| %>
+      <dt><%= link_to guide["title"], "#{guide["url"]}.html" %></dt>
+      <dd>
+        <% if guide["construction"] %>
+          <img src="images/construction.png" />
+        <% end %>
+        <p><%= guide["text"] %></p>
+      </dd>
+    <% end %>
+  </dl>
+<% end %>
+