From f920cd4546ccfffd88b3c0caac415c0f9e8925ca Mon Sep 17 00:00:00 2001
From: Mark Otto <markotto@twitter.com>
Date: Mon, 1 Oct 2012 00:56:16 -0700
Subject: [PATCH] stub out updated customizer

---
 docs/assets/css/docs-customizer.css     | 57 +++++++++++++++++++++++++
 docs/customize.html                     | 47 +++++++++-----------
 docs/templates/pages/customize.mustache | 47 +++++++++-----------
 3 files changed, 97 insertions(+), 54 deletions(-)
 create mode 100644 docs/assets/css/docs-customizer.css

diff --git a/docs/assets/css/docs-customizer.css b/docs/assets/css/docs-customizer.css
new file mode 100644
index 00000000..41f7bfbb
--- /dev/null
+++ b/docs/assets/css/docs-customizer.css
@@ -0,0 +1,57 @@
+/*
+  Bootstrap's customizer
+*/
+
+body {
+  padding: 0;
+}
+
+body > .navbar,
+.footer {
+  display: none;
+}
+
+.bsc-sidebar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  width: 239px;
+  background-color: #f5f5f5;
+  border-right: 1px solid #ccc;
+}
+
+.bsc-preview {
+  margin-left: 240px;
+  padding: 20px;
+}
+
+.bsc-heading {
+  margin: 20px;
+  color: #ccc;
+  text-shadow: 0 1px 0 rgba(255,255,255,.75);
+}
+
+.bsc-toolbar {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+.bsc-toolbar .btn-group {
+  width: 239px;
+  overflow: hidden;
+}
+.bsc-toolbar .btn-group .btn {
+  border-radius: 0;
+  width: 121px;
+  margin: 0;
+  padding: 10px;
+}
+.bsc-toolbar .btn-group .btn:first-child {
+  margin-left: -1px;
+}
+.bsc-toolbar .btn-group .btn:last-child {
+  margin-right: -1px;
+  border-left-width: 0;
+}
\ No newline at end of file
diff --git a/docs/customize.html b/docs/customize.html
index 4673189f..13a1b20d 100644
--- a/docs/customize.html
+++ b/docs/customize.html
@@ -69,35 +69,31 @@
       </div>
     </div>
 
-<!-- Masthead
-================================================== -->
-<header class="jumbotron subhead" id="overview">
-  <div class="container">
-    <h1>Customize and download</h1>
-    <p class="lead"><a href="https://github.com/twitter/bootstrap/zipball/master">Download Bootstrap</a> or customize variables, components, JavaScript plugins, and more.</p>
-  </div>
-</header>
+<!-- Customizer CSS -->
+<link href="assets/css/docs-customizer.css" rel="stylesheet">
 
+<form>
 
-  <div class="container">
-
-    <!-- Docs nav
-    ================================================== -->
-    <div class="row">
-      <div class="span3 bs-docs-sidebar">
-        <ul class="nav nav-list bs-docs-sidenav">
-          <li><a href="#components"><i class="icon-chevron-right"></i> 1. Choose components</a></li>
-          <li><a href="#plugins"><i class="icon-chevron-right"></i> 2. Select jQuery plugins</a></li>
-          <li><a href="#variables"><i class="icon-chevron-right"></i> 3. Customize variables</a></li>
-          <li><a href="#download"><i class="icon-chevron-right"></i> 4. Download</a></li>
-        </ul>
+  <div class="bsc-sidebar">
+    <h3 class="bsc-heading">Bootjack</h3>
+    <ul class="bsc-accordion">
+      <li>
+        <input type="checkbox" checked> Scaffolding
+      </li>
+    </ul>
+    <div class="bsc-toolbar">
+      <div class="btn-group">
+        <button class="btn" type="button">Download</button>
+        <button class="btn" type="button">Reset</button>
       </div>
-      <div class="span9">
+    </div>
+  </div>
+  <div class="bsc-preview">
+    preview
 
 
         <!-- Customize form
         ================================================== -->
-        <form>
           <section class="download" id="components">
             <div class="page-header">
               <a class="btn btn-small pull-right toggle-all" href="#">Toggle all</a>
@@ -425,15 +421,12 @@
               <p>Downloads include compiled CSS, compiled and minified CSS, and compiled jQuery plugins, all nicely packed up into a zipball for your convenience.</p>
             </div>
           </section><!-- /download -->
-        </form>
 
 
-
-      </div>
-    </div>
-
   </div>
 
+</form>
+
 
 
     <!-- Footer
diff --git a/docs/templates/pages/customize.mustache b/docs/templates/pages/customize.mustache
index 1f35ab7a..71c3b8b4 100644
--- a/docs/templates/pages/customize.mustache
+++ b/docs/templates/pages/customize.mustache
@@ -1,32 +1,28 @@
-<!-- Masthead
-================================================== -->
-<header class="jumbotron subhead" id="overview">
-  <div class="container">
-    <h1>{{_i}}Customize and download{{/i}}</h1>
-    <p class="lead">{{_i}}<a href="https://github.com/twitter/bootstrap/zipball/master">Download Bootstrap</a> or customize variables, components, JavaScript plugins, and more.{{/i}}</p>
-  </div>
-</header>
+<!-- Customizer CSS -->
+<link href="assets/css/docs-customizer.css" rel="stylesheet">
 
+<form>
 
-  <div class="container">
-
-    <!-- Docs nav
-    ================================================== -->
-    <div class="row">
-      <div class="span3 bs-docs-sidebar">
-        <ul class="nav nav-list bs-docs-sidenav">
-          <li><a href="#components"><i class="icon-chevron-right"></i> {{_i}}1. Choose components{{/i}}</a></li>
-          <li><a href="#plugins"><i class="icon-chevron-right"></i> {{_i}}2. Select jQuery plugins{{/i}}</a></li>
-          <li><a href="#variables"><i class="icon-chevron-right"></i> {{_i}}3. Customize variables{{/i}}</a></li>
-          <li><a href="#download"><i class="icon-chevron-right"></i> {{_i}}4. Download{{/i}}</a></li>
-        </ul>
+  <div class="bsc-sidebar">
+    <h3 class="bsc-heading">Bootjack</h3>
+    <ul class="bsc-accordion">
+      <li>
+        <input type="checkbox" checked> Scaffolding
+      </li>
+    </ul>
+    <div class="bsc-toolbar">
+      <div class="btn-group">
+        <button class="btn" type="button">Download</button>
+        <button class="btn" type="button">Reset</button>
       </div>
-      <div class="span9">
+    </div>
+  </div>
+  <div class="bsc-preview">
+    preview
 
 
         <!-- Customize form
         ================================================== -->
-        <form>
           <section class="download" id="components">
             <div class="page-header">
               <a class="btn btn-small pull-right toggle-all" href="#">{{_i}}Toggle all{{/i}}</a>
@@ -354,11 +350,8 @@
               <p>{{_i}}Downloads include compiled CSS, compiled and minified CSS, and compiled jQuery plugins, all nicely packed up into a zipball for your convenience.{{/i}}</p>
             </div>
           </section><!-- /download -->
-        </form>
 
 
+  </div>
 
-      </div>{{! /span9 }}
-    </div>{{! row}}
-
-  </div>{{! /.container }}
+</form>