You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@nutch.apache.org by le...@apache.org on 2014/06/09 20:07:11 UTC

svn commit: r1601460 - in /nutch/cms_site/trunk: content/index.md templates/std.html

Author: lewismc
Date: Mon Jun  9 18:07:11 2014
New Revision: 1601460

URL: http://svn.apache.org/r1601460
Log:
Update templating

Modified:
    nutch/cms_site/trunk/content/index.md
    nutch/cms_site/trunk/templates/std.html

Modified: nutch/cms_site/trunk/content/index.md
URL: http://svn.apache.org/viewvc/nutch/cms_site/trunk/content/index.md?rev=1601460&r1=1601459&r2=1601460&view=diff
==============================================================================
--- nutch/cms_site/trunk/content/index.md (original)
+++ nutch/cms_site/trunk/content/index.md Mon Jun  9 18:07:11 2014
@@ -1,383 +1,21 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="Stanford University PostDoc Initiative Fund Website">
-    <meta name="author" content="dev@nutch.apache.org">
-
-    <!-- Le styles -->
-    <link href="./assets/css/bootstrap.css" rel="stylesheet">
-    <link href="./assets/css/bootstrap-responsive.css" rel="stylesheet">
-    <style>
-
-    /* GLOBAL STYLES
-    -------------------------------------------------- */
-    /* Padding below the footer and lighter body text */
-
-    body {
-      padding-bottom: 40px;
-      color: #5a5a5a;
-    }
-
-
-
-    /* CUSTOMIZE THE NAVBAR
-    -------------------------------------------------- */
-
-    /* Special class on .container surrounding .navbar, used for positioning it into place. */
-    .navbar-wrapper {
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      z-index: 10;
-      margin-top: 20px;
-      margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
-    }
-    .navbar-wrapper .navbar {
-
-    }
-
-    /* Remove border and change up box shadow for more contrast */
-    .navbar .navbar-inner {
-      border: 0;
-      -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
-         -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
-              box-shadow: 0 2px 10px rgba(0,0,0,.25);
-    }
-
-    /* Downsize the brand/project name a bit */
-    .navbar .brand {
-      padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
-      font-size: 16px;
-      font-weight: bold;
-      text-shadow: 0 -1px 0 rgba(0,0,0,.5);
-    }
-
-    /* Navbar links: increase padding for taller navbar */
-    .navbar .nav > li > a {
-      padding: 15px 20px;
-    }
-
-    /* Offset the responsive button for proper vertical alignment */
-    .navbar .btn-navbar {
-      margin-top: 10px;
-    }
-
-
-
-    /* CUSTOMIZE THE CAROUSEL
-    -------------------------------------------------- */
-
-    /* Carousel base class */
-    .carousel {
-      margin-bottom: 60px;
-    }
-
-    .carousel .container {
-      position: relative;
-      z-index: 9;
-    }
-
-    .carousel-control {
-      height: 80px;
-      margin-top: 0;
-      font-size: 120px;
-      text-shadow: 0 1px 1px rgba(0,0,0,.4);
-      background-color: transparent;
-      border: 0;
-      z-index: 10;
-    }
-
-    .carousel .item {
-      height: 500px;
-    }
-    .carousel img {
-      position: absolute;
-      top: 0;
-      left: 0;
-      min-width: 100%;
-      height: 500px;
-    }
-
-    .carousel-caption {
-      background-color: transparent;
-      position: static;
-      max-width: 550px;
-      padding: 0 20px;
-      margin-top: 200px;
-    }
-    .carousel-caption h1,
-    .carousel-caption .lead {
-      margin: 0;
-      line-height: 1.25;
-      color: #fff;
-      text-shadow: 0 1px 1px rgba(0,0,0,.4);
-    }
-    .carousel-caption .btn {
-      margin-top: 10px;
-    }
-
-
-
-    /* MARKETING CONTENT
-    -------------------------------------------------- */
-
-    /* Center align the text within the three columns below the carousel */
-    .marketing .span4 {
-      text-align: center;
-    }
-    .marketing h2 {
-      font-weight: normal;
-    }
-    .marketing .span4 p {
-      margin-left: 10px;
-      margin-right: 10px;
-    }
-
-
-    /* Featurettes
-    ------------------------- */
-
-    .featurette-divider {
-      margin: 80px 0; /* Space out the Bootstrap <hr> more */
-    }
-    .featurette {
-      padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
-      overflow: hidden; /* Vertically center images part 2: clear their floats. */
-    }
-    .featurette-image {
-      margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
-    }
-
-    /* Give some space on the sides of the floated elements so text doesn't run right into it. */
-    .featurette-image.pull-left {
-      margin-right: 40px;
-    }
-    .featurette-image.pull-right {
-      margin-left: 40px;
-    }
-
-    /* Thin out the marketing headings */
-    .featurette-heading {
-      font-size: 50px;
-      font-weight: 300;
-      line-height: 1;
-      letter-spacing: -1px;
-    }
-
-    /* RESPONSIVE CSS
-    -------------------------------------------------- */
-
-    @media (max-width: 979px) {
-
-      .container.navbar-wrapper {
-        margin-bottom: 0;
-        width: auto;
-      }
-      .navbar-inner {
-        border-radius: 0;
-        margin: -20px 0;
-      }
-
-      .carousel .item {
-        height: 500px;
-      }
-      .carousel img {
-        width: auto;
-        height: 500px;
-      }
-
-      .featurette {
-        height: auto;
-        padding: 0;
-      }
-      .featurette-image.pull-left,
-      .featurette-image.pull-right {
-        display: block;
-        float: none;
-        max-width: 40%;
-        margin: 0 auto 20px;
-      }
-    }
-
-
-    @media (max-width: 767px) {
-
-      .navbar-inner {
-        margin: -20px;
-      }
-
-      .carousel {
-        margin-left: -20px;
-        margin-right: -20px;
-      }
-      .carousel .container {
-
-      }
-      .carousel .item {
-        height: 300px;
-      }
-      .carousel img {
-        height: 300px;
-      }
-      .carousel-caption {
-        width: 65%;
-        padding: 0 70px;
-        margin-top: 100px;
-      }
-      .carousel-caption h1 {
-        font-size: 30px;
-      }
-      .carousel-caption .lead,
-      .carousel-caption .btn {
-        font-size: 18px;
-      }
-
-      .marketing .span4 + .span4 {
-        margin-top: 40px;
-      }
-
-      .featurette-heading {
-        font-size: 30px;
-      }
-      .featurette .lead {
-        font-size: 18px;
-        line-height: 1.5;
-      }
-
-    }
-    </style>
-    
-    <style type="text/css">
-        /* Share This CSS */
-    .stpulldown-gradient {
-       background: #E1E1E1;
-       background: -moz-linear-gradient(top, #E1E1E1 0%, #A7A7A7 100%); /* firefox */
-       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E1E1E1), color-stop(100%,#A7A7A7)); /* webkit */
-       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E1E1E1', endColorstr='#A7A7A7',GradientType=0 ); /* ie */
-       background: -o-linear-gradient(top, #E1E1E1 0%,#A7A7A7 100%); /* opera */
-       color: #636363;
-     }
-     
-     #stpulldown .stpulldown-logo
-     {
-     height: 40px;
-     width: 300px;
-     margin-left: 20px;
-     margin-top: 5px;
-     background:url("http://apache.org/images/feather-small.gif") no-repeat;
-     }
-    </style>
-
-    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
-    <!--[if lt IE 9]>
-      <script src="../assets/js/html5shiv.js"></script>
-    <![endif]-->
-
-    <!-- Fav and touch icons -->
-    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="./assets/ico/apple-touch-icon-144-precomposed.png">
-    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="./assets/ico/apple-touch-icon-114-precomposed.png">
-    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="./assets/ico/apple-touch-icon-72-precomposed.png">
-    <link rel="apple-touch-icon-precomposed" href="./assets/ico/apple-touch-icon-57-precomposed.png">
-    <link rel="shortcut icon" href="./assets/ico/favicon.ico">
-    
-    <script type="text/javascript">var switchTo5x=true;</script>
-    <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
-    <script type="text/javascript" src="http://s.sharethis.com/loader.js"></script>
-
-  </head>
-
-  <body>
-
-
-
-    <!-- NAVBAR
-    ================================================== -->
-    <div class="navbar-wrapper">
-      <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
-      <div class="container">
-
-        <div class="navbar navbar-inverse">
-          <div class="navbar-inner">
-            <!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
-            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-              <span class="icon-bar"></span>
-              <span class="icon-bar"></span>
-              <span class="icon-bar"></span>
-            </button>
-            <!--  a class="brand" href="#">Home</a-->
-            <a href="#" class="brand">
-              <img src="./assets/img/nutch_logo_tm.png" alt="Apache" title="Apache" /> 
-            </a>
-            <!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
-            <div class="nav-collapse collapse">
-              <ul class="nav">
-                <li><a href="./downloads.html">Downloads</a></li>
-                <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" 
-                    data-toggle="dropdown">Community<b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="https://whimsy.apache.org/board/minutes/Nutch.html">Board Reporting</a></li>
-                    <li><a href="./bot.html">Robots Information</a></li>
-                    <li><a href="./contribute.html">Contribute</a></li>
-                    <li><a href="./mailing_lists.html">Mailing Lists</a></li>
-                    <li><a href="./credits.html">People/Credits</a></li>
-                    <li><a href="./http://www.cafepress.com/nutch">Buy Stuff</a></li>
-                    <li class="divider"></li>
-                    <li class="dropdown">
-                      <a href="#" class="dropdown-toggle" 
-                        data-toggle="dropdown">Related Projects<b class="caret"></b></a>
-                      <ul class="dropdown-header">
-                        <li><a href="http://lucene.apache.org">Apache Lucene</a></li>
-                        <li><a href="http://gora.apache.org">Apache Gora</a></li>
-                        <li><a href="http://hadoop.apache.org">Apache Hadoop</a></li>
-                        <li><a href="http://lucene.apache.org/solr">Apache Solr</a></li>
-                        <li><a href="http://tika.apache.org">Apache Tika</a></li>
-                      </ul>
-                  </ul>
-                </li>
-                <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" 
-                    data-toggle="dropdown">Documentation<b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="./about.html">About</a></li>
-                    <li><a href="http://wiki.apache.org/nutch/">Nutch Wiki</a></li>
-                    <li><a href="./javadoc.html">JavaDoc Documentation</a></li>
-                    <li><a href="http://wiki.apache.org/nutch/#Tutorials">Nutch Tutorials</a></li>
-                  </ul>
-                </li>
-                <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Development<b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="https://issues.apache.org/jira/browse/NUTCH/">Issue Tracker</a></li>
-                    <li><a href="./mailing_lists.html">Mailing Lists</a></li>
-                    <li><a href="https://builds.apache.org/view/M-R/view/Nutch/">Nightly Builds</a></li>
-                    <li><a href="./mailing_lists.html">Mailing Lists</a></li>
-                  </ul>
-                </li>
-                <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                    <img src="./assets/img/feather-small.png" alt="Apache" title="Apache" /> 
-                    <b class="caret"></b>
-                  </a>
-                  <ul class="dropdown-menu pull-right">
-                    <li><a href="http://www.apache.org">Apache Home</a></li>
-                    <li><a href="http://www.apache.org/licenses/">Apache License</a></li>
-                    <li><a href="http://www.apache.org/security/">Security</a></li>
-                    <li><a href="http://www.apache.org/foundation/sponsorship.html">Support</a></li>
-                    <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
-                  </ul>
-                </li>
-              </ul>
-            </div><!--/.nav-collapse -->
-          </div><!-- /.navbar-inner -->
-        </div><!-- /.navbar -->
-       <h1 style="color:white">Welcome to Apache Nutch&trade;</h1>
-      </div> <!-- /.container -->
-    </div><!-- /.navbar-wrapper -->
-
+<!-- 
+Licensed to the Apache Software Foundation (ASF) under one
+or more contributor license agreements.  See the NOTICE file
+distributed with this work for additional information
+regarding copyright ownership.  The ASF licenses this file
+to you under the Apache License, Version 2.0 (the
+"License"); you may not use this file except in compliance
+with the License.  You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing,
+software distributed under the License is distributed on an
+"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, either express or implied.  See the License for the
+specific language governing permissions and limitations
+under the License. 
+-->
     <!-- Carousel
     ================================================== -->
     <div id="myCarousel" class="carousel slide">
@@ -917,18 +555,6 @@
 
       </div>
 
-      <!-- FOOTER -->
-      <footer>
-        <p class="pull-right"><a href="#">Back to top</a></p>
-        <p>Trademark 2004-2014 The Apache Software Foundation. Licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0.html">Apache License 2.0</a>.
-        </p>
-        <p>Apache Nutch, Nutch, Apache, the Apache feather logo, and the Apache Nutch project logo are trademarks of The Apache Software Foundation.</p>
-      </footer>
-
-    </div><!-- /.container -->
-
-
-
     <!-- Le javascript
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
@@ -939,21 +565,6 @@
       var st_pulldown_widget = new sharethis.widgets.pulldownbar(options);
     </script>
     <!-- End of ShareThis -->
-    
-    
-    <script src="./assets/js/jquery.js"></script>
-    <script src="./assets/js/bootstrap-transition.js"></script>
-    <script src="./assets/js/bootstrap-alert.js"></script>
-    <script src="./assets/js/bootstrap-modal.js"></script>
-    <script src="./assets/js/bootstrap-dropdown.js"></script>
-    <script src="./assets/js/bootstrap-scrollspy.js"></script>
-    <script src="./assets/js/bootstrap-tab.js"></script>
-    <script src="./assets/js/bootstrap-tooltip.js"></script>
-    <script src="./assets/js/bootstrap-popover.js"></script>
-    <script src="./assets/js/bootstrap-button.js"></script>
-    <script src="./assets/js/bootstrap-collapse.js"></script>
-    <script src="./assets/js/bootstrap-carousel.js"></script>
-    <script src="./assets/js/bootstrap-typeahead.js"></script>
     <script>
       !function ($) {
         $(function(){
@@ -963,5 +574,3 @@
       }(window.jQuery)
     </script>
     <script src="./assets/js/holder/holder.js"></script>
-  </body>
-</html>

Modified: nutch/cms_site/trunk/templates/std.html
URL: http://svn.apache.org/viewvc/nutch/cms_site/trunk/templates/std.html?rev=1601460&r1=1601459&r2=1601460&view=diff
==============================================================================
--- nutch/cms_site/trunk/templates/std.html (original)
+++ nutch/cms_site/trunk/templates/std.html Mon Jun  9 18:07:11 2014
@@ -32,117 +32,374 @@ under the License. 
 <META name="Robots" content="index, follow" />
 <META name="Security" content="Public" />
 <META name="Source" content="wiki template" />
-<META name="DC.Rights"
-	content="Copyright 2004-2014, The Apache Software Foundation" />
-
-<!-- The styles -->
-<link href="{{base}}assets/css/bootstrap.css" rel="stylesheet">
-<style type="text/css">
-body {
-	padding-top: 60px;
-	padding-bottom: 40px;
-}
-</style>
-<link href="{{base}}assets/css/bootstrap-responsive.css"
-	rel="stylesheet">
-<link href="{{base}}assets/css/Nutch.css" rel="stylesheet">
-
-<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
-<!--[if lt IE 9]>
-    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
-
-<!-- Fav and touch icons -->
-<link rel="apple-touch-icon-precomposed" sizes="144x144"
-	href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-144-precomposed.png">
-<link rel="apple-touch-icon-precomposed" sizes="114x114"
-	href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-114-precomposed.png">
-<link rel="apple-touch-icon-precomposed" sizes="72x72"
-	href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-72-precomposed.png">
-<link rel="apple-touch-icon-precomposed"
-	href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-57-precomposed.png">
-<link rel="shortcut icon" href="{{base}}assets/img/feather-small.png">
-
-<title>Apache Nutch&trade;</title>
-</head>
-
-<body data-spy="scroll" data-target=".bs-docs-sidebar">
-	<!-- Navbar
-================================================== -->
-	<div class="navbar navbar-inverse navbar-fixed-top">
-		<div class="navbar-inner">
-			<!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
-			<button type="button" class="btn btn-navbar" data-toggle="collapse"
-				data-target=".nav-collapse">
-				<span class="icon-bar"></span> <span class="icon-bar"></span> <span
-					class="icon-bar"></span>
-			</button>
-			<!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
-			<div class="nav-collapse collapse">
-				<ul class="nav">
-					<li><a href="./index.html">Home</a></li>
-					<li><a href="./downloads.html">Downloads</a></li>
-					<li class="dropdown"><a href="#" class="dropdown-toggle"
-						data-toggle="dropdown">Community<b class="caret"></b></a>
-						<ul class="dropdown-menu">
-							<li><a
-								href="https://whimsy.apache.org/board/minutes/Nutch.html">Board
-									Reporting</a></li>
-							<li><a href="./bot.html">Robots Information</a></li>
-							<li><a href="./contribute.html">Contribute</a></li>
-							<li><a href="./mailing_lists.html">Mailing Lists</a></li>
-							<li><a href="./credits.html">People/Credits</a></li>
-							<li><a href="http://www.cafepress.com/nutch">Buy Stuff</a></li>
-							<li class="divider"></li>
-							<li class="dropdown"><a href="#" class="dropdown-toggle"
-								data-toggle="dropdown">Related Projects<b class="caret"></b></a>
-								<ul class="dropdown-header">
-									<li><a href="http://lucene.apache.org">Apache Lucene</a></li>
-									<li><a href="http://Nutch.apache.org">Apache Nutch</a></li>
-									<li><a href="http://hadoop.apache.org">Apache Hadoop</a></li>
-									<li><a href="http://lucene.apache.org/solr">Apache Solr</a></li>
-									<li><a href="http://tika.apache.org">Apache Tika</a></li>
-								</ul>
-						</ul></li>
-					<li class="dropdown"><a href="#" class="dropdown-toggle"
-						data-toggle="dropdown">Documentation<b class="caret"></b></a>
-						<ul class="dropdown-menu">
-							<li><a href="./about.html">About</a></li>
-							<li><a href="http://wiki.apache.org/nutch/">Nutch Wiki</a></li>
-							<li><a href="./javadoc.html">JavaDoc Documentation</a></li>
-							<li><a href="http://wiki.apache.org/nutch/#Tutorials">Nutch Tutorials</a></li>
-						</ul></li>
-					<li class="dropdown"><a href="#" class="dropdown-toggle"
-						data-toggle="dropdown">Development<b class="caret"></b></a>
-						<ul class="dropdown-menu">
-							<li><a href="https://issues.apache.org/jira/browse/NUTCH/">Issue Tracker</a></li>
-							<li><a href="./mailing_lists.html">Mailing Lists</a></li>
-							<li><a href="https://builds.apache.org/view/M-R/view/Nutch/">Nightly
-									Builds</a></li>
-							<li><a href="https://issues.apache.org/jira/browse/NUTCH">Issue Tracker</a></li>
-						</ul></li>
-					<li class="dropdown"><a href="#" class="dropdown-toggle"
-						data-toggle="dropdown"> <img
-							src="./assets/img/feather-small.png" alt="Apache" title="Apache" />
-							<b class="caret"></b>
-					</a>
-						<ul class="dropdown-menu pull-right">
-							<li><a href="http://www.apache.org">Apache Home</a></li>
-							<li><a href="http://www.apache.org/licenses/">Apache
-									License</a></li>
-							<li><a href="http://www.apache.org/security/">Security</a></li>
-							<li><a
-								href="http://www.apache.org/foundation/sponsorship.html">Support</a></li>
-							<li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
-						</ul></li>
-				</ul>
-			</div>
-			<!--/.nav-collapse -->
-		</div>
-		<!-- /.navbar-inner -->
-	</div>
-	<!-- /.navbar -->
+<META name="DC.Rights"  content="Copyright 2004-2014, The Apache Software Foundation" />
 
+    <!-- Le styles -->
+    <link href="./assets/css/bootstrap.css" rel="stylesheet">
+    <link href="./assets/css/bootstrap-responsive.css" rel="stylesheet">
+    <style>
+
+    /* GLOBAL STYLES
+    -------------------------------------------------- */
+    /* Padding below the footer and lighter body text */
+
+    body {
+      padding-bottom: 40px;
+      color: #5a5a5a;
+    }
+
+
+
+    /* CUSTOMIZE THE NAVBAR
+    -------------------------------------------------- */
+
+    /* Special class on .container surrounding .navbar, used for positioning it into place. */
+    .navbar-wrapper {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      z-index: 10;
+      margin-top: 20px;
+      margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
+    }
+    .navbar-wrapper .navbar {
+
+    }
+
+    /* Remove border and change up box shadow for more contrast */
+    .navbar .navbar-inner {
+      border: 0;
+      -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
+         -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
+              box-shadow: 0 2px 10px rgba(0,0,0,.25);
+    }
+
+    /* Downsize the brand/project name a bit */
+    .navbar .brand {
+      padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
+      font-size: 16px;
+      font-weight: bold;
+      text-shadow: 0 -1px 0 rgba(0,0,0,.5);
+    }
+
+    /* Navbar links: increase padding for taller navbar */
+    .navbar .nav > li > a {
+      padding: 15px 20px;
+    }
+
+    /* Offset the responsive button for proper vertical alignment */
+    .navbar .btn-navbar {
+      margin-top: 10px;
+    }
+
+
+
+    /* CUSTOMIZE THE CAROUSEL
+    -------------------------------------------------- */
+
+    /* Carousel base class */
+    .carousel {
+      margin-bottom: 60px;
+    }
+
+    .carousel .container {
+      position: relative;
+      z-index: 9;
+    }
+
+    .carousel-control {
+      height: 80px;
+      margin-top: 0;
+      font-size: 120px;
+      text-shadow: 0 1px 1px rgba(0,0,0,.4);
+      background-color: transparent;
+      border: 0;
+      z-index: 10;
+    }
+
+    .carousel .item {
+      height: 500px;
+    }
+    .carousel img {
+      position: absolute;
+      top: 0;
+      left: 0;
+      min-width: 100%;
+      height: 500px;
+    }
+
+    .carousel-caption {
+      background-color: transparent;
+      position: static;
+      max-width: 550px;
+      padding: 0 20px;
+      margin-top: 200px;
+    }
+    .carousel-caption h1,
+    .carousel-caption .lead {
+      margin: 0;
+      line-height: 1.25;
+      color: #fff;
+      text-shadow: 0 1px 1px rgba(0,0,0,.4);
+    }
+    .carousel-caption .btn {
+      margin-top: 10px;
+    }
+
+    /* MARKETING CONTENT
+    -------------------------------------------------- */
+
+    /* Center align the text within the three columns below the carousel */
+    .marketing .span4 {
+      text-align: center;
+    }
+    .marketing h2 {
+      font-weight: normal;
+    }
+    .marketing .span4 p {
+      margin-left: 10px;
+      margin-right: 10px;
+    }
+
+
+    /* Featurettes
+    ------------------------- */
+
+    .featurette-divider {
+      margin: 80px 0; /* Space out the Bootstrap <hr> more */
+    }
+    .featurette {
+      padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
+      overflow: hidden; /* Vertically center images part 2: clear their floats. */
+    }
+    .featurette-image {
+      margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
+    }
+
+    /* Give some space on the sides of the floated elements so text doesn't run right into it. */
+    .featurette-image.pull-left {
+      margin-right: 40px;
+    }
+    .featurette-image.pull-right {
+      margin-left: 40px;
+    }
+
+    /* Thin out the marketing headings */
+    .featurette-heading {
+      font-size: 50px;
+      font-weight: 300;
+      line-height: 1;
+      letter-spacing: -1px;
+    }
+
+    /* RESPONSIVE CSS
+    -------------------------------------------------- */
+
+    @media (max-width: 979px) {
+
+      .container.navbar-wrapper {
+        margin-bottom: 0;
+        width: auto;
+      }
+      .navbar-inner {
+        border-radius: 0;
+        margin: -20px 0;
+      }
+
+      .carousel .item {
+        height: 500px;
+      }
+      .carousel img {
+        width: auto;
+        height: 500px;
+      }
+
+      .featurette {
+        height: auto;
+        padding: 0;
+      }
+      .featurette-image.pull-left,
+      .featurette-image.pull-right {
+        display: block;
+        float: none;
+        max-width: 40%;
+        margin: 0 auto 20px;
+      }
+    }
+
+
+    @media (max-width: 767px) {
+
+      .navbar-inner {
+        margin: -20px;
+      }
+
+      .carousel {
+        margin-left: -20px;
+        margin-right: -20px;
+      }
+      .carousel .container {
+
+      }
+      .carousel .item {
+        height: 300px;
+      }
+      .carousel img {
+        height: 300px;
+      }
+      .carousel-caption {
+        width: 65%;
+        padding: 0 70px;
+        margin-top: 100px;
+      }
+      .carousel-caption h1 {
+        font-size: 30px;
+      }
+      .carousel-caption .lead,
+      .carousel-caption .btn {
+        font-size: 18px;
+      }
+
+      .marketing .span4 + .span4 {
+        margin-top: 40px;
+      }
+
+      .featurette-heading {
+        font-size: 30px;
+      }
+      .featurette .lead {
+        font-size: 18px;
+        line-height: 1.5;
+      }
+
+    }
+    </style>
+    
+    <style type="text/css">
+        /* Share This CSS */
+    .stpulldown-gradient {
+       background: #E1E1E1;
+       background: -moz-linear-gradient(top, #E1E1E1 0%, #A7A7A7 100%); /* firefox */
+       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E1E1E1), color-stop(100%,#A7A7A7)); /* webkit */
+       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E1E1E1', endColorstr='#A7A7A7',GradientType=0 ); /* ie */
+       background: -o-linear-gradient(top, #E1E1E1 0%,#A7A7A7 100%); /* opera */
+       color: #636363;
+     }
+     
+     #stpulldown .stpulldown-logo
+     {
+     height: 40px;
+     width: 300px;
+     margin-left: 20px;
+     margin-top: 5px;
+     background:url("http://apache.org/images/feather-small.gif") no-repeat;
+     }
+    </style>
+
+    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
+    <!--[if lt IE 9]>
+      <script src="../assets/js/html5shiv.js"></script>
+    <![endif]-->
+
+    <!-- Fav and touch icons -->
+    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="./assets/ico/apple-touch-icon-144-precomposed.png">
+    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="./assets/ico/apple-touch-icon-114-precomposed.png">
+    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="./assets/ico/apple-touch-icon-72-precomposed.png">
+    <link rel="apple-touch-icon-precomposed" href="./assets/ico/apple-touch-icon-57-precomposed.png">
+    <link rel="shortcut icon" href="./assets/ico/favicon.ico">
+    
+    <script type="text/javascript">var switchTo5x=true;</script>
+    <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
+    <script type="text/javascript" src="http://s.sharethis.com/loader.js"></script>
+
+  </head>
+
+  <body>
+    <!-- NAVBAR
+    ================================================== -->
+    <div class="navbar-wrapper">
+      <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
+      <div class="container">
+
+        <div class="navbar navbar-inverse">
+          <div class="navbar-inner">
+            <!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
+            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+              <span class="icon-bar"></span>
+              <span class="icon-bar"></span>
+              <span class="icon-bar"></span>
+            </button>
+            <!--  a class="brand" href="#">Home</a-->
+            <a href="#" class="brand">
+              <img src="./assets/img/nutch_logo_tm.png" alt="Apache" title="Apache" /> 
+            </a>
+            <!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
+            <div class="nav-collapse collapse">
+              <ul class="nav">
+                <li><a href="./downloads.html">Downloads</a></li>
+                <li class="dropdown">
+                  <a href="#" class="dropdown-toggle" 
+                    data-toggle="dropdown">Community<b class="caret"></b></a>
+                  <ul class="dropdown-menu">
+                    <li><a href="https://whimsy.apache.org/board/minutes/Nutch.html">Board Reporting</a></li>
+                    <li><a href="./bot.html">Robots Information</a></li>
+                    <li><a href="./contribute.html">Contribute</a></li>
+                    <li><a href="./mailing_lists.html">Mailing Lists</a></li>
+                    <li><a href="./credits.html">People/Credits</a></li>
+                    <li><a href="http://www.cafepress.com/nutch">Buy Stuff</a></li>
+                    <li class="divider"></li>
+                    <li class="dropdown">
+                      <a href="#" class="dropdown-toggle" 
+                        data-toggle="dropdown">Related Projects<b class="caret"></b></a>
+                      <ul class="dropdown-header">
+                        <li><a href="http://lucene.apache.org">Apache Lucene</a></li>
+                        <li><a href="http://gora.apache.org">Apache Gora</a></li>
+                        <li><a href="http://hadoop.apache.org">Apache Hadoop</a></li>
+                        <li><a href="http://lucene.apache.org/solr">Apache Solr</a></li>
+                        <li><a href="http://tika.apache.org">Apache Tika</a></li>
+                      </ul>
+                  </ul>
+                </li>
+                <li class="dropdown">
+                  <a href="#" class="dropdown-toggle" 
+                    data-toggle="dropdown">Documentation<b class="caret"></b></a>
+                  <ul class="dropdown-menu">
+                    <li><a href="./about.html">About</a></li>
+                    <li><a href="http://wiki.apache.org/nutch/">Nutch Wiki</a></li>
+                    <li><a href="./javadoc.html">JavaDoc Documentation</a></li>
+                    <li><a href="http://wiki.apache.org/nutch/#Tutorials">Nutch Tutorials</a></li>
+                  </ul>
+                </li>
+                <li class="dropdown">
+                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Development<b class="caret"></b></a>
+                  <ul class="dropdown-menu">
+                    <li><a href="https://issues.apache.org/jira/browse/NUTCH/">Issue Tracker</a></li>
+                    <li><a href="./mailing_lists.html">Mailing Lists</a></li>
+                    <li><a href="https://builds.apache.org/view/M-R/view/Nutch/">Nightly Builds</a></li>
+                    <li><a href="./mailing_lists.html">Mailing Lists</a></li>
+                  </ul>
+                </li>
+                <li class="dropdown">
+                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+                    <img src="./assets/img/feather-small.png" alt="Apache" title="Apache" /> 
+                    <b class="caret"></b>
+                  </a>
+                  <ul class="dropdown-menu pull-right">
+                    <li><a href="http://www.apache.org">Apache Home</a></li>
+                    <li><a href="http://www.apache.org/licenses/">Apache License</a></li>
+                    <li><a href="http://www.apache.org/security/">Security</a></li>
+                    <li><a href="http://www.apache.org/foundation/sponsorship.html">Support</a></li>
+                    <li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
+                  </ul>
+                </li>
+              </ul>
+            </div><!--/.nav-collapse -->
+          </div><!-- /.navbar-inner -->
+        </div><!-- /.navbar -->
+       <h1 style="color:white">Welcome to Apache Nutch&trade;</h1>
+      </div> <!-- /.container -->
+    </div><!-- /.navbar-wrapper -->
 	<hr>
 
 	<div class="container" id="Nutch_{% block title %}{% endblock %}">