You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@lucene.apache.org by bu...@apache.org on 2014/11/12 00:58:17 UTC

svn commit: r928850 [2/13] - in /websites/staging/lucene/trunk/content: ./ css/ images/ solr/ solr/assets/ solr/assets/images/ solr/assets/scripts/ solr/assets/styles/ solr/lib/ solr/lib/angularjs/ solr/lib/angularjs/scripts/ solr/lib/foundation/ solr/...

Added: websites/staging/lucene/trunk/content/solr/assets/styles/base.css
==============================================================================
--- websites/staging/lucene/trunk/content/solr/assets/styles/base.css (added)
+++ websites/staging/lucene/trunk/content/solr/assets/styles/base.css Tue Nov 11 23:58:08 2014
@@ -0,0 +1,952 @@
+html, body {
+  font-family: 'Helvetica Neue', sans-serif; /* substitute for proxima nova */
+  color: #333;
+}
+
+body {
+  overflow-x:hidden;
+}
+
+.alignleft {
+  float: left;
+}
+
+.alignright {
+  float: right;
+}
+
+.container {
+  padding: 40px 0;
+}
+
+code, pre {
+  font-family: Menlo, Consolas,"Liberation Mono",Courier,monospace;
+  color:#4F504D;
+}
+
+code {
+  font-weight: 500;
+}
+
+/*
+ * Elements
+ */
+:focus {
+  outline: 0;
+}
+
+.offset {
+  position: relative;
+  top: -150px;
+  padding-top: 150px;
+  margin-bottom: -130px;
+  z-index: -1000;
+}
+
+.offset-medium {
+  position: relative;
+  top: -115px;
+  padding-top: 115px;
+  padding-bottom: 0px;
+  margin-bottom: -115px;
+  z-index: -1000;
+}
+
+.offset-small {
+  position: relative;
+  top: -56px;
+  padding-top: 56px;
+  margin-bottom: -56px;
+  z-index: -1000;
+}
+
+.btn1{
+  border: 1px solid #d1d3d4;
+  background-color:inherit;
+  text-transform: uppercase;
+  color:#000;
+  padding: 0.7em 1em;
+  font-weight: 500;
+  margin: 0;
+}
+.btn1:hover, .btn1:focus {
+  color:#ff833d;
+  background:inherit;
+}
+
+div.centered {
+  text-align: center;
+  padding-top: 32px;
+}
+
+a.btn, button {
+  border: 1px solid #d1d3d4;
+  background-color:inherit;
+  text-transform: uppercase;
+  color:#000;
+  padding: 0.7em 1em;
+  font-weight: 500;
+  margin: 0;
+}
+
+a.btn:hover, a.btn:focus,
+button:hover, button:focus {
+  color:#ff833d;
+  background:inherit;
+}
+
+a.btn.white, 
+button.white {
+  color:#fff;
+}
+
+a.btn.white,
+button.white:hover {
+  color:#262130;
+  background:#fff;
+}
+
+a.lucene-btn {
+  background-color:inherit;
+  text-transform: uppercase;
+  text-align: right;
+  line-height: 1.1 !important;
+  font-weight: 200 !important;
+  padding-top: 7px !important;
+  padding-left: 30px !important;
+  padding-right: 15px !important;
+}
+
+
+/*
+ * Header
+ */
+
+.header-section {
+  position: fixed;
+  z-index: 999;
+  min-width: 100%;
+  background:#D9411E;
+}
+
+.header-fill {
+  padding-top: 90px;
+}
+
+.top-bar, .top-bar .name {
+  background:#D9411E;
+  height: 90px;
+}
+
+.top-bar .name .logo {
+  height: 100%;
+  position:relative;
+  left: 15px;
+  padding: 20px 0 25px 0;
+}
+
+.top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button) {
+  background: #D9411E;
+}
+
+.top-bar-section li:not(.has-form) a:not(.btn):hover {
+  background:inherit;
+  color: #25202f;
+}
+
+.top-bar-section .navigation a.selected {
+  color: #25202f;
+}
+
+.top-bar-section li:not(.has-form) a.btn:hover, .top-bar-section li:not(.has-form) a.btn:focus {
+  background:#fff;
+  color: #25202f;
+}
+
+.top-bar-section ul li>a, 
+.top-bar-section ul li>a.btn, 
+.top-bar.shrink.expanded .top-bar-section ul li>a, 
+.top-bar.shrink.expanded .top-bar-section ul li>a.btn {
+  transition: all 0.1s ease;
+  text-transform:uppercase;
+  font-size:1rem;
+}
+
+.top-bar-section ul li>a.btn {
+  margin: 0;
+  background-color: transparent;
+  text-align:left;
+}
+
+.top-bar.expanded .toggle-topbar a {
+  color:#fff;
+}
+
+.top-bar.expanded .top-bar-section li:not(.has-form) a:not(.btn):hover {
+  background:#fff;
+}
+
+/* full-width nav styles */
+@media only screen and (min-width: 47.5em) {
+  .top-bar-section .navigation {
+    margin: 20px 20px 20px 0;
+  }
+  .top-bar .name .logo {
+    left: 15px;
+  }
+  .top-bar .btn {
+    padding-top: .65rem;
+    padding-bottom: .55rem;
+    top: 2px;
+    text-align:center;
+    border: 1px solid #fff;
+  }
+  .top-bar .btn:hover {
+    background:#fff;
+  }
+}
+
+/* shrink header styles */
+.top-bar.shrink, .top-bar.shrink .name, .top-bar.expanded .name {
+  height: 55px;
+}
+
+.top-bar.shrink.expanded {
+  height:auto;
+}
+
+.top-bar.shrink .name .logo, .top-bar.expanded .name .logo {
+  padding: 10px 0 15px 0;
+}
+
+.top-bar.shrink .top-bar-section ul li>a, .top-bar.shrink .top-bar-section ul li>a.btn {
+  font-size: 0.8em;
+}
+
+.top-bar.shrink .top-bar-section li:not(.has-form) a:not(.button) {
+  line-height: 35px;
+}
+
+.top-bar.shrink .navigation {
+  margin: 10px 15px 10px 0;
+}
+
+.top-bar.shrink.expanded .navigation {
+  margin: 0;
+}
+
+.top-bar.shrink.expanded .top-bar-section li:not(.has-form) a:not(.button) {
+  line-height: 1.6;
+}
+
+.top-bar.shrink .button {
+  padding: 10px 20px;
+}
+
+/*
+ * Global
+ */
+h1, h2, h3, h4, h5 {
+  font-family: 'Raleway', 'Helvetica Neue', sans-serif;
+  font-weight:300;
+}
+
+h1 {
+  margin-bottom: 20px;
+  color: #d9411e;
+}
+
+h2 {
+  margin-bottom: 0.8em;
+  color: #D9411E;
+}
+
+h3 {
+  color: #666;
+}
+
+h4 {
+  color: #666;
+}
+
+h5 {
+  color: #999;
+}
+
+p {
+  line-height: 1.8em;
+  color:#262130;
+}
+
+.button {
+  background-color: #ff833d;
+  text-transform: uppercase;
+}
+
+.button:hover,
+.button:focus,
+.button:active {
+  background-color: #ff5c00;
+}
+
+.annotation {
+  color: #262130;
+  text-transform: uppercase;
+  margin-bottom: 0.8em;
+  font-weight:400;
+}
+
+/*
+ * PAGES
+ */
+
+.homepage h1.red {
+  color: #d9411e;;
+}
+
+.page h1, .page h2, .page h3 {
+  font-family: 'Raleway', 'Helvetica Neue', sans-serif;
+  color: #262130;
+}
+
+.page h1, .subnav h1 , h1.news {
+  font-weight:300;
+}
+
+.subnav h1 , h1.news {
+  margin-bottom: 30px;
+}
+
+.subnav h1 , h1.news {
+  line-height:0.8;
+}
+
+.page h1 small, .subnav h1 small, h1.news small {
+  font-size:0.4em;
+  color:#959693;
+}
+
+.page h2, .page h3 {
+  font-weight:500;
+}
+
+.page h2 {
+  font-size:1.5em;
+}
+
+.page h3 {
+  font-size:1.4em;
+}
+
+.page p, .page ul li, .page ol li {
+  color:#959693;
+}
+
+.page a {
+  color: #D9411E;
+}
+
+.page .date {
+  color: #D9411E;
+  text-transform:uppercase;
+  font-weight:500;
+}
+
+#resources {
+  text-align:center;
+}
+
+pre {
+  white-space:pre-wrap;
+  overflow:hidden;
+}
+
+/*
+ * Alternate styles (blue sections)
+ */
+.alternate .annotation {
+  color: #D9411E;
+}
+
+.alternate h1 {
+  font-weight: 100;
+  color: #212121;
+}
+
+.alternate h2 {
+  font-weight: 300;
+}
+
+hr {
+  margin-bottom: 2em;
+  color:#e4e2dd;
+}
+
+/*
+ * Small styles
+ */
+
+.small h1 {
+  font-size: 2em;
+}
+
+.small h2 {
+  font-size: 1.6em;
+}
+
+.small h3 {
+  font-size: 1.4em;
+}
+
+.small h4 {
+  font-size: 1.2em;
+}
+
+.small h5 {
+  font-size: 1em;
+}
+
+.small p {
+  font-size: 0.9em;
+}
+
+/*
+ * Section styles
+ */
+section {
+  padding: 40px 0;
+  color: #333;
+  text-align:center;
+}
+
+section.gray {
+  background-color: #f9f8f8;
+}
+
+section.orange {
+  background-color: #D9411E;
+  color: #fff;
+  padding:60px 0 80px 0;
+  text-align:center;
+  position:relative;
+}
+
+section.orange .annotation {
+  color:#fff;
+}
+
+section.orange h1 {
+  color: inherit;
+}
+
+section.orange h2 {
+  color: inherit;
+}
+
+section.orange p {
+  color:#fff;
+  font-weight: 300;
+  font=size:1.1em;
+}
+
+section.orange .down-arrow {
+  position: absolute;
+  left: 50%;
+}
+
+section.orange .down-arrow .red {
+  color: #ff833c;
+}
+
+section.orange .down-arrow a {
+  color:#fff;
+}
+
+section.orange.full-width {
+  margin-left: -100%;
+  margin-right: -100%;
+  margin-bottom: 2em;
+}
+
+
+/*
+ * Hero
+ */
+.hero {
+  background-color: #262130;
+  color: #fff;
+  position:relative;
+  padding: 100px 0;
+}
+
+.hero h1,
+.hero p {
+  color: #fff;
+}
+
+.hero p {
+  margin-bottom: 40px;
+  font-weight: 300;
+  font-size: 1.1em;
+}
+
+.hero .button {
+  background-color: #305cb3;
+}
+
+.hero .button:hover,
+.hero .button:focus,
+.hero .button:active {
+  background-color: #0045cd;
+}
+
+.hero .down-arrow {
+  position: absolute;
+  bottom: -80px;
+  left: 50%;
+}
+
+.hero .down-arrow .red {
+  color: #D9411E;
+}
+
+.hero .down-arrow a {
+  color:#fff;
+}
+
+/*
+ * Footer
+ */
+footer {
+  background-color: #262130;
+  color: #f9f8f8;
+  padding: 40px 0 20px 0;
+}
+
+footer h4 {
+  padding-bottom:15px;
+  text-transform:uppercase;
+  font-size: 1em;
+}
+
+footer h4, footer ul li a, .page footer ul li a  {
+  color: #f9f8f8;
+  font-family: 'Raleway', 'Helvetica Neue', sans-serif;
+}
+
+footer ul li a, .page footer ul li a {
+  font-weight:300;
+  font-size:0.9em;
+}
+
+footer ul {
+  list-style: none;
+  margin-left: 0;
+}
+
+footer .copyright {
+  padding: 50px 0 40px 0;
+}
+
+footer .copyright p {
+  color: #959693;
+  font-size:0.7em;
+  text-align:center;
+}
+
+/*
+ * Gray/white section styles
+ */
+
+.white h1 {
+  line-height:0.8;
+}
+
+.gray .annotation {
+  color: #262130;
+  font-size: 1em;
+}
+
+.gray h1 {
+  color: #d9411e;
+  line-height:0.8;
+}
+
+.gray .box h3 {
+  color:#000;
+  font-size:1.4em;
+  margin-bottom:20px;
+}
+
+.gray .box p {
+  font-size: 0.9em;
+  line-height: 1.3em;
+  color:#959693;
+}
+
+.gray .box button {
+  font-size: 0.75em;
+  margin-bottom: 0;
+}
+
+.gray .box button:hover {
+  background-color:inherit;
+  color:#ff833d;
+}
+
+.gray .box:hover {
+  background:#fff;
+  border: 1px solid #959693;
+  cursor:pointer;
+}
+
+.gray .box:hover button {
+  color:#ff833d;
+}
+
+.gray .box .img {
+  height:120px;
+}
+
+.gray .box .img img {
+  height:95px;
+}
+
+.full-width .gray .box {
+  padding:0;
+  border:none;
+}
+
+.full-width .gray .box:hover {
+  border:none;
+  cursor:default;
+  background:inherit;
+}
+
+/* box variants */
+.col-4 .box {
+  margin: 15px;
+  padding: 20px 15px;
+  border: solid 1px transparent
+}
+
+.col-4 .box .title {
+  height: 70px;
+}
+
+.col-3 .box {
+  margin: 15px;
+  padding: 50px 20px 30px 20px;
+  border: solid 1px transparent
+}
+
+.col-3 .box .title {
+  height: 70px;
+}
+
+[class*="block-grid-"] {
+  display: block;
+  padding: 0;
+  margin:0;
+}
+
+/*
+ * Solr books
+ */
+.books {
+  margin:40px 0;
+
+}
+
+.books > div{
+    padding-left: 5px;
+}
+
+.powered{
+    line-height: 99px;
+    height: 99px;
+}
+.powered div{
+    line-height: 99px;
+    height: 99px;
+    padding-right: 10px;
+}
+
+.powered img{
+    vertical-align: middle;
+    display: inline;
+}
+
+/*
+ * Slider
+ */
+.slider-prev {
+  left:-25px;
+  color:#ffa16b;
+}
+
+.slider-next {
+  right:-25px;
+  color:#ffa16b;
+}
+
+.slider-prev, .slider-next {
+  position: absolute;
+  display: block;
+  height: 20px;
+  width: 20px;
+  cursor: pointer;
+  top: 50%;
+  margin-top: -10px;
+}
+
+/*
+ * FEATURES PAGE
+ */
+section.list {
+  padding:80px 0;
+}
+
+section.list {
+  text-align:left;
+}
+
+section.list ul li {
+  font-family: 'Raleway', 'Helvetica Neue', sans-serif;
+  font-weight:300;
+  color: #D9411E;
+  font-size: 1.2em;
+  padding-right:20px;
+}
+
+section.list ul li p {
+  font-family: 'Helvetica Neue', sans-serif;
+  font-weight:300;
+  color: #959693;
+  margin-top: 10px;
+  font-size: 0.8em;
+}
+
+section.list ul li ul {
+  padding-top: 10px;
+}
+
+section.list ul li ul li {
+  font-family: 'Helvetica Neue', sans-serif;
+  font-weight:300;
+  color: #959693;
+  margin-top: 2px;
+  font-size: 0.96em;
+}
+
+
+.anchor-fixed {
+  top: 57px;
+  z-index: 1000;
+  position: fixed;
+}
+
+/*
+ * Subnav style pages
+ */
+.sub-nav {
+  display:inline-block;
+  margin-bottom:0;
+}
+
+.sub-nav-container {
+  height: 100px;
+  width: 1000px;
+  margin: 0 auto;
+}
+
+.sub-nav-border {
+  padding: 20px 0;
+  background: white;
+  border-top: 1px solid #e4e2dd;
+  border-bottom: 1px solid #e4e2dd;
+  margin: 0 auto 30px auto;
+}
+
+.sub-nav dd {
+  margin-bottom: 0;
+}
+
+.sub-nav dd a {
+  padding-right: 30px;
+  padding-left: 15px;
+  border-right:1px solid #e4e2dd;
+  position: relative;
+  z-index: 2000;
+}
+
+.codehilite {
+  padding: 30px 20px;
+  border: 1px solid #ccc;
+  margin: 20px 0;
+}
+
+pre {
+  line-height:1.5;
+}
+
+ul.breadcrumbs {
+  background-color:transparent;
+  border: none;
+}
+
+/*
+ * Sidebar
+ */
+
+.side-nav {
+  padding:25px;
+  border:1px solid #e4e2dd;
+  margin-bottom:40px;
+}
+
+ul.side-nav > li {
+  border-top:1px solid #e4e2dd;
+  padding:10px 0 10px 10px;
+  margin:0;
+}
+
+.page .side-nav li a {
+  color:#25202f;
+  font-weight:300;
+  font-size: 1.3em;
+}
+
+.page .side-nav li a.active {
+  color:#D9411E;
+}
+
+.page .side-nav li a:hover {
+  color:#D9411E;
+}
+
+#search form, #search fieldset {
+  border:none;
+  padding:0;
+  margin:0;
+}
+
+.search-box {
+  display: inline-block;
+  padding-right: 1em;
+  position: relative;
+  width: 200px;
+  height: 42px;
+}
+
+#search input[type="search"] {
+  font-family: 'Raleway', 'Helvetica Neue', sans-serif;
+  font-weight:300;
+  height: 28px;
+  width: 185px;
+  font-size: 18px;
+  border: none;
+  box-shadow: none;
+  position: absolute;
+  top: 0px;
+  left: 0px;
+}
+
+#search input[type="search"]:focus {
+  background-color: #f9f9f9;
+}
+
+.search-button {
+  position:absolute;
+  height:23px;
+  width:23px;
+  background-color: transparent !important;
+  line-height: 23px !important;
+  padding: 0 !important;
+  top: 2px;
+  right: 17px;
+  margin:0;
+}
+
+.search-button img {
+  padding:0;
+  line-height:23px;
+  margin:0;
+}
+
+select.search-provider {
+  position:absolute;
+  height:19px;
+  width: 185px;
+  top:29px;
+  left:0px;
+  font-size:0.85em;
+  font-style: italic;
+  color: #888;
+  padding:0;
+  padding-left:7px;
+}
+
+.nested-nav {
+
+}
+
+ul.breadcrumbs {
+  margin:0;
+  padding:0;
+}
+
+ul.breadcrumbs a {
+  text-transform:none;
+  font-size:1.2em;
+}
+
+.tutorials .orange {
+  margin-top: 40px;
+  margin-bottom:40px;
+}
+
+.float-right {
+    float: right;
+}
+
+img.float-right {
+    margin: 5px 0px 10px 10px;
+}
+
+
+.poweredby .list ul{
+    list-style-type: none;
+}
+
+.wrappable-btn {
+  border: 1px solid #d1d3d4;
+  background-color: inherit;
+  text-transform: uppercase;
+  color: #000;
+  padding: 0.25em 0.75em 0.05em 0.47em;
+  font-weight: 500;
+  margin: 0;
+  display: inline-block;
+  vertical-align: middle;
+}
+.wrappable-btn:hover, .wrappable-btn:focus {
+  color: #ff833d;
+  background: inherit;
+}
+
+.ref-guide-badge {
+  background-color: #D9411E;
+  color: #fff;
+  display: inline-block;
+  text-align: center;
+  font-size: 0.6em;
+  line-height: 1.1;
+  font-weight: 500;
+  vertical-align: middle;
+  padding: 1px 2px;
+  margin: 0em 0.50em 0.30em -0.40em;
+}
+.wrappable-btn:hover .ref-guide-badge, .wrappable-btn:focus .ref-guide-badge {
+  background-color: #ff833d;
+}

Modified: websites/staging/lucene/trunk/content/solr/books.html
==============================================================================
--- websites/staging/lucene/trunk/content/solr/books.html (original)
+++ websites/staging/lucene/trunk/content/solr/books.html Tue Nov 11 23:58:08 2014
@@ -1,6 +1,7 @@
-<!-- solr-simple.html -->
+<!doctype html>
+<html>
 
-<head>
+  <head>
   <!--
       Licensed to the Apache Software Foundation (ASF) under one or more
       contributor license agreements.  See the NOTICE file distributed with
@@ -17,43 +18,78 @@
       See the License for the specific language governing permissions and
       limitations under the License.
   -->
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="minimal-ui, initial-scale=1, maximum-scale=1, user-scalable=0">
+
+  <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,600,500' rel='stylesheet' type='text/css'>
 
+  <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
+  <link rel="stylesheet" href="/solr/lib/foundation/styles/normalize.css" />
+  <link rel="stylesheet" href="/solr/lib/foundation/styles/foundation.min.css"/>
+  <link rel="stylesheet" href="/solr/lib/foundation/styles/foundation-icons.css"/>
+  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.3.7/slick.css"/>
+  <link rel="stylesheet" href="/solr/assets/styles/base.css" />
   
-    <link href="../css/global.css" rel="stylesheet" type="text/css">
-    <link href="../css/solr.css" rel="stylesheet" type="text/css">
 
-  <title>Apache Lucene - </title>
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
+  <title>Apache Solr - </title>
+
+
+
   <meta name="Distribution" content="Global"/>
   <meta name="Robots" content="index,follow"/>
+
   <meta name="keywords"
-        content="apache, apache lucene, apache solr, solr, lucene
-        search, information retrieval, spell checking, faceting, inverted index, open source"/>
+            content="apache, apache lucene, apache solr, solr, lucene
+            search, information retrieval, spell checking, faceting, inverted index, open source"/>
+    
 
-  <link rel="shortcut icon" type="image/x-icon" href="/images/lucene-favicon.ico"/>
   
-<script type="text/javascript" src="../scripts/prototype.js"></script>
-<script type="text/javascript" src="../scripts/effects.js"></script>
-<script type="text/javascript" src="../scripts/search.js"></script>
-<script type="text/javascript" src="../scripts/slides.js"></script>
+  <link rel="icon" href="/solr/assets/images/favicon.ico" type="image/x-icon"> 
+  <link rel="shortcut icon" href="/solr/assets/images/favicon.ico" type="image/x-icon"> 
+  
+
+  <script src="/solr/lib/jquery-2.1.1.min.js"></script>
+<script src="/solr/lib/foundation/scripts/modernizr.js"></script>
+<script src="/solr/lib/angularjs/scripts/angular.min.js"></script>
+<script src="/solr/lib/angularjs/scripts/angular-animate.min.js"></script>
+<script src="/solr/lib/foundation/scripts/foundation.min.js"></script>
+<script src="//cdn.jsdelivr.net/jquery.slick/1.3.7/slick.min.js"/></script>
+<script src="/solr/lib/jquery.smooth-scroll.min.js"></script>
 
-<!--<script type="text/javascript" src="scripts/jquery.js"></script>-->
+    <script src="/solr/assets/scripts/main.js"></script>
+    
 
 </head>
 
 
-<body id="home">
-<div id="wrap">
-  <div id="header">
-    <div id="logo" style="float:left">
-      
-  <a href="index.html"><img border="0" width="250" height="137" src="../images/solr.png"
-                                              alt="Solr Logo"/></a><div style="z-index:100;position:absolute;top:10px;right:175px"><span style="vertical-align: super; font-size: xx-small">TM</span></div>
 
+  <body class="page" x-ng-app-root="/solr" x-ng-app="page" x-ng-controller="page.controllers.main">
 
-    </div>
-    <div id="search" style="float:right;zoom:1">
+    
+<div class="contain-to-grid">
+<div class="header-section">
+	<nav class="top-bar" data-topbar role="navigation">
+	  <ul class="title-area">
+	    <li class="name">
+	      <a href="/solr/"><img class="logo" src="/solr/assets/images/logo.svg" /></a>
+	    </li>
+	    <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
+	  </ul>
+
+	  <div class="top-bar-section">
+	    <ul class="navigation right">
+  <li>
+    <a href="/solr/news.html">News</a>
+  </li>
+  <li>
+    <a href="/solr/features.html">Features</a>
+  </li>
+  <li>
+    <a href="/solr/resources.html">Resources</a>
+  </li>
+  <li class="toggle">
+    <a ng-hide="toggled" ng-click="toggle();" href="#">Search</a>
+    <div id="search">
   <script type="text/javascript">
     function getBlank(input, stdValue) {
       if (input.value == stdValue) {
@@ -62,43 +98,49 @@
       return true;
     }
 
-    function submitForm(form) {
+    function selectProvider(form) {
+      lucidAction = "http://find.searchhub.org/p:lucene,solr";
+      searchLuceneAction = "http://search-lucene.com/lucene";
+
       provider = form.elements['searchProvider'].value;
-      if (provider == "any") {
+      if (provider == "lucid" || provider == "sl") {
+        if (provider == "lucid") {
+          form.action = lucidAction;
+        } else if (provider == "sl") {
+          form.action = searchLuceneAction;
+        }
+
+        // Only store provider preference cookie if the user selected it
+        days = 90; // cookie will be valid for 90 days
+        date = new Date();
+        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
+        expires = "; expires=" + date.toGMTString();
+        document.cookie = "searchProvider=" + provider + expires + "; path=/";
+      } else {
         if (Math.random() > 0.5) {
-          provider = "lucid";
+          form.action = lucidAction;
         } else {
-          provider = "sl";
+          form.action = searchLuceneAction;
         }
       }
-
-      if (provider == "lucid") {
-        form.action = "http://find.searchhub.org/p:lucene,solr";
-      } else if (provider == "sl") {
-        form.action = "http://search-lucene.com/lucene";
-      }
-
-      days = 90; // cookie will be valid for 90 days
-      date = new Date();
-      date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
-      expires = "; expires=" + date.toGMTString();
-      document.cookie = "searchProvider=" + provider + expires + "; path=/";
-
       return true;
     }
   </script>
-  <form id="quick-search" method="GET" onsubmit="return submitForm(this)"
-        action="http://search-lucene.com/lucene"
+  <form id="quick-search" method="GET" onsubmit="return selectProvider(this)"
+        action="http://search-lucene.com//lucene"
         name="searchform">
     <fieldset>
-      <input type="search" id="q" name="q" value="Search with Apache Solr..." class="class1 class2 hint" accesskey="q"
-             onfocus="getBlank(this, 'Search with Apache Solr...')">
-      <span style="color:white">@</span>
-      <select name="searchProvider" id="searchProvider">
-        <option value="any">select provider</option>
-        <option value="lucid">Lucid Find</option>
-        <option value="sl">Search-Lucene</option>
-      </select>
+      <div ng-show="toggled" class="search-box">
+        <input type="search" name="q" placeholder="Search |" accesskey="q"
+               onfocus="getBlank(this, 'Search |');"/>
+        <a class="search-button" type="submit" 
+           onclick="form = document.getElementById('quick-search'); selectProvider(form); form.submit();"><img src="/solr/assets/images/magnifying-glass.png"/></a>
+        <select name="searchProvider" id="searchProvider" class="search-provider">
+          <option value="any"> - select provider - </option>
+          <option value="lucid">@ Lucid Find</option>
+          <option value="sl">@ Search-Lucene</option>
+        </select>
+      </div>
     </fieldset>
     <script type="text/javascript">
       if (document.cookie.length > 0) {
@@ -117,126 +159,28 @@
   </form>
 </div>
 
-    <div id="nav">
-      
-  <ul>
-  <li><a href="solrnews.html">News</a></li>
-  <li><a href="downloads.html">Download</a></li>
-  <li><a href="discussion.html">Mailing Lists</a></li>
-  <li><a href="documentation.html">Documentation</a></li>
-  <li><a href="tutorial.html">Tutorial</a></li>
-  <li><a href="https://issues.apache.org/jira/browse/SOLR">Issue Tracker</a></li>
-  <li><a class="last" href="../">Lucene TLP</a></li>
+  </li>
+  <li>
+    <a class="btn" href="/solr/mirrors-solr-latest-redir.html">download</a>
+  </li>
+  <li >
+    <a class="lucene-btn" href="/index.html">Lucene<br />&#8679; TLP</a>
+  </li>
 </ul>
 
-
-    </div>
-    
-  
-<div id="slides">
-  <div class="slideshow" id="mantleSlides">
-    <div id="slide1">
-      <div class="callout">
-        Ultra-fast Lucene-based Search Server<br/>
-      </div>
-      <div class="descwrapper">
-        <div class="description">
-          Apache Solr offers Lucene's capabilities in an easy to use,
-          fast search server with additional features like faceting, scalability and much more
-        </div>
-      </div>
-      <div class="mantle">
-        <img alt="Apache Solr" src="../images/mantle-solr.png"/>
-      </div>
-    </div>
-    <div id="slide2" style="display:none">
-      <div class="callout">
-        Proven search capabilities<br/>
-      </div>
-      <div class="descwrapper">
-        <div class="description">
-          The Solr search server powers a wide range of applications such as Netflix, AOL, CNET, Zappos and many more
-        </div>
-      </div>
-      <div class="mantle">
-        <img alt="Solr Power" src="../images/mantle-power.png"/>
-      </div>
-    </div>
-    <div id="slide3" style="display:none">
-      <div class="callout">
-        Scalable
-      </div>
-      <div class="descwrapper">
-        <div class="description">
-          Apache Solr has been deployed successfully in both high query volume
-          situations and
-          large collection sizes
-        </div>
-      </div>
-      <div class="mantle">
-        <img alt="Apache Solr community" src="../images/mantle-scale.png"/>
-      </div>
-    </div>
-    <div id="slide4" style="display:none">
-      <div class="callout">
-        Apache 2.0 licensed
-      </div>
-      <div class="descwrapper">
-        <div class="description">
-          Apache Solr is distributed under a commercially friendly Apache Software license
-        </div>
-      </div>
-      <div class="mantle">
-        <img alt="Apache Software Foundation" src="../images/mantle-asf.png"/>
-      </div>
-    </div>
-    <div id="slide5" style="display:none">
-      <div class="callout">
-        Published
-      </div>
-      <div class="descwrapper">
-        <div class="description">
-          Latest books written about Apache Solr
-        </div>
-      </div>
-      <div class="mantle">
-        <a href="books.html#mastering-apache-solr">
-        <img alt="Mastering Apache Solr" src="../images/book_mas.jpg" style="width: 150px;height: 180px;"/>
-        </a>
-        <a href="books.html#solr-in-action">
-        <img alt="Solr in Action" src="../images/book_sia.png" style="width: 150px;height: 180px;"/>
-        </a>
-        <a href="books.html#instant-apache-solr-for-indexing-data-how-to">
-        <img alt="Instant Apache Solr for Indexing Data How-to" src="../images/book_s4index.jpg" style="width: 150px;height: 180px;"/>
-        </a>
-        <a href="books.html#apache-solr-4-cookbook">
-        <img alt="Apache Solr 4.0 Cookbook" src="../images/book_s4c.jpg" style="width: 150px;height: 180px;"/>
-        </a>
-      </div>
-    </div>
-  </div>
-  <div class="controls">
-    <a class="next" id="next" title="Next" href="#">Next</a>
-    <a class="previous" id="previous" title="Previous" href="#">Previous</a>
-    <a class="start" id="start" title="Start" href="#" style="display: none; ">Start</a>
-    <a class="stop" id="stop" title="Stop" href="#">Stop</a>
-  </div>
+	  </div>
+	</nav>
+</div>
 </div>
-<script type="text/javascript">
-  function StartSlides() {
-    new Slides('mantleSlides');
-  }
-  document.observe('dom:loaded', StartSlides);
-</script>
-
 
+<div class="header-fill"></div>
 
-  </div> 
-  <div id="content-wrap" class="clearfix">
-    <div id="main">
-      <h1 class="title"></h1>
+  <div class="container">
 
-      <div><h1 id="solrwzxhzdk0tmwzxhzdk1-books">Solr<span style="vertical-align: super; font-size: xx-small">TM</span> Books</h1>
+    <div class="row">
+      <div class="small-12 columns">
+        
+          <h1 id="solrwzxhzdk0tmwzxhzdk1-books">Solr<span style="vertical-align: super; font-size: xx-small">TM</span> Books</h1>
 <div class="toc">
 <ul>
 <li><a href="#solrwzxhzdk0tmwzxhzdk1-books">Solr<span style="vertical-align: super; font-size: xx-small">TM</span> Books</a><ul>
@@ -316,91 +260,117 @@ David Smiley and Eric Pugh are proud to 
 <p>This book is a comprehensive reference guide for nearly every feature Solr has to offer. It serves the reader right from initiation to development to deployment. It also comes with complete running examples to demonstrate its use and show how to integrate it with other languages and frameworks.</p>
 <p>To keep this interesting and realistic, it uses a large open source set of metadata about artists, releases, and tracks courtesy of the MusicBrainz.org project. Using this data as a testing ground for Solr, you will learn how to import this data in various ways from CSV to XML to database access. You will then learn how to search this data in a myriad of ways, including Solr's rich query syntax, "boosting" match scores based on record data and other means, about searching across multiple fields with different boosts, getting facets on the results, auto-complete user queries, spell-correcting searches, highlighting queried text in search results, and so on.</p>
 <p>After this thorough tour, you'll see working examples of integrating a variety of technologies with Solr such as Java, JavaScript, Drupal, Ruby, PHP, and Python.</p>
-<p>Finally, this book covers various deployment considerations to include indexing strategies and performance-oriented configuration that will enable you to scale Solr to meet the needs of a high-volume site.</p></div>
-      
-
-
-      
-    </div>
-    
-    
-<div id="sidebar">
-  <div class="button-wrapper">
-    <div class="button-orange">
-     <a href="mirrors-solr-latest-redir.html?">Download</a>
-      <div class="flap top">Click to begin</div>
-      <div class="flap bottom">of Apache Solr 4.10.2</div>
-      <div class="download-desc">Apache Solr 4.10.2</div>
-    </div>
-  </div>
-  <span class="sidenav"><h1 id="resources">Resources</h1>
-<ul>
-<li><a href="./features.html">Features</a></li>
-<li><a href="./tutorial.html">Tutorial</a></li>
-<li><a href="./documentation.html">Release Documentation</a></li>
-<li><a href="./versioncontrol.html">Version Control</a></li>
-<li><a href="./books.html">Books</a></li>
-<li><a href="./screenshots.html">Screenshots</a></li>
-</ul>
-<h1 id="about">About</h1>
-<ul>
-<li><a href="http://www.apache.org/licenses/LICENSE-2.0">License</a></li>
-<li><a href="../whoweare.html">Who We are</a></li>
-</ul>
-<h1 id="asf-links">ASF links</h1>
-<ul>
-<li><a href="http://www.apache.org">Apache Software Foundation</a></li>
-<li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
-<li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
-<li><a href="http://www.apache.org/security/">Security</a></li>
-</ul>
-<h1 id="related-projects">Related Projects</h1>
-<ul>
-<li><a href="http://hadoop.apache.org">Apache Hadoop</a></li>
-<li><a href="http://manifoldcf.apache.org/">Apache ManifoldCF</a></li>
-<li><a href="http://lucenenet.apache.org/">Apache Lucene.Net</a></li>
-<li><a href="http://lucy.apache.org/">Apache Lucy</a></li>
-<li><a href="http://mahout.apache.org">Apache Mahout</a></li>
-<li><a href="http://nutch.apache.org">Apache Nutch</a></li>
-<li><a href="http://opennlp.apache.org/">Apache OpenNLP</a></li>
-<li><a href="http://tika.apache.org">Apache Tika</a></li>
-<li><a href="http://zookeeper.apache.org">Apache Zookeeper</a></li>
-</ul>
-    <div class="status">
-      <div id="svn">
-        <h1>Latest SVN</h1>
-
-        
-          <div class="status-item">Not Available</div>
+<p>Finally, this book covers various deployment considerations to include indexing strategies and performance-oriented configuration that will enable you to scale Solr to meet the needs of a high-volume site.</p>
         
       </div>
-
-      <!--div id="solr-twitter">
-        <h1>#solr</h1>
-        
-          <div class="status-item">Not Available</div>
-        
-      </div-->
     </div>
-  </span>
-</div>
-
 
   </div>
-  <div id="footer">
-  <div class="copyright">
-    <p>
-      Copyright &copy; 2011-2012 The Apache Software Foundation, Licensed under
-      the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.  <a href="/privacy.html">Privacy Policy</a>
-      <br/>
-      Apache and the Apache feather logo are trademarks of The Apache Software Foundation.  Apache Lucene, Apache Solr and their
-      respective logos are trademarks of the Apache Software Foundation.  Please see the <a href="http://www.apache.org/foundation/marks/">Apache Trademark Policy</a>
-      for more information.
-    </p>
-  </div>
-</div>
-
-</div>
+    
+    <footer>
+  <div class="row">
+    <div class="small-6 medium-3 columns">
+      <h4>Features</h4>
+      <ul>
+        <li><a href="/solr/features.html">Overview</a></li>
+        <li><a href="/solr/features.html#schema">Data Handling</a></li>
+        <li><a href="/solr/features.html#query">Querying</a></li>
+        <li><a href="/solr/features.html#facets">Faceting</a></li>
+        <li><a href="/solr/features.html#discovery">Discovery</a></li>
+        <li><a href="/solr/features.html#plugins">Plugins and Extensions</a></li>
+        <li><a href="/solr/features.html#stats">Statistics and Aggregations</a></li>
+        <li><a href="/solr/features.html#spatial">Spatial</a></li>
+        <li><a href="/solr/features.html#rich-content">Rich Content</a></li>
+        <li><a href="/solr/features.html#performance">Performance</a></li>
+        <li><a href="/solr/features.html#solrcloud">Scaling with SolrCloud</a></li>
+        <li><a href="/solr/features.html#admin-ui">User Interface</a></li>
+      </ul>
+    </div>
+    <div class="small-6 medium-3 columns">
+      <h4>Resources</h4>
+      <ul>
+        <li><a href="/solr/resources.html#tutorial">Tutorial</a></li>
+        <li><a href="/solr/resources.html#documentation">Docs</a></li>
+        <li><a href="/solr/resources.html#solr-books">Books</a></li>
+        <li><a href="/solr/resources.html#presentations">Presentations</a></li>
+        <li><a href="/solr/resources.html#videos">Videos</a></li>
+        <li><a href="/solr/resources.html#community">Solr Community</a></li>
+      </ul>
+    </div>
+    <div class="small-6 medium-3 columns">
+      <h4>Get Started</h4>
+      <ul>
+        <li><a href="/solr/mirrors-solr-latest-redir.html">Download</a></li>
+        <li><a href="/solr/tutorials.html">Run Through the Tutorial</a></li>
+        <li><a href="/solr/resources.html">Level Up</a></li>
+      </ul>
+    </div>
+    <div class="small-6 medium-3 columns">
+      <h4>Related Projects</h4>
+      <ul>
+        <li><a href="http://hadoop.apache.org/">Apache Hadoop</a></li>
+        <li><a href="http://manifoldcf.apache.org/">Apache ManifoldCF</a></li>
+        <li><a href="http://mahout.apache.org/">Apache Mahout</a></li>
+        <li><a href="http://nutch.apache.org/">Apache Nutch</a></li>
+        <li><a href="http://opennlp.apache.org/">Apache OpenNLP</a></li>
+        <li><a href="http://tika.apache.org/">Apache Tika</a></li>
+        <li><a href="http://zookeeper.apache.org/">Apache Zookeeper</a></li>
+      </ul>
+    </div>
+  </div>
+  <div class="row copyright">
+    <div class="large-centered columns">
+      <p>Copyright © 2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0. Privacy Policy<br/>Apache and the Apache feather logo are trademarks of The Apache Software Foundation. Apache Lucene, Apache Solr and their respective logos are trademarks of the Apache Software Foundation. Please see the Apache Trademark Policy for more information.  All non-Apache logos are the trademarks of their respective owners.</p>
+    </div>
+  </div>
+</footer>
+
+<script>
+  $(document).foundation();
+</script>
+<script>
+$(document).ready(function(){
+    $('.slider').slick({
+      infinite: false,
+      speed: 300,
+      slidesToShow: 6,
+      slidesToScroll: 6,
+      responsive: [
+        {
+          breakpoint: 1024,
+          settings: {
+            slidesToShow: 4,
+            slidesToScroll: 4,
+            infinite: true
+          }
+        },
+        {
+          breakpoint: 600,
+          settings: {
+            slidesToShow: 3,
+            slidesToScroll: 3
+          }
+        },
+        {
+          breakpoint: 480,
+          settings: {
+            slidesToShow: 2,
+            slidesToScroll: 2
+          }
+        },
+        {
+          breakpoint: 320,
+          settings: {
+            slidesToShow: 1,
+            slidesToScroll: 1
+          }
+        }
+      ],
+      prevArrow: '<i class="fa fa-angle-left fa-2x slider-prev"></i>',
+      nextArrow: '<i class="fa fa-angle-right fa-2x slider-next"></i>'
+    });
+});
+</script>
 <script type="text/javascript">
 
   var _gaq = _gaq || [];
@@ -413,6 +383,9 @@ David Smiley and Eric Pugh are proud to 
     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
   })();
 
-</script>
-</body>
+</script>
+
+
 
+  </body>
+</html>

Modified: websites/staging/lucene/trunk/content/solr/documentation.html
==============================================================================
--- websites/staging/lucene/trunk/content/solr/documentation.html (original)
+++ websites/staging/lucene/trunk/content/solr/documentation.html Tue Nov 11 23:58:08 2014
@@ -1,6 +1,7 @@
-<!-- solr-simple.html -->
+<!doctype html>
+<html>
 
-<head>
+  <head>
   <!--
       Licensed to the Apache Software Foundation (ASF) under one or more
       contributor license agreements.  See the NOTICE file distributed with
@@ -17,43 +18,78 @@
       See the License for the specific language governing permissions and
       limitations under the License.
   -->
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="minimal-ui, initial-scale=1, maximum-scale=1, user-scalable=0">
+
+  <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,600,500' rel='stylesheet' type='text/css'>
 
+  <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
+  <link rel="stylesheet" href="/solr/lib/foundation/styles/normalize.css" />
+  <link rel="stylesheet" href="/solr/lib/foundation/styles/foundation.min.css"/>
+  <link rel="stylesheet" href="/solr/lib/foundation/styles/foundation-icons.css"/>
+  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.3.7/slick.css"/>
+  <link rel="stylesheet" href="/solr/assets/styles/base.css" />
   
-    <link href="../css/global.css" rel="stylesheet" type="text/css">
-    <link href="../css/solr.css" rel="stylesheet" type="text/css">
 
-  <title>Apache Lucene - </title>
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
+  <title>Apache Solr - </title>
+
+
+
   <meta name="Distribution" content="Global"/>
   <meta name="Robots" content="index,follow"/>
+
   <meta name="keywords"
-        content="apache, apache lucene, apache solr, solr, lucene
-        search, information retrieval, spell checking, faceting, inverted index, open source"/>
+            content="apache, apache lucene, apache solr, solr, lucene
+            search, information retrieval, spell checking, faceting, inverted index, open source"/>
+    
 
-  <link rel="shortcut icon" type="image/x-icon" href="/images/lucene-favicon.ico"/>
   
-<script type="text/javascript" src="../scripts/prototype.js"></script>
-<script type="text/javascript" src="../scripts/effects.js"></script>
-<script type="text/javascript" src="../scripts/search.js"></script>
-<script type="text/javascript" src="../scripts/slides.js"></script>
+  <link rel="icon" href="/solr/assets/images/favicon.ico" type="image/x-icon"> 
+  <link rel="shortcut icon" href="/solr/assets/images/favicon.ico" type="image/x-icon"> 
+  
+
+  <script src="/solr/lib/jquery-2.1.1.min.js"></script>
+<script src="/solr/lib/foundation/scripts/modernizr.js"></script>
+<script src="/solr/lib/angularjs/scripts/angular.min.js"></script>
+<script src="/solr/lib/angularjs/scripts/angular-animate.min.js"></script>
+<script src="/solr/lib/foundation/scripts/foundation.min.js"></script>
+<script src="//cdn.jsdelivr.net/jquery.slick/1.3.7/slick.min.js"/></script>
+<script src="/solr/lib/jquery.smooth-scroll.min.js"></script>
 
-<!--<script type="text/javascript" src="scripts/jquery.js"></script>-->
+    <script src="/solr/assets/scripts/main.js"></script>
+    
 
 </head>
 
 
-<body id="home">
-<div id="wrap">
-  <div id="header">
-    <div id="logo" style="float:left">
-      
-  <a href="index.html"><img border="0" width="250" height="137" src="../images/solr.png"
-                                              alt="Solr Logo"/></a><div style="z-index:100;position:absolute;top:10px;right:175px"><span style="vertical-align: super; font-size: xx-small">TM</span></div>
 
+  <body class="page" x-ng-app-root="/solr" x-ng-app="page" x-ng-controller="page.controllers.main">
 
-    </div>
-    <div id="search" style="float:right;zoom:1">
+    
+<div class="contain-to-grid">
+<div class="header-section">
+	<nav class="top-bar" data-topbar role="navigation">
+	  <ul class="title-area">
+	    <li class="name">
+	      <a href="/solr/"><img class="logo" src="/solr/assets/images/logo.svg" /></a>
+	    </li>
+	    <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
+	  </ul>
+
+	  <div class="top-bar-section">
+	    <ul class="navigation right">
+  <li>
+    <a href="/solr/news.html">News</a>
+  </li>
+  <li>
+    <a href="/solr/features.html">Features</a>
+  </li>
+  <li>
+    <a href="/solr/resources.html">Resources</a>
+  </li>
+  <li class="toggle">
+    <a ng-hide="toggled" ng-click="toggle();" href="#">Search</a>
+    <div id="search">
   <script type="text/javascript">
     function getBlank(input, stdValue) {
       if (input.value == stdValue) {
@@ -62,43 +98,49 @@
       return true;
     }
 
-    function submitForm(form) {
+    function selectProvider(form) {
+      lucidAction = "http://find.searchhub.org/p:lucene,solr";
+      searchLuceneAction = "http://search-lucene.com/lucene";
+
       provider = form.elements['searchProvider'].value;
-      if (provider == "any") {
+      if (provider == "lucid" || provider == "sl") {
+        if (provider == "lucid") {
+          form.action = lucidAction;
+        } else if (provider == "sl") {
+          form.action = searchLuceneAction;
+        }
+
+        // Only store provider preference cookie if the user selected it
+        days = 90; // cookie will be valid for 90 days
+        date = new Date();
+        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
+        expires = "; expires=" + date.toGMTString();
+        document.cookie = "searchProvider=" + provider + expires + "; path=/";
+      } else {
         if (Math.random() > 0.5) {
-          provider = "lucid";
+          form.action = lucidAction;
         } else {
-          provider = "sl";
+          form.action = searchLuceneAction;
         }
       }
-
-      if (provider == "lucid") {
-        form.action = "http://find.searchhub.org/p:lucene,solr";
-      } else if (provider == "sl") {
-        form.action = "http://search-lucene.com/lucene";
-      }
-
-      days = 90; // cookie will be valid for 90 days
-      date = new Date();
-      date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
-      expires = "; expires=" + date.toGMTString();
-      document.cookie = "searchProvider=" + provider + expires + "; path=/";
-
       return true;
     }
   </script>
-  <form id="quick-search" method="GET" onsubmit="return submitForm(this)"
-        action="http://search-lucene.com/lucene"
+  <form id="quick-search" method="GET" onsubmit="return selectProvider(this)"
+        action="http://search-lucene.com//lucene"
         name="searchform">
     <fieldset>
-      <input type="search" id="q" name="q" value="Search with Apache Solr..." class="class1 class2 hint" accesskey="q"
-             onfocus="getBlank(this, 'Search with Apache Solr...')">
-      <span style="color:white">@</span>
-      <select name="searchProvider" id="searchProvider">
-        <option value="any">select provider</option>
-        <option value="lucid">Lucid Find</option>
-        <option value="sl">Search-Lucene</option>
-      </select>
+      <div ng-show="toggled" class="search-box">
+        <input type="search" name="q" placeholder="Search |" accesskey="q"
+               onfocus="getBlank(this, 'Search |');"/>
+        <a class="search-button" type="submit" 
+           onclick="form = document.getElementById('quick-search'); selectProvider(form); form.submit();"><img src="/solr/assets/images/magnifying-glass.png"/></a>
+        <select name="searchProvider" id="searchProvider" class="search-provider">
+          <option value="any"> - select provider - </option>
+          <option value="lucid">@ Lucid Find</option>
+          <option value="sl">@ Search-Lucene</option>
+        </select>
+      </div>
     </fieldset>
     <script type="text/javascript">
       if (document.cookie.length > 0) {
@@ -117,126 +159,28 @@
   </form>
 </div>
 
-    <div id="nav">
-      
-  <ul>
-  <li><a href="solrnews.html">News</a></li>
-  <li><a href="downloads.html">Download</a></li>
-  <li><a href="discussion.html">Mailing Lists</a></li>
-  <li><a href="documentation.html">Documentation</a></li>
-  <li><a href="tutorial.html">Tutorial</a></li>
-  <li><a href="https://issues.apache.org/jira/browse/SOLR">Issue Tracker</a></li>
-  <li><a class="last" href="../">Lucene TLP</a></li>
+  </li>
+  <li>
+    <a class="btn" href="/solr/mirrors-solr-latest-redir.html">download</a>
+  </li>
+  <li >
+    <a class="lucene-btn" href="/index.html">Lucene<br />&#8679; TLP</a>
+  </li>
 </ul>
 
-
-    </div>
-    
-  
-<div id="slides">
-  <div class="slideshow" id="mantleSlides">
-    <div id="slide1">
-      <div class="callout">
-        Ultra-fast Lucene-based Search Server<br/>
-      </div>
-      <div class="descwrapper">
-        <div class="description">
-          Apache Solr offers Lucene's capabilities in an easy to use,
-          fast search server with additional features like faceting, scalability and much more
-        </div>
-      </div>
-      <div class="mantle">
-        <img alt="Apache Solr" src="../images/mantle-solr.png"/>
-      </div>
-    </div>
-    <div id="slide2" style="display:none">
-      <div class="callout">
-        Proven search capabilities<br/>
-      </div>
-      <div class="descwrapper">
-        <div class="description">
-          The Solr search server powers a wide range of applications such as Netflix, AOL, CNET, Zappos and many more
-        </div>
-      </div>
-      <div class="mantle">
-        <img alt="Solr Power" src="../images/mantle-power.png"/>
-      </div>
-    </div>
-    <div id="slide3" style="display:none">
-      <div class="callout">
-        Scalable
-      </div>
-      <div class="descwrapper">
-        <div class="description">
-          Apache Solr has been deployed successfully in both high query volume
-          situations and
-          large collection sizes
-        </div>
-      </div>
-      <div class="mantle">
-        <img alt="Apache Solr community" src="../images/mantle-scale.png"/>
-      </div>
-    </div>
-    <div id="slide4" style="display:none">
-      <div class="callout">
-        Apache 2.0 licensed
-      </div>
-      <div class="descwrapper">
-        <div class="description">
-          Apache Solr is distributed under a commercially friendly Apache Software license
-        </div>
-      </div>
-      <div class="mantle">
-        <img alt="Apache Software Foundation" src="../images/mantle-asf.png"/>
-      </div>
-    </div>
-    <div id="slide5" style="display:none">
-      <div class="callout">
-        Published
-      </div>
-      <div class="descwrapper">
-        <div class="description">
-          Latest books written about Apache Solr
-        </div>
-      </div>
-      <div class="mantle">
-        <a href="books.html#mastering-apache-solr">
-        <img alt="Mastering Apache Solr" src="../images/book_mas.jpg" style="width: 150px;height: 180px;"/>
-        </a>
-        <a href="books.html#solr-in-action">
-        <img alt="Solr in Action" src="../images/book_sia.png" style="width: 150px;height: 180px;"/>
-        </a>
-        <a href="books.html#instant-apache-solr-for-indexing-data-how-to">
-        <img alt="Instant Apache Solr for Indexing Data How-to" src="../images/book_s4index.jpg" style="width: 150px;height: 180px;"/>
-        </a>
-        <a href="books.html#apache-solr-4-cookbook">
-        <img alt="Apache Solr 4.0 Cookbook" src="../images/book_s4c.jpg" style="width: 150px;height: 180px;"/>
-        </a>
-      </div>
-    </div>
-  </div>
-  <div class="controls">
-    <a class="next" id="next" title="Next" href="#">Next</a>
-    <a class="previous" id="previous" title="Previous" href="#">Previous</a>
-    <a class="start" id="start" title="Start" href="#" style="display: none; ">Start</a>
-    <a class="stop" id="stop" title="Stop" href="#">Stop</a>
-  </div>
+	  </div>
+	</nav>
+</div>
 </div>
-<script type="text/javascript">
-  function StartSlides() {
-    new Slides('mantleSlides');
-  }
-  document.observe('dom:loaded', StartSlides);
-</script>
-
 
+<div class="header-fill"></div>
 
-  </div> 
-  <div id="content-wrap" class="clearfix">
-    <div id="main">
-      <h1 class="title"></h1>
+  <div class="container">
 
-      <div><h2 id="solrwzxhzdk0tmwzxhzdk1-documentation">Solr<span style="vertical-align: super; font-size: xx-small">TM</span> Documentation</h2>
+    <div class="row">
+      <div class="small-12 columns">
+        
+          <h2 id="solrwzxhzdk0tmwzxhzdk1-documentation">Solr<span style="vertical-align: super; font-size: xx-small">TM</span> Documentation</h2>
 <p>New users are encouraged to start by looking at <a href="./tutorial.html">the Solr tutorial</a>.</p>
 <h2 id="release-documentation">Release Documentation</h2>
 <p>In each Solr binary release artifact, you can find a copy of the 
@@ -256,91 +200,117 @@ available as a <a href="https://www.apac
 <h2 id="additional-documentation">Additional Documentation</h2>
 <p>Additional documentation can be found on the 
 <a href="http://lucene.apache.org/solr/wiki.html">Solr Community Wiki</a>
-or the various <a href="./books.html" title="Books About Solr">books published about Solr</a>.</p></div>
-      
-
-
-      
-    </div>
-    
-    
-<div id="sidebar">
-  <div class="button-wrapper">
-    <div class="button-orange">
-     <a href="mirrors-solr-latest-redir.html?">Download</a>
-      <div class="flap top">Click to begin</div>
-      <div class="flap bottom">of Apache Solr 4.10.2</div>
-      <div class="download-desc">Apache Solr 4.10.2</div>
-    </div>
-  </div>
-  <span class="sidenav"><h1 id="resources">Resources</h1>
-<ul>
-<li><a href="./features.html">Features</a></li>
-<li><a href="./tutorial.html">Tutorial</a></li>
-<li><a href="./documentation.html">Release Documentation</a></li>
-<li><a href="./versioncontrol.html">Version Control</a></li>
-<li><a href="./books.html">Books</a></li>
-<li><a href="./screenshots.html">Screenshots</a></li>
-</ul>
-<h1 id="about">About</h1>
-<ul>
-<li><a href="http://www.apache.org/licenses/LICENSE-2.0">License</a></li>
-<li><a href="../whoweare.html">Who We are</a></li>
-</ul>
-<h1 id="asf-links">ASF links</h1>
-<ul>
-<li><a href="http://www.apache.org">Apache Software Foundation</a></li>
-<li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
-<li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
-<li><a href="http://www.apache.org/security/">Security</a></li>
-</ul>
-<h1 id="related-projects">Related Projects</h1>
-<ul>
-<li><a href="http://hadoop.apache.org">Apache Hadoop</a></li>
-<li><a href="http://manifoldcf.apache.org/">Apache ManifoldCF</a></li>
-<li><a href="http://lucenenet.apache.org/">Apache Lucene.Net</a></li>
-<li><a href="http://lucy.apache.org/">Apache Lucy</a></li>
-<li><a href="http://mahout.apache.org">Apache Mahout</a></li>
-<li><a href="http://nutch.apache.org">Apache Nutch</a></li>
-<li><a href="http://opennlp.apache.org/">Apache OpenNLP</a></li>
-<li><a href="http://tika.apache.org">Apache Tika</a></li>
-<li><a href="http://zookeeper.apache.org">Apache Zookeeper</a></li>
-</ul>
-    <div class="status">
-      <div id="svn">
-        <h1>Latest SVN</h1>
-
-        
-          <div class="status-item">Not Available</div>
+or the various <a href="./books.html" title="Books About Solr">books published about Solr</a>.</p>
         
       </div>
-
-      <!--div id="solr-twitter">
-        <h1>#solr</h1>
-        
-          <div class="status-item">Not Available</div>
-        
-      </div-->
     </div>
-  </span>
-</div>
-
 
   </div>
-  <div id="footer">
-  <div class="copyright">
-    <p>
-      Copyright &copy; 2011-2012 The Apache Software Foundation, Licensed under
-      the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.  <a href="/privacy.html">Privacy Policy</a>
-      <br/>
-      Apache and the Apache feather logo are trademarks of The Apache Software Foundation.  Apache Lucene, Apache Solr and their
-      respective logos are trademarks of the Apache Software Foundation.  Please see the <a href="http://www.apache.org/foundation/marks/">Apache Trademark Policy</a>
-      for more information.
-    </p>
-  </div>
-</div>
-
-</div>
+    
+    <footer>
+  <div class="row">
+    <div class="small-6 medium-3 columns">
+      <h4>Features</h4>
+      <ul>
+        <li><a href="/solr/features.html">Overview</a></li>
+        <li><a href="/solr/features.html#schema">Data Handling</a></li>
+        <li><a href="/solr/features.html#query">Querying</a></li>
+        <li><a href="/solr/features.html#facets">Faceting</a></li>
+        <li><a href="/solr/features.html#discovery">Discovery</a></li>
+        <li><a href="/solr/features.html#plugins">Plugins and Extensions</a></li>
+        <li><a href="/solr/features.html#stats">Statistics and Aggregations</a></li>
+        <li><a href="/solr/features.html#spatial">Spatial</a></li>
+        <li><a href="/solr/features.html#rich-content">Rich Content</a></li>
+        <li><a href="/solr/features.html#performance">Performance</a></li>
+        <li><a href="/solr/features.html#solrcloud">Scaling with SolrCloud</a></li>
+        <li><a href="/solr/features.html#admin-ui">User Interface</a></li>
+      </ul>
+    </div>
+    <div class="small-6 medium-3 columns">
+      <h4>Resources</h4>
+      <ul>
+        <li><a href="/solr/resources.html#tutorial">Tutorial</a></li>
+        <li><a href="/solr/resources.html#documentation">Docs</a></li>
+        <li><a href="/solr/resources.html#solr-books">Books</a></li>
+        <li><a href="/solr/resources.html#presentations">Presentations</a></li>
+        <li><a href="/solr/resources.html#videos">Videos</a></li>
+        <li><a href="/solr/resources.html#community">Solr Community</a></li>
+      </ul>
+    </div>
+    <div class="small-6 medium-3 columns">
+      <h4>Get Started</h4>
+      <ul>
+        <li><a href="/solr/mirrors-solr-latest-redir.html">Download</a></li>
+        <li><a href="/solr/tutorials.html">Run Through the Tutorial</a></li>
+        <li><a href="/solr/resources.html">Level Up</a></li>
+      </ul>
+    </div>
+    <div class="small-6 medium-3 columns">
+      <h4>Related Projects</h4>
+      <ul>
+        <li><a href="http://hadoop.apache.org/">Apache Hadoop</a></li>
+        <li><a href="http://manifoldcf.apache.org/">Apache ManifoldCF</a></li>
+        <li><a href="http://mahout.apache.org/">Apache Mahout</a></li>
+        <li><a href="http://nutch.apache.org/">Apache Nutch</a></li>
+        <li><a href="http://opennlp.apache.org/">Apache OpenNLP</a></li>
+        <li><a href="http://tika.apache.org/">Apache Tika</a></li>
+        <li><a href="http://zookeeper.apache.org/">Apache Zookeeper</a></li>
+      </ul>
+    </div>
+  </div>
+  <div class="row copyright">
+    <div class="large-centered columns">
+      <p>Copyright © 2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0. Privacy Policy<br/>Apache and the Apache feather logo are trademarks of The Apache Software Foundation. Apache Lucene, Apache Solr and their respective logos are trademarks of the Apache Software Foundation. Please see the Apache Trademark Policy for more information.  All non-Apache logos are the trademarks of their respective owners.</p>
+    </div>
+  </div>
+</footer>
+
+<script>
+  $(document).foundation();
+</script>
+<script>
+$(document).ready(function(){
+    $('.slider').slick({
+      infinite: false,
+      speed: 300,
+      slidesToShow: 6,
+      slidesToScroll: 6,
+      responsive: [
+        {
+          breakpoint: 1024,
+          settings: {
+            slidesToShow: 4,
+            slidesToScroll: 4,
+            infinite: true
+          }
+        },
+        {
+          breakpoint: 600,
+          settings: {
+            slidesToShow: 3,
+            slidesToScroll: 3
+          }
+        },
+        {
+          breakpoint: 480,
+          settings: {
+            slidesToShow: 2,
+            slidesToScroll: 2
+          }
+        },
+        {
+          breakpoint: 320,
+          settings: {
+            slidesToShow: 1,
+            slidesToScroll: 1
+          }
+        }
+      ],
+      prevArrow: '<i class="fa fa-angle-left fa-2x slider-prev"></i>',
+      nextArrow: '<i class="fa fa-angle-right fa-2x slider-next"></i>'
+    });
+});
+</script>
 <script type="text/javascript">
 
   var _gaq = _gaq || [];
@@ -353,6 +323,9 @@ or the various <a href="./books.html" ti
     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
   })();
 
-</script>
-</body>
+</script>
+
+
 
+  </body>
+</html>

Modified: websites/staging/lucene/trunk/content/solr/downloads.html
==============================================================================
--- websites/staging/lucene/trunk/content/solr/downloads.html (original)
+++ websites/staging/lucene/trunk/content/solr/downloads.html Tue Nov 11 23:58:08 2014
@@ -1,6 +1,7 @@
-<!-- solr-simple.html -->
+<!doctype html>
+<html>
 
-<head>
+  <head>
   <!--
       Licensed to the Apache Software Foundation (ASF) under one or more
       contributor license agreements.  See the NOTICE file distributed with
@@ -17,43 +18,78 @@
       See the License for the specific language governing permissions and
       limitations under the License.
   -->
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="minimal-ui, initial-scale=1, maximum-scale=1, user-scalable=0">
+
+  <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,600,500' rel='stylesheet' type='text/css'>
 
+  <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
+  <link rel="stylesheet" href="/solr/lib/foundation/styles/normalize.css" />
+  <link rel="stylesheet" href="/solr/lib/foundation/styles/foundation.min.css"/>
+  <link rel="stylesheet" href="/solr/lib/foundation/styles/foundation-icons.css"/>
+  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.3.7/slick.css"/>
+  <link rel="stylesheet" href="/solr/assets/styles/base.css" />
   
-    <link href="../css/global.css" rel="stylesheet" type="text/css">
-    <link href="../css/solr.css" rel="stylesheet" type="text/css">
 
-  <title>Apache Lucene - </title>
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
+  <title>Apache Solr - </title>
+
+
+
   <meta name="Distribution" content="Global"/>
   <meta name="Robots" content="index,follow"/>
+
   <meta name="keywords"
-        content="apache, apache lucene, apache solr, solr, lucene
-        search, information retrieval, spell checking, faceting, inverted index, open source"/>
+            content="apache, apache lucene, apache solr, solr, lucene
+            search, information retrieval, spell checking, faceting, inverted index, open source"/>
+    
 
-  <link rel="shortcut icon" type="image/x-icon" href="/images/lucene-favicon.ico"/>
   
-<script type="text/javascript" src="../scripts/prototype.js"></script>
-<script type="text/javascript" src="../scripts/effects.js"></script>
-<script type="text/javascript" src="../scripts/search.js"></script>
-<script type="text/javascript" src="../scripts/slides.js"></script>
+  <link rel="icon" href="/solr/assets/images/favicon.ico" type="image/x-icon"> 
+  <link rel="shortcut icon" href="/solr/assets/images/favicon.ico" type="image/x-icon"> 
+  
 
-<!--<script type="text/javascript" src="scripts/jquery.js"></script>-->
+  <script src="/solr/lib/jquery-2.1.1.min.js"></script>
+<script src="/solr/lib/foundation/scripts/modernizr.js"></script>
+<script src="/solr/lib/angularjs/scripts/angular.min.js"></script>
+<script src="/solr/lib/angularjs/scripts/angular-animate.min.js"></script>
+<script src="/solr/lib/foundation/scripts/foundation.min.js"></script>
+<script src="//cdn.jsdelivr.net/jquery.slick/1.3.7/slick.min.js"/></script>
+<script src="/solr/lib/jquery.smooth-scroll.min.js"></script>
+
+    <script src="/solr/assets/scripts/main.js"></script>
+    
 
 </head>
 
 
-<body id="home">
-<div id="wrap">
-  <div id="header">
-    <div id="logo" style="float:left">
-      
-  <a href="index.html"><img border="0" width="250" height="137" src="../images/solr.png"
-                                              alt="Solr Logo"/></a><div style="z-index:100;position:absolute;top:10px;right:175px"><span style="vertical-align: super; font-size: xx-small">TM</span></div>
 
+  <body class="page" x-ng-app-root="/solr" x-ng-app="page" x-ng-controller="page.controllers.main">
 
-    </div>
-    <div id="search" style="float:right;zoom:1">
+    
+<div class="contain-to-grid">
+<div class="header-section">
+	<nav class="top-bar" data-topbar role="navigation">
+	  <ul class="title-area">
+	    <li class="name">
+	      <a href="/solr/"><img class="logo" src="/solr/assets/images/logo.svg" /></a>
+	    </li>
+	    <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
+	  </ul>
+
+	  <div class="top-bar-section">
+	    <ul class="navigation right">
+  <li>
+    <a href="/solr/news.html">News</a>
+  </li>
+  <li>
+    <a href="/solr/features.html">Features</a>
+  </li>
+  <li>
+    <a href="/solr/resources.html">Resources</a>
+  </li>
+  <li class="toggle">
+    <a ng-hide="toggled" ng-click="toggle();" href="#">Search</a>
+    <div id="search">
   <script type="text/javascript">
     function getBlank(input, stdValue) {
       if (input.value == stdValue) {
@@ -62,43 +98,49 @@
       return true;
     }
 
-    function submitForm(form) {
+    function selectProvider(form) {
+      lucidAction = "http://find.searchhub.org/p:lucene,solr";
+      searchLuceneAction = "http://search-lucene.com/lucene";
+
       provider = form.elements['searchProvider'].value;
-      if (provider == "any") {
+      if (provider == "lucid" || provider == "sl") {
+        if (provider == "lucid") {
+          form.action = lucidAction;
+        } else if (provider == "sl") {
+          form.action = searchLuceneAction;
+        }
+
+        // Only store provider preference cookie if the user selected it
+        days = 90; // cookie will be valid for 90 days
+        date = new Date();
+        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
+        expires = "; expires=" + date.toGMTString();
+        document.cookie = "searchProvider=" + provider + expires + "; path=/";
+      } else {
         if (Math.random() > 0.5) {
-          provider = "lucid";
+          form.action = lucidAction;
         } else {
-          provider = "sl";
+          form.action = searchLuceneAction;
         }
       }
-
-      if (provider == "lucid") {
-        form.action = "http://find.searchhub.org/p:lucene,solr";
-      } else if (provider == "sl") {
-        form.action = "http://search-lucene.com/lucene";
-      }
-
-      days = 90; // cookie will be valid for 90 days
-      date = new Date();
-      date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
-      expires = "; expires=" + date.toGMTString();
-      document.cookie = "searchProvider=" + provider + expires + "; path=/";
-
       return true;
     }
   </script>
-  <form id="quick-search" method="GET" onsubmit="return submitForm(this)"
-        action="http://search-lucene.com/lucene"
+  <form id="quick-search" method="GET" onsubmit="return selectProvider(this)"
+        action="http://search-lucene.com//lucene"
         name="searchform">
     <fieldset>
-      <input type="search" id="q" name="q" value="Search with Apache Solr..." class="class1 class2 hint" accesskey="q"
-             onfocus="getBlank(this, 'Search with Apache Solr...')">
-      <span style="color:white">@</span>
-      <select name="searchProvider" id="searchProvider">
-        <option value="any">select provider</option>
-        <option value="lucid">Lucid Find</option>
-        <option value="sl">Search-Lucene</option>
-      </select>
+      <div ng-show="toggled" class="search-box">
+        <input type="search" name="q" placeholder="Search |" accesskey="q"
+               onfocus="getBlank(this, 'Search |');"/>
+        <a class="search-button" type="submit" 
+           onclick="form = document.getElementById('quick-search'); selectProvider(form); form.submit();"><img src="/solr/assets/images/magnifying-glass.png"/></a>
+        <select name="searchProvider" id="searchProvider" class="search-provider">
+          <option value="any"> - select provider - </option>
+          <option value="lucid">@ Lucid Find</option>
+          <option value="sl">@ Search-Lucene</option>
+        </select>
+      </div>
     </fieldset>
     <script type="text/javascript">
       if (document.cookie.length > 0) {
@@ -117,221 +159,138 @@
   </form>
 </div>
 
-    <div id="nav">
-      
-  <ul>
-  <li><a href="solrnews.html">News</a></li>
-  <li><a href="downloads.html">Download</a></li>
-  <li><a href="discussion.html">Mailing Lists</a></li>
-  <li><a href="documentation.html">Documentation</a></li>
-  <li><a href="tutorial.html">Tutorial</a></li>
-  <li><a href="https://issues.apache.org/jira/browse/SOLR">Issue Tracker</a></li>
-  <li><a class="last" href="../">Lucene TLP</a></li>
+  </li>
+  <li>
+    <a class="btn" href="/solr/mirrors-solr-latest-redir.html">download</a>
+  </li>
+  <li >
+    <a class="lucene-btn" href="/index.html">Lucene<br />&#8679; TLP</a>
+  </li>
 </ul>
 
-
-    </div>
-    
-  
-<div id="slides">
-  <div class="slideshow" id="mantleSlides">
-    <div id="slide1">
-      <div class="callout">
-        Ultra-fast Lucene-based Search Server<br/>
-      </div>
-      <div class="descwrapper">
-        <div class="description">
-          Apache Solr offers Lucene's capabilities in an easy to use,
-          fast search server with additional features like faceting, scalability and much more
-        </div>
-      </div>
-      <div class="mantle">
-        <img alt="Apache Solr" src="../images/mantle-solr.png"/>
-      </div>
-    </div>
-    <div id="slide2" style="display:none">
-      <div class="callout">
-        Proven search capabilities<br/>
-      </div>
-      <div class="descwrapper">
-        <div class="description">
-          The Solr search server powers a wide range of applications such as Netflix, AOL, CNET, Zappos and many more
-        </div>
-      </div>
-      <div class="mantle">
-        <img alt="Solr Power" src="../images/mantle-power.png"/>
-      </div>
-    </div>
-    <div id="slide3" style="display:none">
-      <div class="callout">
-        Scalable
-      </div>
-      <div class="descwrapper">
-        <div class="description">
-          Apache Solr has been deployed successfully in both high query volume
-          situations and
-          large collection sizes
-        </div>
-      </div>
-      <div class="mantle">
-        <img alt="Apache Solr community" src="../images/mantle-scale.png"/>
-      </div>
-    </div>
-    <div id="slide4" style="display:none">
-      <div class="callout">
-        Apache 2.0 licensed
-      </div>
-      <div class="descwrapper">
-        <div class="description">
-          Apache Solr is distributed under a commercially friendly Apache Software license
-        </div>
-      </div>
-      <div class="mantle">
-        <img alt="Apache Software Foundation" src="../images/mantle-asf.png"/>
-      </div>
-    </div>
-    <div id="slide5" style="display:none">
-      <div class="callout">
-        Published
-      </div>
-      <div class="descwrapper">
-        <div class="description">
-          Latest books written about Apache Solr
-        </div>
-      </div>
-      <div class="mantle">
-        <a href="books.html#mastering-apache-solr">
-        <img alt="Mastering Apache Solr" src="../images/book_mas.jpg" style="width: 150px;height: 180px;"/>
-        </a>
-        <a href="books.html#solr-in-action">
-        <img alt="Solr in Action" src="../images/book_sia.png" style="width: 150px;height: 180px;"/>
-        </a>
-        <a href="books.html#instant-apache-solr-for-indexing-data-how-to">
-        <img alt="Instant Apache Solr for Indexing Data How-to" src="../images/book_s4index.jpg" style="width: 150px;height: 180px;"/>
-        </a>
-        <a href="books.html#apache-solr-4-cookbook">
-        <img alt="Apache Solr 4.0 Cookbook" src="../images/book_s4c.jpg" style="width: 150px;height: 180px;"/>
-        </a>
-      </div>
-    </div>
-  </div>
-  <div class="controls">
-    <a class="next" id="next" title="Next" href="#">Next</a>
-    <a class="previous" id="previous" title="Previous" href="#">Previous</a>
-    <a class="start" id="start" title="Start" href="#" style="display: none; ">Start</a>
-    <a class="stop" id="stop" title="Stop" href="#">Stop</a>
-  </div>
+	  </div>
+	</nav>
+</div>
 </div>
-<script type="text/javascript">
-  function StartSlides() {
-    new Slides('mantleSlides');
-  }
-  document.observe('dom:loaded', StartSlides);
-</script>
-
-
-
-  </div> 
-  <div id="content-wrap" class="clearfix">
-    <div id="main">
-      <h1 class="title"></h1>
-
-      <div><h2 id="solrwzxhzdk0tmwzxhzdk1-downloads">Solr<span style="vertical-align: super; font-size: xx-small">TM</span> Downloads</h2>
-<p>Official releases are usually created when the <a href="../whoweare.html">developers</a> feel there are
-            sufficient changes, improvements and bug fixes to warrant a release.
-            Due to the voluntary nature of Solr, no releases are scheduled in advance.</p>
-<p>Both binary and source releases for the latest version of Solr are available from
-        <a href="mirrors-solr-redir.html">the Apache Mirrors</a>.</p>
-<p>Archives for all past versions of Solr are available at <a href="http://archive.apache.org/dist/lucene/solr/">the Apache archives</a>.</p>
-<p>The <tt>solr-VERSION.zip</tt> or <tt>.tgz</tt> (where VERSION is the version number of the release, e.g. 3.0.1) file contains
-            Apache Solr, html documentation and tutorial.  The
-            <tt>solr-VERSION-src.zip</tt> or <tt>.tgz</tt> contains the full source
-            code for that version.</p>
-<p>Note: prior to the Solr 4.1 release, all distribution and artifact filenames contained an "apache-" prefix.</p></div>
-      
 
+<div class="header-fill"></div>
 
-      
-    </div>
-    
-    
-<div id="sidebar">
-  <div class="button-wrapper">
-    <div class="button-orange">
-     <a href="mirrors-solr-latest-redir.html?">Download</a>
-      <div class="flap top">Click to begin</div>
-      <div class="flap bottom">of Apache Solr 4.10.2</div>
-      <div class="download-desc">Apache Solr 4.10.2</div>
-    </div>
-  </div>
-  <span class="sidenav"><h1 id="resources">Resources</h1>
-<ul>
-<li><a href="./features.html">Features</a></li>
-<li><a href="./tutorial.html">Tutorial</a></li>
-<li><a href="./documentation.html">Release Documentation</a></li>
-<li><a href="./versioncontrol.html">Version Control</a></li>
-<li><a href="./books.html">Books</a></li>
-<li><a href="./screenshots.html">Screenshots</a></li>
-</ul>
-<h1 id="about">About</h1>
-<ul>
-<li><a href="http://www.apache.org/licenses/LICENSE-2.0">License</a></li>
-<li><a href="../whoweare.html">Who We are</a></li>
-</ul>
-<h1 id="asf-links">ASF links</h1>
-<ul>
-<li><a href="http://www.apache.org">Apache Software Foundation</a></li>
-<li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
-<li><a href="http://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a></li>
-<li><a href="http://www.apache.org/security/">Security</a></li>
-</ul>
-<h1 id="related-projects">Related Projects</h1>
-<ul>
-<li><a href="http://hadoop.apache.org">Apache Hadoop</a></li>
-<li><a href="http://manifoldcf.apache.org/">Apache ManifoldCF</a></li>
-<li><a href="http://lucenenet.apache.org/">Apache Lucene.Net</a></li>
-<li><a href="http://lucy.apache.org/">Apache Lucy</a></li>
-<li><a href="http://mahout.apache.org">Apache Mahout</a></li>
-<li><a href="http://nutch.apache.org">Apache Nutch</a></li>
-<li><a href="http://opennlp.apache.org/">Apache OpenNLP</a></li>
-<li><a href="http://tika.apache.org">Apache Tika</a></li>
-<li><a href="http://zookeeper.apache.org">Apache Zookeeper</a></li>
-</ul>
-    <div class="status">
-      <div id="svn">
-        <h1>Latest SVN</h1>
+  <div class="container">
 
+    <div class="row">
+      <div class="small-12 columns">
         
-          <div class="status-item">Not Available</div>
+          <p>TODO</p>
         
       </div>
-
-      <!--div id="solr-twitter">
-        <h1>#solr</h1>
-        
-          <div class="status-item">Not Available</div>
-        
-      </div-->
     </div>
-  </span>
-</div>
-
 
   </div>
-  <div id="footer">
-  <div class="copyright">
-    <p>
-      Copyright &copy; 2011-2012 The Apache Software Foundation, Licensed under
-      the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.  <a href="/privacy.html">Privacy Policy</a>
-      <br/>
-      Apache and the Apache feather logo are trademarks of The Apache Software Foundation.  Apache Lucene, Apache Solr and their
-      respective logos are trademarks of the Apache Software Foundation.  Please see the <a href="http://www.apache.org/foundation/marks/">Apache Trademark Policy</a>
-      for more information.
-    </p>
-  </div>
-</div>
-
-</div>
+    
+    <footer>
+  <div class="row">
+    <div class="small-6 medium-3 columns">
+      <h4>Features</h4>
+      <ul>
+        <li><a href="/solr/features.html">Overview</a></li>
+        <li><a href="/solr/features.html#schema">Data Handling</a></li>
+        <li><a href="/solr/features.html#query">Querying</a></li>
+        <li><a href="/solr/features.html#facets">Faceting</a></li>
+        <li><a href="/solr/features.html#discovery">Discovery</a></li>
+        <li><a href="/solr/features.html#plugins">Plugins and Extensions</a></li>
+        <li><a href="/solr/features.html#stats">Statistics and Aggregations</a></li>
+        <li><a href="/solr/features.html#spatial">Spatial</a></li>
+        <li><a href="/solr/features.html#rich-content">Rich Content</a></li>
+        <li><a href="/solr/features.html#performance">Performance</a></li>
+        <li><a href="/solr/features.html#solrcloud">Scaling with SolrCloud</a></li>
+        <li><a href="/solr/features.html#admin-ui">User Interface</a></li>
+      </ul>
+    </div>
+    <div class="small-6 medium-3 columns">
+      <h4>Resources</h4>
+      <ul>
+        <li><a href="/solr/resources.html#tutorial">Tutorial</a></li>
+        <li><a href="/solr/resources.html#documentation">Docs</a></li>
+        <li><a href="/solr/resources.html#solr-books">Books</a></li>
+        <li><a href="/solr/resources.html#presentations">Presentations</a></li>
+        <li><a href="/solr/resources.html#videos">Videos</a></li>
+        <li><a href="/solr/resources.html#community">Solr Community</a></li>
+      </ul>
+    </div>
+    <div class="small-6 medium-3 columns">
+      <h4>Get Started</h4>
+      <ul>
+        <li><a href="/solr/mirrors-solr-latest-redir.html">Download</a></li>
+        <li><a href="/solr/tutorials.html">Run Through the Tutorial</a></li>
+        <li><a href="/solr/resources.html">Level Up</a></li>
+      </ul>
+    </div>
+    <div class="small-6 medium-3 columns">
+      <h4>Related Projects</h4>
+      <ul>
+        <li><a href="http://hadoop.apache.org/">Apache Hadoop</a></li>
+        <li><a href="http://manifoldcf.apache.org/">Apache ManifoldCF</a></li>
+        <li><a href="http://mahout.apache.org/">Apache Mahout</a></li>
+        <li><a href="http://nutch.apache.org/">Apache Nutch</a></li>
+        <li><a href="http://opennlp.apache.org/">Apache OpenNLP</a></li>
+        <li><a href="http://tika.apache.org/">Apache Tika</a></li>
+        <li><a href="http://zookeeper.apache.org/">Apache Zookeeper</a></li>
+      </ul>
+    </div>
+  </div>
+  <div class="row copyright">
+    <div class="large-centered columns">
+      <p>Copyright © 2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0. Privacy Policy<br/>Apache and the Apache feather logo are trademarks of The Apache Software Foundation. Apache Lucene, Apache Solr and their respective logos are trademarks of the Apache Software Foundation. Please see the Apache Trademark Policy for more information.  All non-Apache logos are the trademarks of their respective owners.</p>
+    </div>
+  </div>
+</footer>
+
+<script>
+  $(document).foundation();
+</script>
+<script>
+$(document).ready(function(){
+    $('.slider').slick({
+      infinite: false,
+      speed: 300,
+      slidesToShow: 6,
+      slidesToScroll: 6,
+      responsive: [
+        {
+          breakpoint: 1024,
+          settings: {
+            slidesToShow: 4,
+            slidesToScroll: 4,
+            infinite: true
+          }
+        },
+        {
+          breakpoint: 600,
+          settings: {
+            slidesToShow: 3,
+            slidesToScroll: 3
+          }
+        },
+        {
+          breakpoint: 480,
+          settings: {
+            slidesToShow: 2,
+            slidesToScroll: 2
+          }
+        },
+        {
+          breakpoint: 320,
+          settings: {
+            slidesToShow: 1,
+            slidesToScroll: 1
+          }
+        }
+      ],
+      prevArrow: '<i class="fa fa-angle-left fa-2x slider-prev"></i>',
+      nextArrow: '<i class="fa fa-angle-right fa-2x slider-next"></i>'
+    });
+});
+</script>
 <script type="text/javascript">
 
   var _gaq = _gaq || [];
@@ -344,6 +303,9 @@
     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
   })();
 
-</script>
-</body>
+</script>
+
+
 
+  </body>
+</html>