add global assets

author: Cameron McEfee <cameron@github.com> 2011-05-16 13:30:40 -0700
committer: Cameron McEfee <cameron@github.com> 2011-05-16 16:55:31 -0700
commit: e7ed98598686739d523f6dc18820468f45656531 (patch)
tree: 0a13bb624d8262fac916911f00ab743ea5a66bae
parent: 2575b8a597d3febb0088d02fb64214c3dbd5fd57 (diff)
16 files changed, 308 insertions, 983 deletions
diff --git a/_layouts/default.html b/_layouts/default.html
index f1ede0f..5fe44ef 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -18,12 +18,12 @@ sidebar_cats:
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
     <title>Help.GitHub - {{ page.title }}</title>
-    <link href="/global/css/documentation.css" media="screen" rel="stylesheet" type="text/css">
-    <link href="/global/css/pygments.css" media="screen" rel="stylesheet" type="text/css">
+    <link href="/documentation-globals/css/documentation.css" media="screen" rel="stylesheet" type="text/css">
+    <link href="/documentation-globals/css/pygments.css" media="screen" rel="stylesheet" type="text/css">
     <link rel="stylesheet" href="/css/style.css" type="text/css" media="screen">
     <link rel="stylesheet" href="/css/print.css" type="text/css" media="print">
     <script src="/js/jquery-1.js" type="text/javascript"></script>
-    <script src="/global/js/documentation.js" type="text/javascript"></script>
+    <script src="/documentation-globals/js/documentation.js" type="text/javascript"></script>
     <script src="/js/help.js" type="text/javascript"></script>
   </head>
 
@@ -44,7 +44,7 @@ sidebar_cats:
 
     <div id="wrapper">
 
-      <div id="content">
+      <div class="content">
         <h1>{{ page.title }}</h1>
         {{ content }}
       </div>
diff --git a/css/style.css b/css/style.css
index af9563d..b86cb2d 100644
--- a/css/style.css
+++ b/css/style.css
@@ -109,7 +109,7 @@ html {
 }
 
 /****************************/
-/*         Bootcamp         */
+/*       Bootcamp tuts      */
 /****************************/
 .short-bottom-marg {
   margin-bottom: 5px;
@@ -208,3 +208,251 @@ img.bootcamp {
 img.top-margin {
   margin-top: 1em !important;
 }
+
+/****************************/
+/*     Bootcamp module      */
+/****************************/
+
+
+.bootcamp-help {
+  margin: 0 0 20px 0;
+}
+
+.bootcamp-help h1 {
+  color: #fff;
+  font-size: 16px;
+  font-weight: bold;
+  background-color: #405a6a;
+  background: -moz-linear-gradient(center top , '#829AA8', '#405A6A');
+  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#829aa8', endColorstr='#405a6a');
+  background: -webkit-gradient(linear, left top, left bottom, from(#829aa8), to(#405a6a));
+  background: -moz-linear-gradient(top, #829aa8, #405a6a);
+  border: 1px solid #677c89;
+  border-bottom-color: #6b808d;
+  border-radius: 5px 5px 0 0;
+  -moz-border-radius: 5px 5px 0 0;
+  -webkit-border-radius: 5px 5px 0 0;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
+  margin: 0;
+  padding: 8px 18px;
+  position: relative;
+}
+.bootcamp-help h1 a {
+  color:#fff;
+  text-decoration:none;
+}
+
+.bootcamp-help h1 span {
+  color: #e9f1f4;
+  font-size: 70%;
+  font-weight: normal;
+  text-shadow: none;
+}
+
+.bootcamp-help .bootcamp-body {
+  padding: 10px 0px 10px 10px;
+  background-color: #e9f1f4;
+  overflow: hidden;
+  border-style: solid;
+  border-width: 1px 1px 2px;
+  border-color: #e9f1f4 #d8dee2 #d8dee2;
+  border-radius: 0 0 5px 5px;
+  -moz-border-radius: 0 0 5px 5px;
+  -webkit-border-radius: 0 0 5px 5px;
+}
+
+.bootcamp-help ul {
+  list-style-type: none;
+  position: relative;
+  margin: 0px;
+  overflow: hidden;
+}
+
+.bootcamp-help ul li {
+  color: #666666;
+  font-size: 13px;
+  font-weight: normal;
+  background-color: #fffff5;
+  background: -moz-linear-gradient(center top , '#fffff5', '#f5f3b4');
+  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fffff5', endColorstr='#f5f3b4');
+  background: -webkit-gradient(linear, left top, left bottom, from(#fffff5), to(#f5f3b4));
+  background: -moz-linear-gradient(top, #fffff5, #f5f3b4);
+  border: 1px solid #dfddb5;
+  border-radius: 5px 5px 5px 5px;
+  -moz-border-radius: 5px 5px 5px 5px;
+  -webkit-border-radius: 5px 5px 5px 5px;
+  display: block;
+  width: 125px;
+  height: 122px;
+  float: left;
+  position: relative;
+  margin: 0 10px 0 0;
+  -moz-box-shadow: 0px 1px 0px #fff;
+  -webkit-box-shadow: 0px 1px 0px #fff;
+  box-shadow: 0px 1px 0px #fff;
+}
+
+.bootcamp-help ul li:hover {
+  background: -moz-linear-gradient(center top , '#fcfce9', '#f1eea3');
+  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fcfce9', endColorstr='#f1eea3');
+  background: -webkit-gradient(linear, left top, left bottom, from(#fcfce9), to(#f1eea3));
+  background: -moz-linear-gradient(top, #fcfce9, #f1eea3);
+  border: 1px solid #d6d4ad;
+}
+
+.bootcamp-help ul li a {
+  color: #666666;
+  text-decoration: none;
+}
+
+.bootcamp-help .image {
+  display: block;
+  position: relative;
+  height: 83px;
+  border-bottom: 1px solid #f1efaf;
+  background-repeat: no-repeat;
+  background-position: 0 10px;
+  background-image: url(/images/bootcamp_sprites.png);
+}
+
+.bootcamp-help .setup .image {
+  background-position: 0px 10px;
+}
+.bootcamp-help .create-a-repo .image {
+  background-position: -125px 10px;
+}
+.bootcamp-help .fork-a-repo .image {
+  background-position: -250px 10px;
+}
+.bootcamp-help .be-social .image {
+  background-position: -375px 10px;
+}
+
+.bootcamp-help ul li:hover .image {
+  border-bottom: 1px solid #f1eea3;
+}
+
+.bootcamp-help .desc {
+  padding: 8px;
+  display: block;
+  overflow: hidden;
+  border-top: 1px solid #fff;
+  background-repeat:no-repeat;
+  position: relative;
+  z-index: 2;
+  text-align: center;
+}
+
+.bootcamp-help ul li:hover .desc {
+  border-top: 1px solid #fcfce9;
+}
+
+.bootcamp-help .desc h2 {
+  margin: 0px;
+  padding: 0px;
+  font-size: 15px;
+  color: #393939;
+}
+
+.bootcamp-help .desc p {
+  margin: 0px;
+  padding: 0px;
+  line-height: 1.2em;
+}
+
+/* @end */
+
+/****************************/
+/*      Popular Guides      */
+/****************************/
+
+.popular-guides h2 {
+  border: solid #cacaca;
+  border-width: 1px;
+  border-radius: 3px 3px 0px 0px;
+  -moz-border-radius: 3px 3px 0px 0px;
+  -webkit-border-bottom-right-radius: 0px;
+  -webkit-border-bottom-left-radius: 0px;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  padding: 6px 10px;
+  background-color: #f1f1f1;
+  background-image: -moz-linear-gradient(top, #f1f1f1, #e1e1e1); 
+  background-image: -ms-linear-gradient(top, #f1f1f1, #e1e1e1); 
+  background-image: -o-linear-gradient(top, #f1f1f1, #e1e1e1); 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e1e1e1)); 
+  background-image: -webkit-linear-gradient(top, #f1f1f1, #e1e1e1); 
+  background-image: linear-gradient(top, #f1f1f1, #e1e1e1);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f1f1f1', EndColorStr='#e1e1e1');
+  color: #666;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
+  font-size: 16px;
+  line-height: 22px;
+  margin: 0px;
+}
+
+.popular-guides .popular-body {
+  border: solid #cacaca;
+  border-width: 0px 1px 1px 1px;
+  border-radius: 0px 0px 3px 3px;
+  -moz-border-radius: 0px 0px 3px 3px;
+  -webkit-border-bottom-right-radius: 3px;
+  -webkit-border-bottom-left-radius: 3px;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  background-color: #fafafb;
+  color: #666;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
+}
+
+.popular-guides .popular-body .icon {
+  display: block;
+  height: 28px;
+  width: 28px;
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  background: transparent url(images/popular_guide_sprites.png) 0 0 no-repeat;
+}
+
+.popular-guides a {
+  border-top: 1px solid #fff;
+  border-bottom: 1px solid #e9ecee;
+  padding: 6px 10px;
+  position: relative;
+  display: block;
+}
+
+.popular-guides a:hover {
+  border-top: 1px solid #fafafb;
+  border-bottom: 1px solid #e5e8ea;
+  background-color: #f0f0f3;
+  text-decoration: none;
+}
+
+.popular-guides a h3 {
+  color: #4183C4;
+}
+
+.popular-guides a:hover h3 {
+  text-decoration: underline;
+}
+
+.popular-guides ul {
+  list-style-type: none;
+  margin: 0px;
+}
+
+.popular-guides h3 {
+  margin: 0px;
+  font-size: 13px;
+}
+
+.popular-guides .popular-body a p {
+  color: #666;
+  margin: 0px;
+}
+
+/* @end */
diff --git a/documentation-globals b/documentation-globals
new file mode 160000
+Subproject 026f91ecadbad98a21e68785d00f23d07b2e26d
diff --git a/global/css/documentation.css b/global/css/documentation.css
deleted file mode 100644
index 4463f52..0000000
--- a/global/css/documentation.css
+++ /dev/null
@@ -1,635 +0,0 @@
-/*------------------------------------------------------------------------------
-     Global Documentation Styles
-------------------------------------------------------------------------------*/
-
-body {
-  font: 13px helvetica,arial,freesans,clean,sans-serif;
-  line-height: 1.4em;
-  background-color: #fff;
-  color: #393939;
-  margin: 0px;
-  padding: 0px;
-  height: 100%;
-}
-
-p {
-  margin-bottom: 1em;
-}
-
-h1 {
-  font-size: 20px;
-  border-bottom: 1px solid #cccccc;
-  padding: .5em 0;
-  margin: 0 0 1em;
-}
-
-h2 {
-  font-size: 16px;
-  color: #333;
-  margin: 2em auto 1em;
-}
-
-h2 span.step {
-  color: #666;
-}
-
-h3 {
-  font-size: 14px;
-  color: #333;
-  margin: 1.5em 0 .5em;
-}
-
-h5 {
-  font-size: 13px;
-}
-
-h6 {
-  font-size: 13px;
-  color: #666;
-}
-
-a {
-  color: #4183C4;
-  text-decoration: none;
-}
-
-a:hover,
-a:active {
-  text-decoration:underline;
-}
-
-blockquote {
-  margin:0 -5px;
-  padding: 0px 20px;
-}
-
-ul,
-ol {
-  margin: 0px;
-  padding: 0px;
-}
-
-dt {
-  font-weight: bold;
-}
-
-dd {
-  padding-left: 1em;
-  margin-bottom: 1em;
-}
-
-dd + dd {
-  margin-bottom: 0;
-}
-
-span.attention {
-  color: #e98400;
-  font-style: italic;
-}
-
-/*------------------------------------------------------------------------------
-     Header Styles
-------------------------------------------------------------------------------*/
-
-#header-wrapper {
-  margin-bottom: 0;
-  clear: both;
-  height: 91px;
-  background: white url(/global/images/background-v2.png) 0 0 repeat-x;
-}
-
-#header {
-  margin: 0 auto;
-  width: 920px;
-}
-
-#header a.logo {
-  float: left;
-  margin-top: 15px;
-  display: inline-block;
-}
-
-#header ul.nav {
-  float: right;
-  padding: 8px 3px 8px 2px;
-  font-weight: bold;
-  text-shadow: white 1px 1px 0px;
-  font-size: 12px;
-  margin-top: 18px;
-  background: #f5f5f5;
-  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fcfcfc', endColorstr='#ececec');
-  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcfcfc), to(#e8e8e8));
-  background:-moz-linear-gradient(270deg, #fcfcfc, #ececec);
-  border-color:#eee;
-  border:1px solid #e9e9e9;
-  border-bottom-color:#f5f5f5;
-  -webkit-border-radius:5px;
-  -moz-border-radius:5px;
-  border-radius:5px;
-  -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);
-  -moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);
-  box-shadow:0 1px 1px rgba(0,0,0,0.2);
-}
-
-#header ul.nav li:first-child {
-  background: transparent;
-}
-
-#header ul.nav li {
-  float: left;
-  margin: 0;
-  padding: 0px 11px 0px 13px;
-  list-style-type: none;
-  background: url(/global/images/nav-rule.png) no-repeat 0px 50%;
-  line-height: 1.4em;
-}
-
-#header a {
-  outline: none;
-  text-decoration: none;
-}
-
-/*------------------------------------------------------------------------------
-     Sidebar
-------------------------------------------------------------------------------*/
-
-div.sidebar-shell {
-  position: relative;
-  float: right;
-  margin: .5em 0 0;
-}
-
-div.sidebar-module {
-  padding: 3px;
-  background: #EEE;
-  -moz-border-radius: 3px;
-  -webkit-border-radius: 3px;
-  border-radius: 3px;
-  display: block;
-  width: 332px;
-  margin-bottom: 20px;
-  font-size: 12px;
-}
-
-div.sidebar-module > ul {
-  background: #fafafb;
-  border: solid #CACACA;
-  border-width: 1px 1px 0px 1px;
-  margin: 0px;
-}
-
-div.sidebar-module > p {
-  background: #fafafb;
-  border: solid #CACACA;
-  border-width: 1px;
-  padding: 8px 10px;
-  margin: 0px;
-  display: block;
-  line-height: 1.4em;
-}
-
-div.sidebar-module li {
-  list-style-type: none;
-}
-
-div.sidebar-module > ul > li {
-  border-bottom: 1px solid #CACACA;
-}
-
-div.sidebar-module > ul h3 {
-  margin: 0px;
-  color: #666;
-  text-shadow: 1px 1px 0px #fff; 
-  background-color: #f1f1f1;
-  border-bottom: 1px solid #CACACA;
-  background-image: -moz-linear-gradient(top, #f1f1f1, #e1e1e1); 
-  background-image: -ms-linear-gradient(top, #f1f1f1, #e1e1e1); 
-  background-image: -o-linear-gradient(top, #f1f1f1, #e1e1e1); 
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e1e1e1)); 
-  background-image: -webkit-linear-gradient(top, #f1f1f1, #e1e1e1); 
-  background-image: linear-gradient(top, #f1f1f1, #e1e1e1);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f1f1f1', EndColorStr='#e1e1e1');
-  font-size: 14px;
-}
-
-div.sidebar-module > ul h3:hover {
-  text-decoration: none;
-  background-color: #e1e1e1;
-  background-image: -moz-linear-gradient(top, #e1e1e1, #d1d1d1);
-  background-image: -ms-linear-gradient(top, #e1e1e1, #d1d1d1);
-  background-image: -o-linear-gradient(top, #e1e1e1, #d1d1d1);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#d1d1d1));
-  background-image: -webkit-linear-gradient(top, #e1e1e1, #d1d1d1);
-  background-image: linear-gradient(top, #e1e1e1, #d1d1d1);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e1e1e1', EndColorStr='#d1d1d1');
-}
-
-
-div.sidebar-module > ul h3 a {
-  padding: 8px 0px 8px 10px;
-  color: #666;
-  display: block;
-  text-decoration: none;
-}
-
-div.sidebar-module > ul h3:hover a {
-  text-decoration: none;
-}
-
-div.sidebar-module ul ul,
-div.sidebar-module .spacer {
-  display: block;
-  margin-bottom: 2px;
-  padding: 0px;
-}
-
-div.sidebar-module ul ul li {
-  border-top: 1px solid #fff;
-  border-bottom: 1px solid #e9ecee;
-  font-weight: bold;
-  color: #666;
-}
-
-div.sidebar-module ul ul li:hover,
-div.sidebar-module li.disable {
-  border-top: 1px solid #fafafb;
-  border-bottom: 1px solid #e5e8ea;
-  background-color: #f0f0f3;
-}
-
-div.sidebar-module ul ul li a,
-div.sidebar-module ul ul li span {
-  padding: 6px 0px 6px 10px;
-  display: block;
-  text-decoration: none;
-}
-
-div.sidebar-module ul ul li span {
-  padding-left: 20px;
-  cursor: default;
-}
-
-/* @end */
-
-/*------------------------------------------------------------------------------
-     Footer
-------------------------------------------------------------------------------*/
-
-#footer-wrapper {
-  border-top: solid 1px #ddd;
-  background-color: #222;
-  padding: 1em 0;
-  color: #eee;
-  margin-top: -88px;
-}
-
-#footer {
-  font-size: 12px;
-  line-height: 100%;
-  overflow: hidden;
-  margin: 0 auto;
-  width: 920px;
-
-}
-
-#footer p {
-  margin: 0;
-}
-
-#footer .rackspace {
-  line-height: 1.5em;
-  padding: 1.1em 1em 1em 65px;
-  color: #666;
-  background: url(/global/images/rackspace_logo.png) 1.2em 50% no-repeat #f1f1f1;
-  -webkit-border-radius: 5px;
-  -moz-border-radius: 5px;
-}
-
-.rackspace a,
-.rackspace a:active,
-.rackspace a:hover {
-  color: #333;
-}
-
-#bottom-nav {
-  padding-top: 0.7em;
-  position: relative;
-  float: left;
-  display: block;
-}
-
-#footer .nav,
-#footer .nav li {
-  margin:0;
-}
-
-#footer .nav li {
-  display: inline;
-  line-height: 2em;
-  padding-right: 3px;
-}
-
-#footer .nav li + li {
-  border-left: 2px solid #666;
-  padding-left: 5px;
-}
-
-#bottom-notice {
-  width: 310px;
-  display: block;
-  position: relative;
-  float: right;
-}
-
-/* end */
-
-/*------------------------------------------------------------------------------
-    Not Footer
-------------------------------------------------------------------------------*/
-#wrapper {
-  padding: 20px 25px 108px;
-  overflow:hidden;
-  height: auto;
-  min-height: 80%;
-  width: 920px;
-  margin: -20px auto 0;
-  background: url(/global/images/background-white.png) 0 0 no-repeat;
-}
-
-#not-footer {
-  height: auto;
-  min-height: 100%;
-}
-
-#content {
-  width: 560px;
-  position: relative;
-  float: left;
-  color: #393939;
-}
-
-#content dl {
-  margin-left: 10px;
-}
-
-#content dt {
-  color: #666;
-}
-
-#content ul,
-#content ol {
-  margin-left: 1.5em;
-}
-
-#content ul {
-  list-style-type: disc;
-}
-
-#content img {
-  max-width: 100%;
-  border: 1px solid #dddddd;
-  -webkit-box-shadow: 1px 1px 3px #ddd;
-  -moz-box-shadow: 1px 1px 3px #ddd;
-  box-shadow: 1px 1px 3px #ddd;
-}
-
-
-#content .description {
-  margin-left: 20px;
-}
-
-#content .verseblock-content {
-  padding: 3px;
-}
-
-#content .verseblock-content,
-#content .sectionbody .dlist dt,
-#content p > tt,
-#content dl code,
-#content ul code,
-p code {
-  font: 12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
-  color: #52595d;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-  -moz-background-clip: padding;
-  -webkit-background-clip: padding-box;
-  background-clip: padding-box;
-  border: 1px solid #ccc;
-  background-color: #f9f9f9;
-  padding: 0px 3px;
-  display: inline-block;
-}
-
-#content .sectionbody .dlist dt {
-  margin-top: 10px;
-}
-
-#content .verseblock-content {
-  padding: 3px;
-}
-
-#content .intro {
-  color: #868686;
-}
-/* @end */
-
-/*------------------------------------------------------------------------------
-     Pre/Code Styles
-------------------------------------------------------------------------------*/
-
-code {white-space: nowrap;}
-
-pre {
-  border: 1px solid #cacaca;
-  line-height: 1.2em;
-  font: 12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
-  margin-bottom: 1em;
-  padding: 1em;
-  overflow:auto;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-  -moz-background-clip: padding;
-  -webkit-background-clip: padding-box;
-  background-clip: padding-box;
-  background-color: #FAFAFB;
-  color: #393939;
-}
-
-pre code {white-space: pre;}
-pre span.comment {color: #aaa;}
-
-pre.headers {
-  margin-bottom: 0;
-  border-bottom-width: 0;
-  -webkit-border-radius: 3px 3px 0 0;
-  -moz-border-radius: 3px 3px 0 0;
-  border-radius: 3px 3px 0 0;
-  color: #666;
-  background-color: #f1f1f1;
-  background-image: -moz-linear-gradient(top, #f1f1f1, #e1e1e1); 
-  background-image: -ms-linear-gradient(top, #f1f1f1, #e1e1e1); 
-  background-image: -o-linear-gradient(top, #f1f1f1, #e1e1e1); 
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e1e1e1)); 
-  background-image: -webkit-linear-gradient(top, #f1f1f1, #e1e1e1); 
-  background-image: linear-gradient(top, #f1f1f1, #e1e1e1);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f1f1f1', EndColorStr='#e1e1e1');
-  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
-}
-
-pre.headers + pre.highlight {
-  -webkit-border-radius: 0 0 3px 3px;
-  -moz-border-radius: 0 0 3px 3px;
-  border-radius: 0 0 3px 3px;
-}
-
-pre.highlight {
-  -webkit-border-radius:3px;
-  -moz-border-radius:3px;
-  border-radius:3px;
-  background-color: #FAFAFB;
-}
-
-pre.terminal {
-  background-color: #444;
-  color: #fff;
-  display: block;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-  -moz-background-clip: padding;
-  -webkit-background-clip: padding-box;
-  background-clip: padding-box;
-  border: 2px solid #DEDEDE;
-  position: relative;
-  padding: 10px;
-  text-shadow: none;
-  background-image: none;
-  filter: none;
-}
-
-pre.terminal em {
-  color: #f9fe64;
-}
-
-span.codeline {
-  display: block;
-  position: relative;
-}
-
-span.codeline:hover {
-  background-color: #292929;
-  margin: 0px;
-  padding-left: 3px;
-  margin-left: -3px;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-  color: #666666;
-}
-
-span.codeline span {
-  display: inline-block;
-  font-size: 10px;
-  color: #fff;
-  padding: 0 0.3em 0.05em;
-  position: absolute;
-  right: 0px;
-  top: 0px;
-  text-indent: -9999px;
-  background-image: url(/global/images/qmark.png);
-  background-repeat: no-repeat;
-  background-position: 1px 3px;
-  max-width: 8px;
-  min-width: 8px;
-  -moz-user-select: none;
-  -khtml-user-select: none;
-  user-select: none;
-  cursor: default;
-}
-
-span.codeline span:hover {
-  display: inline-block;
-  text-indent: 0px;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-  background: #000;
-  border: 1px solid #292929;
-  max-width: 1000px;
-}
-
-span.codeline:hover em {
-  color: #666666;
-}
-
-pre.bootcamp {
-  white-space: normal;
-  margin-left: -10px;
-  margin-bottom: 1.5em;
-  background-image: none;
-}
-
-span.bash-output {
-  color: #63e463;
-  display: block;
-  position: relative;
-  -moz-user-select: none;
-  -khtml-user-select: none;
-  user-select: none;
-}
-
-/* end */
-
-/*------------------------------------------------------------------------------
-    More Info Expander
-------------------------------------------------------------------------------*/
-
-.more-info {
-  margin: 10px 0;
-  position: relative;
-}
-.more-info > h4 {
-  background-image: url('/global/images/dropdown_sprites.jpg');
-  background-repeat: no-repeat;
-  padding: .25em 0 .25em 25px;
-  cursor: pointer;
-  color: #4183C4;
-  font-weight: normal;
-}
-.more-info h4.compressed {
-  background-position: 0 0;
-}
-.more-info:hover h4.compressed {
-  background-position: 0 -23px;
-}
-.more-info h4.expanded {
-  background-position: 0 -46px;
-}
-.more-info:hover h4.expanded {
-  background-position: 0 -69px;
-}
-
-.more-info .more-content {
-  display: none;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-  background-color: #FFFFFF;
-  border: 3px solid #DDDDDD;
-  padding: 1em 2em;
-  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
-  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
-  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
-  margin: 15px 0 30px;
-}
-
-.more-info .more-content h4 {
-  margin-top: 1em;
-}
-
-.more-info .more-content pre {
-  margin-left: 0px;
-}
-\ No newline at end of file
diff --git a/global/css/pygments.css b/global/css/pygments.css
deleted file mode 100644
index 1e651cf..0000000
--- a/global/css/pygments.css
+++ /dev/null
@@ -1,60 +0,0 @@
-.highlight  { background: #ffffff; }
-.highlight .c { color: #999988; font-style: italic } /* Comment */
-.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
-.highlight .k { font-weight: bold } /* Keyword */
-.highlight .o { font-weight: bold } /* Operator */
-.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
-.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
-.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
-.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
-.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
-.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
-.highlight .ge { font-style: italic } /* Generic.Emph */
-.highlight .gr { color: #aa0000 } /* Generic.Error */
-.highlight .gh { color: #999999 } /* Generic.Heading */
-.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
-.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
-.highlight .go { color: #888888 } /* Generic.Output */
-.highlight .gp { color: #555555 } /* Generic.Prompt */
-.highlight .gs { font-weight: bold } /* Generic.Strong */
-.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
-.highlight .gt { color: #aa0000 } /* Generic.Traceback */
-.highlight .kc { font-weight: bold } /* Keyword.Constant */
-.highlight .kd { font-weight: bold } /* Keyword.Declaration */
-.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
-.highlight .kr { font-weight: bold } /* Keyword.Reserved */
-.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
-.highlight .m { color: #009999 } /* Literal.Number */
-.highlight .s { color: #d14 } /* Literal.String */
-.highlight .na { color: #008080 } /* Name.Attribute */
-.highlight .nb { color: #0086B3 } /* Name.Builtin */
-.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
-.highlight .no { color: #008080 } /* Name.Constant */
-.highlight .ni { color: #800080 } /* Name.Entity */
-.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
-.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
-.highlight .nn { color: #555555 } /* Name.Namespace */
-.highlight .nt { color: #000080 } /* Name.Tag */
-.highlight .nv { color: #008080 } /* Name.Variable */
-.highlight .ow { font-weight: bold } /* Operator.Word */
-.highlight .w { color: #bbbbbb } /* Text.Whitespace */
-.highlight .mf { color: #009999 } /* Literal.Number.Float */
-.highlight .mh { color: #009999 } /* Literal.Number.Hex */
-.highlight .mi { color: #009999 } /* Literal.Number.Integer */
-.highlight .mo { color: #009999 } /* Literal.Number.Oct */
-.highlight .sb { color: #d14 } /* Literal.String.Backtick */
-.highlight .sc { color: #d14 } /* Literal.String.Char */
-.highlight .sd { color: #d14 } /* Literal.String.Doc */
-.highlight .s2 { color: #d14 } /* Literal.String.Double */
-.highlight .se { color: #d14 } /* Literal.String.Escape */
-.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
-.highlight .si { color: #d14 } /* Literal.String.Interpol */
-.highlight .sx { color: #d14 } /* Literal.String.Other */
-.highlight .sr { color: #009926 } /* Literal.String.Regex */
-.highlight .s1 { color: #d14 } /* Literal.String.Single */
-.highlight .ss { color: #990073 } /* Literal.String.Symbol */
-.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
-.highlight .vc { color: #008080 } /* Name.Variable.Class */
-.highlight .vg { color: #008080 } /* Name.Variable.Global */
-.highlight .vi { color: #008080 } /* Name.Variable.Instance */
-.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
-\ No newline at end of file
diff --git a/global/css/style.css b/global/css/style.css
deleted file mode 100755
index f6007df..0000000
--- a/global/css/style.css
+++ /dev/null
@@ -1,217 +0,0 @@
-html {
-  height: 100%;
-}
-
-/* Remove Below */
-
-#header .logo img {
-  left:-25px;
-  top:-3px;
-}
-
-#header {
-  height:81px;
-}
-#main {
-  background-position-y: -10px
-}
-.topsearch .nav {
-  position:relative;
-  top:9px;
-}
-
-.category_index { float: left; margin: 0.25em; width:19em; }
-.category_index h2 { background: #ddd; text-align: center; padding: 0.25em; margin-bottom: 0.5em; }
-.category_index dt, .category_index dd { margin-right: 0.5em; }
-.category_index dt { margin-left: 0.5em !important; }
-.category_index dd { margin-left: 1.5em !important; }
-
-
-/*********************/
-/*      Sidebar      */
-/*********************/
-
-#guides .guide .sidebar h3 {
-  padding: 4px;
-  margin: .2em 0;
-}
-#guides .guide .sidebar h3:focus { outline: none; }
-
-.sidebar dl { padding: 0 0.5em 0.5em 0.5em; }
-.sidebar dt {
-  font-weight: bold;
-  margin-top: 0.5em;
-}
-
-.ui-icon {
-  display: inline-block;
-  width: 16px;
-  height: 16px;
-  background-color: white;
-  background-position: -2px 2px;
-  background-repeat: no-repeat;
-}
-.ui-icon-triangle-expand { background-image: url(/images/expand.png); }
-.ui-icon-triangle-collapse { background-image: url(/images/collapse.png); }
-
-/****************************/
-/*      Forking ribbon      */
-/****************************/
-
-@font-face {
-  font-family: Collegiate;
-  src: url("/Collegiate.ttf");
-}
-
-.myribbon {
-  position: absolute;
-  top: 0;
-  overflow: hidden;
-  height: 12em;
-  right: 0;
-}
-
-.myribbon a, myribbon a:hover { text-decoration: none; }
-
-.myribbon a {
-  /* Font */
-  font-family: Collegiate, sans-serif;
-  letter-spacing: -.1px;
-  opacity: 0.95;
-  font-size: 125%;
-  line-height: 1.35em;
-
-  /* Position */
-  display: block;
-  position: relative;
-  top: 2.5em;
-  right: -2.6em;
-  padding: 0.25em 0;
-
-  /* Sit and spin */
-  -moz-transform: rotate(45deg);
-  -webkit-transform: rotate(45deg);
-
-  /* Defaults friendly for white pages. */
-  -moz-box-shadow: 0 0 13px #888;
-  -webkit-box-shadow: 0 0 13px #888;
-  color: #FFF;
-  text-shadow: 0 0 0.5em #444;
-
-  /* Culla */
-  background-color: #9a0000;
-  background: -webkit-gradient(linear, left bottom, left top, from(#9a0000), to(#a90000));
-}
-
-.myribbon a span {
-  padding: 0.1em 3em;
-  border: 1px solid #bf6060;
-}
-
-/****************************/
-/*         Bootcamp         */
-/****************************/
-.short-bottom-marg {
-  margin-bottom: 5px;
-}
-p.next-step strong, .next-steps {
-  color: #666666;
-}
-.next-steps {
-  font-weight: bold;
-}
-.next-steps a {
-  background-image: url('/images/bootcamp/next_step_arrow.gif');
-  background-repeat: no-repeat;
-  background-position: right 50%;
-  padding-right: 15px;
-}
-.next-steps a:hover {
-  padding-right: 20px;
-  text-decoration:  none;
-}
-.intro {
-  color: #868686;
-}
-
-h2 span {
-  color: #666666;
-}
-
-.founders {
-  overflow: hidden;
-  margin: 0px;
-}
-.founder {
-  background:#f5f5f5;
-  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcfcfc',endColorstr='#ececec');
-  background:-webkit-gradient(linear,0% 0,0% 100%,from(#fcfcfc),to(#e8e8e8));
-  background:-moz-linear-gradient(270deg,#fcfcfc,#ececec);border-color:#eee;
-  border:1px solid #e9e9e9;
-  border-bottom-color:#f5f5f5;
-  -webkit-border-radius:5px;
-  -moz-border-radius:5px;
-  border-radius:5px;
-  -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);
-  -moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);
-  box-shadow:0 1px 1px rgba(0,0,0,0.2);
-  display: block;
-  position: relative;
-  width: 250px;
-  padding: 5px;
-  overflow: hidden;
-  margin: 0px 5px 5px 0px;
-  float: left;
-  list-style-type: none;
-}
-
-.founder:hover {
-  text-decoration: none;
-  background:#e5e5e5;
-  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ececec',endColorstr='#dcdcdc');
-  background:-webkit-gradient(linear,0% 0,0% 100%,from(#ececec),to(#d8d8d8));
-  background:-moz-linear-gradient(270deg,#ececec,#dcdcdc);border-color:#ddd;
-}
-
-.founder img {
-  float: left;
-  position: relative;
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
-  border:1px solid #e9e9e9;
-  margin-right: 1em;
-}
-.founder h4 {
-  position: relative;
-  font-size: 1.3em;
-  color: #000;
-  margin: .3em 0px 0px;
-}
-.founder p {
-  position: relative;
-  font-weight: bold;
-  margin:0px !important;
-  color: #666666;
-  margin: 0px;
-}
-
-.step-title {
-  font-weight: bold;
-  display: inline-block;
-  margin-top: 1em;
-}
-
-.step-title span {
-  font-weight: normal;
-  font-style: oblique;
-  color: #666666;
-}
-
-img.bootcamp {
-  display: block;
-}
-
-img.top-margin {
-  margin-top: 1em !important;
-}
diff --git a/global/images/background-v2.png b/global/images/background-v2.png
deleted file mode 100644
index 33292d8..0000000
--- a/global/images/background-v2.png
+++ /dev/null
diff --git a/global/images/background-white.png b/global/images/background-white.png
deleted file mode 100644
index c981fb8..0000000
--- a/global/images/background-white.png
+++ /dev/null
diff --git a/global/images/dropdown_sprites.jpg b/global/images/dropdown_sprites.jpg
deleted file mode 100644
index 3e3cc6f..0000000
--- a/global/images/dropdown_sprites.jpg
+++ /dev/null
diff --git a/global/images/nav-rule.png b/global/images/nav-rule.png
deleted file mode 100644
index 909c5a8..0000000
--- a/global/images/nav-rule.png
+++ /dev/null
diff --git a/global/images/next_step_arrow.gif b/global/images/next_step_arrow.gif
deleted file mode 100644
index 8f93ee9..0000000
--- a/global/images/next_step_arrow.gif
+++ /dev/null
diff --git a/global/images/qmark.png b/global/images/qmark.png
deleted file mode 100644
index caa30f5..0000000
--- a/global/images/qmark.png
+++ /dev/null
diff --git a/global/images/rackspace_logo.png b/global/images/rackspace_logo.png
deleted file mode 100644
index 6a29d67..0000000
--- a/global/images/rackspace_logo.png
+++ /dev/null
diff --git a/global/js/documentation.js b/global/js/documentation.js
deleted file mode 100644
index 0625a91..0000000
--- a/global/js/documentation.js
+++ /dev/null
@@ -1,38 +0,0 @@
-// Init sidebar
-$(function() {
-  var activeItem,
-      helpList = $('#js-help-sidebar .js-topic')
-
-  $('#js-help-sidebar .js-guides').each(function(){
-    //if($(this).find('.disable').length == 0){
-      $(this).children().hide()
-    //}
-  })
-
-  $('#js-help-sidebar .js-topic h3 a').click(function(){
-    var clickedTopic = $(this).parents('.js-topic'),
-        topicGuides = clickedTopic.find('.js-guides li')
-    
-    if(activeItem != clickedTopic.index()){
-      if(helpList.eq(activeItem)){
-        helpList.eq(activeItem).find('.js-guides li').toggle(100)
-      }
-      activeItem = clickedTopic.index()
-      topicGuides.toggle(100)
-    } else {
-      activeItem = undefined
-      topicGuides.toggle(100)
-    }
-
-    return false
-  })
-
-  $('.help-search .search-box').focus(function(){
-    $(this).css('background-position','0px -25px')
-  })
-  $('.help-search .search-box').focusout(function(){
-    if($(this).val() == ''){
-      $(this).css('background-position','0px 0px')
-    }
-  })
-});
-\ No newline at end of file
diff --git a/images/bootcamp_sprites.png b/images/bootcamp_sprites.png
new file mode 100644
index 0000000..081c815
--- /dev/null
+++ b/images/bootcamp_sprites.png
diff --git a/index.markdown b/index.markdown
index 9b5470d..973f092 100644
--- a/index.markdown
+++ b/index.markdown
@@ -3,35 +3,62 @@ layout: default
 title: Welcome
 ---
 
-Welcome to the GitHub Help site. Here we have compiled many guides to help you set up and use git and GitHub.
+<div class="bootcamp-help">
+  <h1>GitHub Bootcamp <span>New to Git and GitHub? This will get you started.</span>
+  </h1>
+  <div class="bootcamp-body">
+  <ul>
+    <li class="setup">
+      <a href="http://help.github.com/set-up-git-redirect" target="_blank">
+        <div class="image">&nbsp;</div>
+        <div class="desc">
+          <h2>Set Up Git</h2>
+        </div>
+      </a>
+    </li>
+    <li class="create-a-repo">
+      <a href="http://help.github.com/create-a-repo" target="_blank">
+        <div class="image">&nbsp;</div>
+        <div class="desc">
+          <h2>Create A Repo</h2>
+        </div>
+      </a>
+    </li>
+    <li class="fork-a-repo">
+      <a href="http://help.github.com/fork-a-repo" target="_blank">
+        <div class="image">&nbsp;</div>
+        <div class="desc">
+          <h2>Fork a Repo</h2>
+        </div>
+      </a>
+    </li>
+    <li class="be-social">
+      <a href="http://help.github.com/be-social" target="_blank">
+        <div class="image">&nbsp;</div>
+        <div class="desc">
+          <h2>Be social</h2>
+        </div>
+      </a>
+    </li>
+  </ul>
+  </div> <!-- /bootcamp-body -->
+</div>
 
-Use the sidebar on the right side of this site to access our guides!
-
-If you would like to submit your own guides, please fork [our repo](http://github.com/github/help.github.com/) and send a pull request.
-
-
-GitHub Bootcamp
----------------
-
-If you are still new to things, we've provided a few walkthroughs to get you started:
-
-1. Take a quick [crash course](http://gitref.org/) on git
-2. [Set up git](set-up-git-redirect)
-3. [Create a Repo](create-a-repo)
-4. [Fork a Repo](fork-a-repo)
-5. [Be Social](be-social)
-
-To learn more about git's commands, we highly recommend you check out [GitRef](http://gitref.org/), the [Pro Git book](http://progit.org/) and the [git man pages](http://www.kernel.org/pub/software/scm/git/docs/).  If you need help or have any questions, feel free to [contact support](http://support.github.com) or [ask the community](http://groups.google.com/group/github/).
-
-Popular guides
---------------
-
-<dl>
-  {% for post in site.categories.popular reversed %}
-    <dt><a href="{{ post.url }}" id="{{ cat }}">{{ post.title }}</a></dt>
-    <dd>{{ post.description }}</dd>
-  {% endfor %}
-</dl>
+<div class="popular-guides">
+  <h2>Popular Guides</h2>
+  <div class="popular-body">
+    <ul>
+      {% for post in site.categories.popular reversed %}
+        <li>
+          <a href="{{ post.url }}" id="{{ cat }}">
+            <h3>{{ post.title }}</h3>
+            <p>{{ post.description }}</p>
+          </a>
+        </li>
+      {% endfor %}
+    </ul>
+  </div>
+</div>
 
 Getting help
 ------------
author	Cameron McEfee <cameron@github.com>	2011-05-16 13:30:40 -0700
committer	Cameron McEfee <cameron@github.com>	2011-05-16 16:55:31 -0700
commit	e7ed98598686739d523f6dc18820468f45656531 (patch)
tree	0a13bb624d8262fac916911f00ab743ea5a66bae
parent	2575b8a597d3febb0088d02fb64214c3dbd5fd57 (diff)