[content][s]: Revert "Homepage content and styling" added in commit 495c27878c.

css/site/site.css

@@ -8,78 +8,19 @@ Author URI:         http://www.mintcanary.com/
 /* -------------------------------------------------- 
    Table of Contents
 -----------------------------------------------------
-:: Imports
-:: Bootstrap Mods
 :: General Styles
-:: Elements
 :: Layout
-:: Homepage
+:: 
+:: 
+:: 
 */
 
-/* ---------------------------------------------------
-   Imports
---------------------------------------------------- */
-
-@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700);
-
-/* ---------------------------------------------------
-   Bootstrap Mods
---------------------------------------------------- */
-
-.btn-primary {
-  background-color: #c7231d;
-  background-image: -moz-linear-gradient(top, #c7231d, #bc130e);
-  background-image: -ms-linear-gradient(top, #c7231d, #bc130e);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c7231d), to(#bc130e));
-  background-image: -webkit-linear-gradient(top, #c7231d, #bc130e);
-  background-image: -o-linear-gradient(top, #c7231d, #bc130e);
-  background-image: linear-gradient(top, #c7231d, #bc130e);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7231d', endColorstr='#bc130e', GradientType=0);
-  border-color: #bc130e #bc130e #bc130e;
-  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-}
-.btn-primary:hover,
-.btn-primary:active,
-.btn-primary.active,
-.btn-primary.disabled,
-.btn-primary[disabled] {
-  background-color: #bc130e;
-}
-
-.btn-info {
-  background-color: #545454;
-  background-image: -moz-linear-gradient(top, #545454, #454545);
-  background-image: -ms-linear-gradient(top, #545454, #454545);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#545454), to(#454545));
-  background-image: -webkit-linear-gradient(top, #545454, #454545);
-  background-image: -o-linear-gradient(top, #545454, #454545);
-  background-image: linear-gradient(top, #545454, #454545);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#545454', endColorstr='#454545', GradientType=0);
-  border-color: #454545 #454545 #454545;
-  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-}
-.btn-info:hover,
-.btn-info:active,
-.btn-info.active,
-.btn-info.disabled,
-.btn-info[disabled] {
-  background-color: #454545;
-}
-
-.btn-large {
-  padding: 9px 20px;
-  -webkit-border-radius: 25px;
-  -moz-border-radius: 25px;
-  border-radius: 25px;
-	font-family:'Open Sans', Helvetica, Arial, sans-serif;
-	font-weight:700;
-}
-
-
 /* ---------------------------------------------------
    General Styles
 --------------------------------------------------- */
 
+@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700);
+
 h1, h2, h3, h4, h5, h6 {
 	font-family:'Open Sans', Helvetica, Arial, sans-serif;
 }
@@ -91,34 +32,10 @@ a:hover {
   color: #bc130e;
 }
 
-
-/* ---------------------------------------------------
-   Elements
---------------------------------------------------- */
-
-.box {
-	background-color:#FFF;
-	padding:25px;
-	-webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-	-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4);
-  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4)
-}
-
 /* ---------------------------------------------------
    Layout
 --------------------------------------------------- */
 
-html {
-	background-color:#040404;
-}
-
-body {
-  padding-top: 60px;
-	background-color:#FFFFFF;
-}
-
 .navbar .logo-icon img {
   margin-top: 6px;
   margin-right: 8px;
@@ -157,59 +74,14 @@ body {
   box-shadow: none;
 }
 
+body {
+  padding-top: 60px;
+}
+
 section {
 	padding-top:20px;
 }
 
-section:after,
-section:before {
-	background-size:10px 75px;
-}
-
-section.grey {
-	background: #ffffff; /* Old browsers */
-  background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 100%); /* FF3.6+ */
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
-  background: -webkit-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
-  background: -o-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); /* Opera 11.10+ */
-  background: -ms-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); /* IE10+ */
-  background: linear-gradient(to bottom, #f5f5f5 0%,#ffffff 100%); /* W3C */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
-}
-
-.footer {
-	background-color:#040404;
-	color:#CCC;
-  margin-top: 30px;
-}
-.footer:before {
-	content: " ";
-	height:7px;
-	display:block;
-	background-image: url(images/zigzags.png);
-	background-repeat: repeat-x;
-	background-position: center -50px;
-	margin-top:-27px;
-}
-.footer:after {
-	display:none;
-}
-.footer .row {
-	margin-top:15px;
-	margin-bottom:15px;
-}
-.footer a {
-	color:#CCC;
-}
-.footer a.btn {
-	color:#333333;
-}
-
-
-/* ---------------------------------------------------
-   Homepage
---------------------------------------------------- */
-
 .home-page.page-header {
 	margin-top:-10px;
 	background: #2d2d2d; /* Old browsers */
@@ -225,9 +97,10 @@ section.grey {
 	margin-bottom:0px;
 	border:none;
 	font-family:'Open Sans', Helvetica, Arial, sans-serif;
-}
+  padding: 60px;
-.home-page.page-header h1 {
+  padding-bottom: 200px;
-	padding-top:15px;
+  /* hide crocodile top to footer on front page */
+  margin-bottom: -30px;
 }
 .home-page.page-header a {
 	color:#FFF;
@@ -242,92 +115,50 @@ section.grey {
 }
 .home-page.page-header .inner {
 	padding:0px 0px 30px 40px;
-	
+	font-size:16px;
-}
+  line-height: 23px;
-.home-page.page-header .inner p {
+  width: 400px;
-	font-size:20px;
-  line-height: 24px;
-	font-style:italic;
-	font-family:'Open Sans', Helvetica, Arial, sans-serif;
-}
-.home-page.page-header .inner .buttons {
-	padding:15px 0px;
-}
-.home-page.page-header .inner .buttons .btn {
-	margin-right:10px;
-}
-
-.home-page.page-header .inner .buttons .btn-large {
-	line-height:22px;
-	height:22px;
-}
-
-.home-page.page-header .inner .buttons .btn-large .icon-white.icon-arrow-down {
-	background-image: url(images/icons/white.png);
-	background-position: 0px 2px;
-	height:30px;
-	width:20px;
-	margin:-2px 3px 0px -3px;
-}
-.home-page.page-header .inner .buttons .btn-large .icon-white.icon-github {
-	background-image: url(images/icons/white.png);
-	background-position: -100px 2px;
-	height:30px;
-	width:36px;
-	margin:-3px 3px 0 -7px;
 }
 
 .home-page.page-header:after {
+	margin-top:-14px;
+}
+
+section.grey {
+	background-color:#f5f5f5;
+}
+
+section.grey:after {
+	background-position: center -50px;
+}
+
+.footer {
+	background-color:#040404;
+	color:#CCC;
+  margin-top: 30px;
+}
+.footer:before {
 	content: " ";
-	height:7px;
+	height:14px;
 	display:block;
-	margin-top:-7px;
 	background-image: url(images/zigzags.png);
 	background-repeat: repeat-x;
+	background-position: center -100px;
+	margin-top:-34px;
 }
-
+.footer:after {
-.box.docs {
+	display:none;
-	background-image: url(images/docs.png);
-	background-repeat: no-repeat;
-	background-position: 180px 18px;
 }
-.box.tuts {
+.footer .row {
-	background-image: url(images/bulb.png);
+	margin-top:15px;
-	background-repeat: no-repeat;
+	margin-bottom:15px;
-	background-position: 169px -8px;
 }
-.box.demos {
+.footer a {
-	background-image: url(images/graph.png);
+	color:#CCC;
-	background-repeat: no-repeat;
-	background-position: 150px center;
 }
-.box.docs,
+.footer a.btn {
-.box.tuts,
-.box.demos {
-	min-height:100px;
-}
-.box.docs a,
-.box.tuts a,
-.box.demos a {
 	color:#333333;
 }
-.box.docs ul,
-.box.tuts ul,
-.box.demos ul {
-	list-style:none;
-	margin:0px;
-}
-.box.docs ul a,
-.box.tuts ul a,
-.box.demos ul a {
-	color:#999999;
-}
-.box.docs ul a:hover,
-.box.tuts ul a:hover,
-.box.demos ul a:hover {
-	color:#333333;
-}
-
 
 .tutorials .well {
   height: 60px;
@@ -356,3 +187,4 @@ section.grey {
 .doc-ex-rendered {
   margin-bottom: 20px;
 }
+

index.html

@@ -11,50 +11,11 @@ title: Home
           <a href="docs/"><img src="images/logo.png" width="455" height="190" alt="Recline Data Explorer and Library"></a>
         </h1>
         <div class="inner">
-          <p>A simple but powerful library for building data<br> 
+          A simple but powerful library for building data applications in
-          applications in pure Javascript and HTML.</p>
+          pure Javascript and HTML.
-          <div class="buttons">
-            <a class="btn btn-info btn-large" href="http://github.com/okfn/recline/"><i class="icon-github icon-white"></i> GitHub</a> <a class="btn btn-primary btn-large" href="download.html"><i class="icon-arrow-down icon-white"></i> Download</a>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</section>
-<section class="grey">
-  <div class="container">
-    <div class="row">
-      <div class="span4">
-        <div class="box docs">
-          <h3><a href="docs/">Documentation</a></h3>
-          <ul>
-            <li><a href="docs/">Concepts and Structure</a></li>
-            <li><a href="docs/#docs-source">Source Docs</a></li>
-          </ul>
-        </div>
-      </div>
-      <div class="span4">
-        <div class="box tuts">
-          <h3><a href="docs/tutorials.html">Tutorials</a></h3>
-          <ul>
-            <li><a href="docs/tutorial-basics.html">Dataset Basics</a></li>
-            <li><a href="docs/tutorial-basics-query.html">Dataset Querying</a></li>
-            <li><a href="docs/tutorial-basics-events.html">Datasets and Events</a></li>
-            <li><a href="docs/tutorials.html">More</a></li>
-          </ul>
-        </div>
-      </div>
-      <div class="span4">
-        <div class="box demos">
-          <h3><a href="demos/">Demos</a></h3>
-          <ul>
-            <li><a href="demos/multiview/">Multiview Demo</a></li>
-            <li><a href="http://explorer.datahub.io/">Data Explorer</a></li>
-            <li><a href="http://timeliner.reclinejs.com/">Timeliner</a></li>
-            <li><a href="http://bit.ly/recline-explorer-crime-sf">Crime Maps</a></li>
-          </ul>
         </div>
       </div>
     </div>
   </div>
 </section>
+