incubator-bloodhound-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From jdreim...@apache.org
Subject svn commit: r1292262 - in /incubator/bloodhound/trunk/doc/html-templates: ./ css/bootstrap.css dashboard.html milestone.html product.html version.html
Date Wed, 22 Feb 2012 12:49:10 GMT
Author: jdreimann
Date: Wed Feb 22 12:49:10 2012
New Revision: 1292262

URL: http://svn.apache.org/viewvc?rev=1292262&view=rev
Log:
Added additional mockups for product, versions, milestones and an updated Dashboard view.
Also updated the .css to the latest Bootstrap version, 2.0.1

Added:
    incubator/bloodhound/trunk/doc/html-templates/milestone.html
    incubator/bloodhound/trunk/doc/html-templates/product.html
    incubator/bloodhound/trunk/doc/html-templates/version.html
Modified:
    incubator/bloodhound/trunk/doc/html-templates/   (props changed)
    incubator/bloodhound/trunk/doc/html-templates/css/bootstrap.css
    incubator/bloodhound/trunk/doc/html-templates/dashboard.html

Propchange: incubator/bloodhound/trunk/doc/html-templates/
------------------------------------------------------------------------------
--- svn:ignore (added)
+++ svn:ignore Wed Feb 22 12:49:10 2012
@@ -0,0 +1 @@
+.DS_Store

Modified: incubator/bloodhound/trunk/doc/html-templates/css/bootstrap.css
URL: http://svn.apache.org/viewvc/incubator/bloodhound/trunk/doc/html-templates/css/bootstrap.css?rev=1292262&r1=1292261&r2=1292262&view=diff
==============================================================================
--- incubator/bloodhound/trunk/doc/html-templates/css/bootstrap.css (original)
+++ incubator/bloodhound/trunk/doc/html-templates/css/bootstrap.css Wed Feb 22 12:49:10 2012
@@ -1,5 +1,5 @@
 /*!
- * Bootstrap v2.0.0
+ * Bootstrap v2.0.1
  *
  * Copyright 2012 Twitter, Inc
  * Licensed under the Apache License v2.0
@@ -33,7 +33,7 @@ html {
   -ms-text-size-adjust: 100%;
 }
 a:focus {
-  outline: thin dotted;
+  outline: thin dotted #333;
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: -2px;
 }
@@ -94,6 +94,16 @@ textarea {
   overflow: auto;
   vertical-align: top;
 }
+.clearfix {
+  *zoom: 1;
+}
+.clearfix:before, .clearfix:after {
+  display: table;
+  content: "";
+}
+.clearfix:after {
+  clear: both;
+}
 body {
   margin: 0;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -212,40 +222,40 @@ a:hover {
 .row-fluid > [class*="span"]:first-child {
   margin-left: 0;
 }
-.row-fluid .span1 {
+.row-fluid > .span1 {
   width: 6.382978723%;
 }
-.row-fluid .span2 {
+.row-fluid > .span2 {
   width: 14.89361702%;
 }
-.row-fluid .span3 {
+.row-fluid > .span3 {
   width: 23.404255317%;
 }
-.row-fluid .span4 {
+.row-fluid > .span4 {
   width: 31.914893614%;
 }
-.row-fluid .span5 {
+.row-fluid > .span5 {
   width: 40.425531911%;
 }
-.row-fluid .span6 {
+.row-fluid > .span6 {
   width: 48.93617020799999%;
 }
-.row-fluid .span7 {
+.row-fluid > .span7 {
   width: 57.446808505%;
 }
-.row-fluid .span8 {
+.row-fluid > .span8 {
   width: 65.95744680199999%;
 }
-.row-fluid .span9 {
+.row-fluid > .span9 {
   width: 74.468085099%;
 }
-.row-fluid .span10 {
+.row-fluid > .span10 {
   width: 82.97872339599999%;
 }
-.row-fluid .span11 {
+.row-fluid > .span11 {
   width: 91.489361693%;
 }
-.row-fluid .span12 {
+.row-fluid > .span12 {
   width: 99.99999998999999%;
 }
 .container {
@@ -374,7 +384,7 @@ ol {
 li {
   line-height: 18px;
 }
-ul.unstyled {
+ul.unstyled, ol.unstyled {
   margin-left: 0;
   list-style: none;
 }
@@ -393,7 +403,7 @@ dd {
 hr {
   margin: 18px 0;
   border: 0;
-  border-top: 1px solid #e5e5e5;
+  border-top: 1px solid #eeeeee;
   border-bottom: 1px solid #ffffff;
 }
 strong {
@@ -488,13 +498,20 @@ pre {
   white-space: pre;
   white-space: pre-wrap;
   word-break: break-all;
+  word-wrap: break-word;
 }
 pre.prettyprint {
   margin-bottom: 18px;
 }
 pre code {
   padding: 0;
+  color: inherit;
   background-color: transparent;
+  border: 0;
+}
+.pre-scrollable {
+  max-height: 340px;
+  overflow-y: scroll;
 }
 form {
   margin: 0 0 18px;
@@ -515,16 +532,25 @@ legend {
   border: 0;
   border-bottom: 1px solid #eee;
 }
+legend small {
+  font-size: 13.5px;
+  color: #999999;
+}
 label,
 input,
 button,
 select,
 textarea {
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 13px;
   font-weight: normal;
   line-height: 18px;
 }
+input,
+button,
+select,
+textarea {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
 label {
   display: block;
   margin-bottom: 5px;
@@ -563,11 +589,19 @@ input[type="image"], input[type="checkbo
   /* IE7 */
 
   line-height: normal;
-  border: 0;
   cursor: pointer;
-  border-radius: 0 \0/;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+  border: 0 \9;
+  /* IE9 and down */
+
+}
+input[type="image"] {
+  border: 0;
 }
 input[type="file"] {
+  width: auto;
   padding: initial;
   line-height: initial;
   border: initial;
@@ -590,6 +624,9 @@ select, input[type="file"] {
 
   line-height: 28px;
 }
+input[type="file"] {
+  line-height: 18px \9;
+}
 select {
   width: 220px;
   background-color: #ffffff;
@@ -620,15 +657,13 @@ input[type="hidden"] {
 }
 .radio.inline, .checkbox.inline {
   display: inline-block;
+  padding-top: 5px;
   margin-bottom: 0;
   vertical-align: middle;
 }
 .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
   margin-left: 10px;
 }
-.controls > .radio.inline:first-child, .controls > .checkbox.inline:first-child {
-  padding-top: 0;
-}
 input, textarea {
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
@@ -646,14 +681,17 @@ input:focus, textarea:focus {
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
   outline: 0;
   outline: thin dotted \9;
-  /* IE6-8 */
+  /* IE6-9 */
 
 }
-input[type="file"]:focus, input[type="checkbox"]:focus, select:focus {
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus,
+select:focus {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
-  outline: thin dotted;
+  outline: thin dotted #333;
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: -2px;
 }
@@ -815,6 +853,7 @@ input:focus:required:invalid:focus, text
   color: #999999;
 }
 .help-block {
+  display: block;
   margin-top: 5px;
   margin-bottom: 0;
   color: #999999;
@@ -896,6 +935,7 @@ input:focus:required:invalid:focus, text
   border-radius: 3px 0 0 3px;
 }
 .input-append .uneditable-input {
+  border-left-color: #eee;
   border-right-color: #ccc;
 }
 .input-append .add-on {
@@ -937,6 +977,9 @@ input:focus:required:invalid:focus, text
   display: inline-block;
   margin-bottom: 0;
 }
+.form-search .hide, .form-inline .hide, .form-horizontal .hide {
+  display: none;
+}
 .form-search label,
 .form-inline label,
 .form-search .input-append,
@@ -951,10 +994,17 @@ input:focus:required:invalid:focus, text
 .form-inline .input-prepend .add-on {
   vertical-align: middle;
 }
+.form-search .radio,
+.form-inline .radio,
+.form-search .checkbox,
+.form-inline .checkbox {
+  margin-bottom: 0;
+  vertical-align: middle;
+}
 .control-group {
   margin-bottom: 9px;
 }
-.form-horizontal legend + .control-group {
+legend + .control-group {
   margin-top: 18px;
   -webkit-margin-top-collapse: separate;
 }
@@ -969,7 +1019,7 @@ input:focus:required:invalid:focus, text
 .form-horizontal .control-group:after {
   clear: both;
 }
-.form-horizontal .control-group > label {
+.form-horizontal .control-label {
   float: left;
   width: 140px;
   padding-top: 5px;
@@ -994,14 +1044,14 @@ table {
   padding: 8px;
   line-height: 18px;
   text-align: left;
+  vertical-align: top;
   border-top: 1px solid #ddd;
 }
 .table th {
   font-weight: bold;
-  vertical-align: bottom;
 }
-.table td {
-  vertical-align: top;
+.table thead th {
+  vertical-align: bottom;
 }
 .table thead:first-child tr th, .table thead:first-child tr td {
   border-top: 0;
@@ -1052,6 +1102,9 @@ table {
 .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
   background-color: #f9f9f9;
 }
+.table tbody tr:hover td, .table tbody tr:hover th {
+  background-color: #f5f5f5;
+}
 table .span1 {
   float: none;
   width: 44px;
@@ -1112,21 +1165,22 @@ table .span12 {
   width: 924px;
   margin-left: 0;
 }
-[class^="icon-"] {
+[class^="icon-"], [class*=" icon-"] {
   display: inline-block;
   width: 14px;
   height: 14px;
+  line-height: 14px;
   vertical-align: text-top;
-  background-image: url(../img/glyphicons-halflings.png);
+  background-image: url("../img/glyphicons-halflings.png");
   background-position: 14px 14px;
   background-repeat: no-repeat;
   *margin-right: .3em;
 }
-[class^="icon-"]:last-child {
+[class^="icon-"]:last-child, [class*=" icon-"]:last-child {
   *margin-left: 0;
 }
 .icon-white {
-  background-image: url(../img/glyphicons-halflings-white.png);
+  background-image: url("../img/glyphicons-halflings-white.png");
 }
 .icon-glass {
   background-position: 0      0;
@@ -1527,7 +1581,6 @@ table .span12 {
   float: left;
   display: none;
   min-width: 160px;
-  max-width: 220px;
   _width: 160px;
   padding: 4px 0;
   margin: 0;
@@ -1656,20 +1709,25 @@ table .span12 {
 .btn {
   display: inline-block;
   padding: 4px 10px 4px;
+  margin-bottom: 0;
   font-size: 13px;
   line-height: 18px;
   color: #333333;
   text-align: center;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
-  background-color: #fafafa;
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
-  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
-  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
-  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
-  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
-  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
-  background-repeat: no-repeat;
+  vertical-align: middle;
+  background-color: #f5f5f5;
+  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
+  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: linear-gradient(top, #ffffff, #e6e6e6);
+  background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
+  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
   border: 1px solid #ccc;
   border-bottom-color: #bbb;
   -webkit-border-radius: 4px;
@@ -1679,8 +1737,19 @@ table .span12 {
   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   cursor: pointer;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
   *margin-left: .3em;
 }
+.btn:hover,
+.btn:active,
+.btn.active,
+.btn.disabled,
+.btn[disabled] {
+  background-color: #e6e6e6;
+}
+.btn:active, .btn.active {
+  background-color: #cccccc \9;
+}
 .btn:first-child {
   *margin-left: 0;
 }
@@ -1696,7 +1765,7 @@ table .span12 {
   transition: background-position 0.1s linear;
 }
 .btn:focus {
-  outline: thin dotted;
+  outline: thin dotted #333;
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: -2px;
 }
@@ -1707,7 +1776,6 @@ table .span12 {
   box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
   background-color: #e6e6e6;
   background-color: #d9d9d9 \9;
-  color: rgba(0, 0, 0, 0.5);
   outline: 0;
 }
 .btn.disabled, .btn[disabled] {
@@ -1728,7 +1796,7 @@ table .span12 {
   -moz-border-radius: 5px;
   border-radius: 5px;
 }
-.btn-large .icon {
+.btn-large [class^="icon-"] {
   margin-top: 1px;
 }
 .btn-small {
@@ -1736,9 +1804,14 @@ table .span12 {
   font-size: 11px;
   line-height: 16px;
 }
-.btn-small .icon {
+.btn-small [class^="icon-"] {
   margin-top: -1px;
 }
+.btn-mini {
+  padding: 2px 6px;
+  font-size: 11px;
+  line-height: 14px;
+}
 .btn-primary,
 .btn-primary:hover,
 .btn-warning,
@@ -1748,7 +1821,9 @@ table .span12 {
 .btn-success,
 .btn-success:hover,
 .btn-info,
-.btn-info:hover {
+.btn-info:hover,
+.btn-inverse,
+.btn-inverse:hover {
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   color: #ffffff;
 }
@@ -1756,7 +1831,8 @@ table .span12 {
 .btn-warning.active,
 .btn-danger.active,
 .btn-success.active,
-.btn-info.active {
+.btn-info.active,
+.btn-dark.active {
   color: rgba(255, 255, 255, 0.75);
 }
 .btn-primary {
@@ -1879,6 +1955,30 @@ table .span12 {
 .btn-info:active, .btn-info.active {
   background-color: #24748c \9;
 }
+.btn-inverse {
+  background-color: #393939;
+  background-image: -moz-linear-gradient(top, #454545, #262626);
+  background-image: -ms-linear-gradient(top, #454545, #262626);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#454545), to(#262626));
+  background-image: -webkit-linear-gradient(top, #454545, #262626);
+  background-image: -o-linear-gradient(top, #454545, #262626);
+  background-image: linear-gradient(top, #454545, #262626);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#262626', GradientType=0);
+  border-color: #262626 #262626 #000000;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+.btn-inverse:hover,
+.btn-inverse:active,
+.btn-inverse.active,
+.btn-inverse.disabled,
+.btn-inverse[disabled] {
+  background-color: #262626;
+}
+.btn-inverse:active, .btn-inverse.active {
+  background-color: #0c0c0c \9;
+}
 button.btn, input[type="submit"].btn {
   *padding-top: 2px;
   *padding-bottom: 2px;
@@ -2011,7 +2111,8 @@ button.btn.small, input[type="submit"].b
 .btn-primary .caret,
 .btn-danger .caret,
 .btn-info .caret,
-.btn-success .caret {
+.btn-success .caret,
+.btn-inverse .caret {
   border-top-color: #ffffff;
   opacity: 0.75;
   filter: alpha(opacity=75);
@@ -2084,34 +2185,38 @@ button.btn.small, input[type="submit"].b
   text-decoration: none;
   background-color: #eeeeee;
 }
+.nav .nav-header {
+  display: block;
+  padding: 3px 15px;
+  font-size: 11px;
+  font-weight: bold;
+  line-height: 18px;
+  color: #999999;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+  text-transform: uppercase;
+}
+.nav li + .nav-header {
+  margin-top: 9px;
+}
 .nav-list {
   padding-left: 14px;
   padding-right: 14px;
   margin-bottom: 0;
 }
 .nav-list > li > a, .nav-list .nav-header {
-  display: block;
-  padding: 3px 15px;
   margin-left: -15px;
   margin-right: -15px;
   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
 }
-.nav-list .nav-header {
-  font-size: 11px;
-  font-weight: bold;
-  line-height: 18px;
-  color: #999999;
-  text-transform: uppercase;
-}
-.nav-list > li + .nav-header {
-  margin-top: 9px;
+.nav-list > li > a {
+  padding: 3px 15px;
 }
-.nav-list .active > a {
+.nav-list .active > a, .nav-list .active > a:hover {
   color: #ffffff;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
   background-color: #0088cc;
 }
-.nav-list .icon {
+.nav-list [class^="icon-"] {
   margin-right: 2px;
 }
 .nav-tabs, .nav-pills {
@@ -2254,6 +2359,9 @@ button.btn.small, input[type="submit"].b
 .tabbable:after {
   clear: both;
 }
+.tab-content {
+  overflow: hidden;
+}
 .tabs-below .nav-tabs, .tabs-right .nav-tabs, .tabs-left .nav-tabs {
   border-bottom: 0;
 }
@@ -2449,6 +2557,13 @@ button.btn.small, input[type="submit"].b
 .navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] {
   margin-top: 3px;
 }
+.navbar-form .input-append, .navbar-form .input-prepend {
+  margin-top: 6px;
+  white-space: nowrap;
+}
+.navbar-form .input-append input, .navbar-form .input-prepend input {
+  margin-top: 0;
+}
 .navbar-search {
   position: relative;
   float: left;
@@ -2542,7 +2657,6 @@ button.btn.small, input[type="submit"].b
   color: #ffffff;
   text-decoration: none;
   background-color: #222222;
-  background-color: rgba(0, 0, 0, 0.5);
 }
 .navbar .divider-vertical {
   height: 40px;
@@ -2629,7 +2743,7 @@ button.btn.small, input[type="submit"].b
   box-shadow: inset 0 1px 0 #ffffff;
 }
 .breadcrumb li {
-  display: inline;
+  display: inline-block;
   text-shadow: 0 1px 0 #ffffff;
 }
 .breadcrumb .divider {
@@ -2808,6 +2922,9 @@ button.btn.small, input[type="submit"].b
 .modal-body {
   padding: 15px;
 }
+.modal-body .modal-form {
+  margin-bottom: 0;
+}
 .modal-footer {
   padding: 14px 15px 15px;
   margin-bottom: 0;
@@ -3043,28 +3160,44 @@ a.thumbnail:hover {
   padding: 9px;
 }
 .label {
-  padding: 1px 3px 2px;
-  font-size: 9.75px;
+  padding: 2px 4px 3px;
+  font-size: 11.049999999999999px;
   font-weight: bold;
   color: #ffffff;
-  text-transform: uppercase;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   background-color: #999999;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
 }
+.label:hover {
+  color: #ffffff;
+  text-decoration: none;
+}
 .label-important {
   background-color: #b94a48;
 }
+.label-important:hover {
+  background-color: #953b39;
+}
 .label-warning {
   background-color: #f89406;
 }
+.label-warning:hover {
+  background-color: #c67605;
+}
 .label-success {
   background-color: #468847;
 }
+.label-success:hover {
+  background-color: #356635;
+}
 .label-info {
   background-color: #3a87ad;
 }
+.label-info:hover {
+  background-color: #2d6987;
+}
 @-webkit-keyframes progress-bar-stripes {
   from {
     background-position: 0 0;

Modified: incubator/bloodhound/trunk/doc/html-templates/dashboard.html
URL: http://svn.apache.org/viewvc/incubator/bloodhound/trunk/doc/html-templates/dashboard.html?rev=1292262&r1=1292261&r2=1292262&view=diff
==============================================================================
--- incubator/bloodhound/trunk/doc/html-templates/dashboard.html (original)
+++ incubator/bloodhound/trunk/doc/html-templates/dashboard.html Wed Feb 22 12:49:10 2012
@@ -2,7 +2,7 @@
 <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
 <html>
 <head>
-	<title>Apache Bloodhound</title>
+	<title>Dashboard - Apache Bloodhound</title>
 	<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
 	<script type="text/javascript" src="js/bootstrap-dropdown.js"></script>
 	<script src="js/dashboard.js"></script>
@@ -10,20 +10,44 @@
 <body>
 	<div class="container">
 		<div class="row" style="position:relative;">
-			<div class="span4"><img src="img/bloodhound_logo.png" alt="Bloodhound Logo" height="47" width="161"/></div>
-			<div class="span8" style="position:absolute; bottom:25%; right:-45%;">Hi Joachim (<a href="#">logout</a>)&nbsp;&nbsp;&nbsp;&nbsp;<a href="#"><i class="icon-cog"></i>Settings</a></div>
+			<div class="span4"><a href="dashboard.html"><img src="img/bloodhound_logo.png" alt="Bloodhound Logo" height="47" width="161"/></a></div>
+			<div class="span8" style="position:absolute; bottom:25%; right:-40%;">
+			<!-- The alignment of this element is set to the value below just for the mockup, in the final implementation it should align on the right with the other elements of the navigation. -->
+				Hi Joachim (<a href="#">logout</a>)&nbsp;&nbsp;&nbsp;<a href="#">Preferences</a>&nbsp;&nbsp;&nbsp;<a href="#">Help</a>
+			</div>
 		</div>
+		
 		<div class="row" style="position:relative;">
+<!-- Search box -->
 			<div class="span4">
 			<form class="form-inline">
 				<input type="text" class="span3" placeholder="Search anything. Try #EF-492." />
 				<input type="button" value="Search" href="#" class="btn btn-warning" />
 			</form>
 			</div>
-			<div class="span4"><a href="#" class="btn">Create Ticket</a></div>
-			<div class="4">
+
+<!-- Create button -->
+			<div class="span4">
+				<div class="btn-group">
+			  		<a class="btn btn-inverse" href="#">Create Ticket</a>
+			  		<a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#">
+			    		<span class="caret"></span>
+			  		</a>
+			  		<ul class="dropdown-menu">
+			  			<li><a href="#">Milestone</a></li>
+			  			<li><a href="#">Version</a></li>
+			  			<li><a href="#">Product</a></li>
+			  			<li class="divider"></li>
+						<li><a href="#">Project</a></li>
+			    		<li><a href="#">Component</a></li>
+			  		</ul>
+				</div>
+			</div>
+			
+<!-- Main navigation tabs -->
+			<div class="span4">
 				<ul class="nav nav-tabs pull-right">
-					<li class="active"><a href="#">Tickets</a></li>
+					<li class="active"><a href="dashboard.html">Tickets</a></li>
 					<li><a href="#">Wiki</a></li>
 					<li><a href="#">Source</a></li>
 					<li class="dropdown">
@@ -33,21 +57,46 @@
 							<li><a href="#">Tag Cloud</a></li>
 							<li><a href="#">Blog</a></li>
 							<li class="divider"></li>
-							<li><a href="#">View more</a></li>
+							<li><a href="#">Something</a></li>
 						</ul>
 					</li>
 				</ul>
 			</div>
 		</div>
-     	<div class="row" style="background-color:#f6f6f6;">
-      		<div class="span9"><a href="#">Breadcrumb</a> > Dashboard</div>
-      		<div class="span3" style="text-align:right;"><a href="#">Custom Query</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">Reports</a></div>
+		
+<!-- Breadcrumb -->
+		<div class="row">
+      		<div class="span12">
+      			<ul class="breadcrumb">
+      				<li><a href="#">Breadcrumb</a> <span class="divider">/</span></li>
+      				<li class="active"><a href="#">Dashboard</a></li>
+      				<li class="pull-right"><a href="#">Custom Query</a>&nbsp;&nbsp;&nbsp;<a href="#">Reports</a></li>
+				</ul>
+			</div>
      	</div>
-     	<br />
+     	
+<!--	#	Header ends 
+		#	Main body begins	-->
+
 		<div class="row">
-      		<div class="span8"><h1 style="display:inline;">Dashboard</h1>&nbsp;&nbsp;&nbsp;<a href="#">More</a>&nbsp&nbsp;<a href="#">Unassigned</a>
-      		<br /><br />
-      		<table class="table table-condensed">
+      		<div class="span8" id="content">
+      			<h1>Dashboard</h1>
+      			
+<!-- Dashboard button toolbar -->
+      		<div class="btn-toolbar">
+      			<div class="btn-group offset1"  data-toggle="buttons-radio">
+      				<a class="btn" href="#">Products</a>
+      				<a class="btn active" href="#">My tickets</a>
+      				<a class="btn" href="#">All tickets</a>
+      			</div>
+      			<div class="btn-group">
+      				<a class="btn" href="#">Projects</a>
+      				<a class="btn" href="#">Components</a>
+      			</div>
+      		</div>
+      		
+<!-- My tickets table -->
+      		<table class="table table-condensed" id="myTickets">
       		<thead>
       			<tr>
       				<th style="text-align:right;">Date</th>
@@ -163,12 +212,17 @@
       			<td style="text-align:right;">Med</td>
       		</tr>
       		</table>
+      		
+<!--	#	Product <Well>
       		<div class="well">
-      		<h3 style="display:inline;">Projects</h3>&nbsp;&nbsp;&nbsp;<a href="#">View all</a>
-      		<p style="font-size:medium; line-height:150%"><a href="#">uberSVN</a>&nbsp;&nbsp;&nbsp;<a href="#">WANdisco</a>&nbsp;&nbsp;&nbsp;<a href="#">wandisco.com</a>&nbsp;&nbsp;&nbsp;<a href="#">MultiSite</a>&nbsp;&nbsp;&nbsp;<a href="#">Access Control Pro</a></p>
+      		<h3 style="display:inline;">Products</h3>&nbsp;&nbsp;&nbsp;<a href="#">View all</a>
+      		<p style="font-size:medium; line-height:150%"><a href="product.html">uberSVN&nbsp;&nbsp;&nbsp;WANdisco&nbsp;&nbsp;&nbsp;wandisco.com&nbsp;&nbsp;&nbsp;MultiSite&nbsp;&nbsp;&nbsp;Access Control Pro</a></p>
       		</div>
+      		 -->
       		</div>
-      		<div class="span4"><h1>Activity</h1>
+      		
+<!-- Activity starts -->
+      		<div class="span4" id="activity"><h1>Activity</h1>
       		    <br />
       		<table class="table table-striped">
       			<thead>
@@ -212,7 +266,7 @@
       		</table>
       		</div>
      	</div>
-     	<div class="row">
+     	<div class="row" id="footer">
      	    <br />
      		<div class="span8" style="color:grey;">Powered by <a href="#">Bloodhound</a>. Standing on the shoulders of <a href="#">Trac 0.13</a>. <a href="abc"></a></div>
      		<div class="span4" style="text-align:right; color:grey;">Visit Bloodhound at <a href="">http://bloodhound.io</a></div>

Added: incubator/bloodhound/trunk/doc/html-templates/milestone.html
URL: http://svn.apache.org/viewvc/incubator/bloodhound/trunk/doc/html-templates/milestone.html?rev=1292262&view=auto
==============================================================================
--- incubator/bloodhound/trunk/doc/html-templates/milestone.html (added)
+++ incubator/bloodhound/trunk/doc/html-templates/milestone.html Wed Feb 22 12:49:10 2012
@@ -0,0 +1,257 @@
+<!DOCTYPE html>
+<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
+<html>
+<head>
+	<title>MultiSite Version 14.3 Milestone 2 - Apache Bloodhound</title>
+	<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
+	<script type="text/javascript" src="js/bootstrap-dropdown.js"></script>
+	<script src="js/dashboard.js"></script>
+</head>
+<body>
+	<div class="container">
+		<div class="row" style="position:relative;">
+			<div class="span4"><a href="dashboard.html"><img src="img/bloodhound_logo.png" alt="Bloodhound Logo" height="47" width="161"/></a></div>
+			<div class="span8" style="position:absolute; bottom:25%; right:-40%;">
+				Hi Joachim (<a href="#">logout</a>)&nbsp;&nbsp;&nbsp;<a href="#">Preferences</a>&nbsp;&nbsp;&nbsp;<a href="#">Help</a>
+			</div>
+		</div>
+		<div class="row" style="position:relative;">
+			<div class="span4">
+			<form class="form-inline">
+				<input type="text" class="span3" placeholder="Search anything. Try #EF-492." />
+				<input type="button" value="Search" href="#" class="btn btn-warning" />
+			</form>
+			</div>
+			<div class="span4"><a href="#" class="btn">Create Ticket</a></div>
+			<div class="span4">
+				<ul class="nav nav-tabs pull-right">
+					<li class="active"><a href="dashboard.html">Tickets</a></li>
+					<li><a href="#">Wiki</a></li>
+					<li><a href="#">Source</a></li>
+					<li class="dropdown">
+						<a class="dropdown-toggle" data-toggle="dropdown" href="#">Apps<b class="caret"></b></a>
+						<ul class="dropdown-menu">
+							<li><a href="#">SuperAdmin</a></li>
+							<li><a href="#">Tag Cloud</a></li>
+							<li><a href="#">Blog</a></li>
+							<li class="divider"></li>
+							<li><a href="#">Something</a></li>
+						</ul>
+					</li>
+				</ul>
+			</div>
+      		<div class="span12">
+      			<ul class="breadcrumb">
+      				<li><a href="#">Products</a> <span class="divider">/</span></li>
+      				<li><a href="product.html">MultiSite</a> <span class="divider">/</span></li>
+      				<li><a href="version.html">Version 14.3</a> <span class="divider">/</span></li>
+      				<li class="active"><a href="#">Milestone 2</a></li>
+      				<li class="pull-right"><a href="#">Custom Query</a>&nbsp;&nbsp;&nbsp;<a href="#">Reports</a></li>
+				</ul>
+			</div>
+      		<div class="span3" style="text-align:right;"></div>
+     	</div>
+     	<br />
+		<div class="row">
+      		<div class="span8">
+      			<h1 style="display:inline;">Milestone 2</h1>
+      			      		<br><br><div class="well">
+						<strong>Due in 3 days</strong> (3 Feb, 2012) <a href="#">Change</a><div class="pull-right">24% completed</div>
+							<div class="progress progress-danger">
+								<div class="bar" style="width: 24%;"></div>
+							</div>
+							<a href="#">Complete (24)</a><a href="#" class="pull-right">Incomplete (76)</a><br/>
+							<p>Nay lad ipsum dolor sit t'foot o' our <a href="#">stairs ah'll box</a> thi ears big girl's blouse ey up donec ee by gum ah'll learn thi soft southern pansy at mardy bum phasellus soft southern pansy.</p>
+				</div>
+				<div class="btn-toolbar">
+					<div class="btn-group offset1"  data-toggle="buttons-radio">
+						<a class="btn active" href="#">My tickets</a>
+						<a class="btn" href="#">All tickets</a>
+					</div>
+					<div class="btn-group">
+						<a class="btn" href="#">Projects</a>
+						<a class="btn" href="#">Components</a>
+					</div>
+				</div>
+				<br>
+      			<table class="table table-condensed">
+      		<thead>
+      			<tr>
+      				<th style="text-align:right;">Date</th>
+      				<th>Ticket</th>
+      				<th>Summary</th>
+      				<th>Owner</th>
+      				<th>Priority</th>
+      			</tr>
+      		</thead>
+      		<tr>
+      			<td style="text-align:right;">Today</td>
+      			<td><a href="#"><a href="#">wiki-5476</a></a></td>
+      			<td>All Tickets report on this site: Example.com/bh</td>
+      			<td>Me (<a href="#">view all</a>)</td>
+      			<td>High</td>
+      		</tr>
+				<tr>
+      			<td></td>
+      			<td><a href="#">E-5476</a></td>
+      			<td>Grouping doesn't work in ...</td>
+      			<td><a href="#">Warren</a></td>
+      			<td>High</td>
+      		</tr>
+				<tr>
+      			<td></td>
+      			<td><a href="#">EF-492</a></td>
+      			<td>Protocol http is hard coded in ...</td>
+      			<td>Me (<a href="#">view all</a>)</td>
+      			<td style="text-align:right;">Med</td>
+      		</tr>
+			<tr>
+      			<td></td>
+      			<td><a href="#">ipad-2911</a></td>
+      			<td>Fix header graphic</td>
+      			<td><a href="#">Vince</a></td>
+      			<td style="text-align:right;">Med</td>
+      		</tr>
+      		<tr>
+      			<td style="text-align:right;">Yesterday</td>
+      			<td><a href="#">E-1920</a></td>
+      			<td>SQL report realm/id decoration</td>
+      			<td><a href="#">Montgomery</a></td>
+      			<td>High</td>
+      		</tr>
+				<tr>
+      			<td></td>
+      			<td><a href="#">TR-2930</a></td>
+      			<td>Change main button</td>
+      			<td>Me (<a href="#">view all</a>)</td>
+      			<td style="text-align:right;">Med</td>
+      		</tr>
+				<tr>
+      			<td></td>
+      			<td><a href="#">mobile-281</a></td>
+      			<td>AttachmentManipulators cannot ...</td>
+      			<td><a href="#">Seraphinia</a></td>
+      			<td style="text-align:right;">Med</td>
+      		</tr>
+			<tr>
+      			<td style="text-align:right;">15 Mar</td>
+      			<td><a href="#">PL-8491</a></td>
+      			<td>Use of svn:mime-type: text/x-trac-wiki ...</td>
+      			<td><a href="#">Gambolputty</a></td>
+      			<td>High</td>
+      		</tr>
+      		<tr>
+      			<td></td>
+      			<td><a href="#">ipad-2841</a></td>
+      			<td>uber logo placement</td>
+      			<td><a href="#">Deepakeesh</a></td>
+      			<td style="text-align:right;">Med</td>
+      		</tr>
+				<tr>
+      			<td></td>
+      			<td><a href="#">J-2913</a></td>
+      			<td>[PATCH] Empty folders excluded ...</td>
+      			<td><a href="#">Thandayutha</a></td>
+      			<td style="text-align:right;">Med</td>
+      		</tr>
+				<tr>
+      			<td style="text-align:right;">16 Mar</td>
+      			<td><a href="#">mobile-6932</a></td>
+      			<td>Permission check of Repository ...</td>
+      			<td>Me (<a href="#">view all</a>)</td>
+      			<td style="text-align:right;">Med</td>
+      		</tr>
+			<tr>
+      			<td></td>
+      			<td><a href="#">J-2941</a></td>
+      			<td>Load front banner</td>
+      			<td><a href="#">David</a></td>
+      			<td style="text-align:right;">Low</td>
+      		</tr>
+      		<tr>
+      			<td style="text-align:right;">21 Mar</td>
+      			<td><a href="#">ipad-1823</a></td>
+      			<td>resync single revision doesn't resync ...</td>
+      			<td><a href="#">Caroline</a></td>
+      			<td>High</td>
+      		</tr>
+				<tr>
+      			<td style="text-align:right;">23 Mar</td>
+      			<td><a href="#">PO-1824</a></td>
+      			<td>Update jquery to 1.4.4</td>
+      			<td>Me (<a href="#">view all</a>)</td>
+      			<td style="text-align:right;">Med</td>
+      		</tr>
+				<tr>
+      			<td style="text-align:right;">24 Mar</td>
+      			<td><a href="#">G-1938</a></td>
+      			<td>Wrong wrapping field with long and ...</td>
+      			<td><a href="#">Gary</a></td>
+      			<td style="text-align:right;">Med</td>
+      		</tr>
+      		</table>
+				<br>
+		<!-- 
+      		# Components will be displayed in the place where currently My tickets are displayed, when selected via the button-bar.
+      	
+      		<div class="well">
+      			<h3 style="display:inline;">Components</h3>&nbsp;&nbsp;&nbsp;<a href="#">View all</a>
+      			<p style="font-size:medium; line-height:150%"><a href="#">APIs</a>&nbsp;&nbsp;&nbsp;<a href="#">Branding</a>&nbsp;&nbsp;&nbsp;<a href="#">Website</a>&nbsp;&nbsp;&nbsp;<a href="#">Database</a>&nbsp;&nbsp;&nbsp;<a href="#">Interface</a></p>
+      		</div>
+      	-->
+      	
+      		</div>
+      		<div class="span4"><h1>Activity</h1>
+      		    <br />
+      		<table class="table table-striped">
+      			<thead>
+      				<tr><th>Today</th></tr>
+      			</thead>
+      			<tr>
+      				<td><a href="#">Warren</a> commented on <a href="#">E-5476</a> (Fix header graphic) saying:
+      				<div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+      			</tr>
+      			<tr>
+      				<td><a href="#">Warren</a> commented on <a href="#">E-5476</a> (Fix header graphic) saying:
+      				<div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+      			</tr>
+				<tr>
+      				<td><a href="#">Warren</a> commented on <a href="#">E-5476</a> (Fix header graphic) saying:
+      				<div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+      			</tr>
+      			<tr>
+      				<td><a href="#">Warren</a> commented on <a href="#">E-5476</a> (Fix header graphic) saying:
+      				<div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+      			</tr>
+      			<tr>
+      				<td><a href="#">Warren</a> commented on <a href="#">E-5476</a> (Fix header graphic) saying:
+      				<div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+      			</tr>
+      		</table>
+      		<table class="table table-striped">
+      			<thead>
+      			<tr>
+      				<th>Yesterday</th>
+      			</tr>
+      			</thead>
+      		     <tr>
+      				<td><a href="#">Warren</a> commented on <a href="#">E-5476</a> (Fix header graphic) saying:
+      				<div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+      			</tr>
+      			<tr>
+      				<td><a href="#">Warren</a> commented on <a href="#">E-5476</a> (Fix header graphic) saying:
+      				<div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+      			</tr>
+      		</table>
+      		</div>
+     	</div>
+     	<div class="row">
+     	    <br />
+     		<div class="span8" style="color:grey;">Powered by <a href="#">Bloodhound</a>. Standing on the shoulders of <a href="#">Trac 0.13</a>. <a href="abc"></a></div>
+     		<div class="span4" style="text-align:right; color:grey;">Visit Bloodhound at <a href="">http://bloodhound.io</a></div>
+     	</div>
+    </div>
+    <br />
+</body>
+</html>
+

Added: incubator/bloodhound/trunk/doc/html-templates/product.html
URL: http://svn.apache.org/viewvc/incubator/bloodhound/trunk/doc/html-templates/product.html?rev=1292262&view=auto
==============================================================================
--- incubator/bloodhound/trunk/doc/html-templates/product.html (added)
+++ incubator/bloodhound/trunk/doc/html-templates/product.html Wed Feb 22 12:49:10 2012
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
+<html>
+<head>
+	<title>MultiSite - Apache Bloodhound</title>
+	<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
+	<script type="text/javascript" src="js/bootstrap-dropdown.js"></script>
+	<script src="js/dashboard.js"></script>
+</head>
+<body>
+	<div class="container">
+		<div class="row" style="position:relative;">
+			<div class="span4"><a href="dashboard.html"><img src="img/bloodhound_logo.png" alt="Bloodhound Logo" height="47" width="161"/></a></div>
+			<div class="span8" style="position:absolute; bottom:25%; right:-40%;">
+				Hi Joachim (<a href="#">logout</a>)&nbsp;&nbsp;&nbsp;<a href="#">Preferences</a>&nbsp;&nbsp;&nbsp;<a href="#">Help</a>
+			</div>
+		</div>
+		<div class="row" style="position:relative;">
+			<div class="span4">
+			<form class="form-inline">
+				<input type="text" class="span3" placeholder="Search anything. Try #EF-492." />
+				<input type="button" value="Search" href="#" class="btn btn-warning" />
+			</form>
+			</div>
+			<div class="span4"><a href="#" class="btn">Create Ticket</a></div>
+			<div class="span4">
+				<ul class="nav nav-tabs pull-right">
+					<li class="active"><a href="dashboard.html">Tickets</a></li>
+					<li><a href="#">Wiki</a></li>
+					<li><a href="#">Source</a></li>
+					<li class="dropdown">
+						<a class="dropdown-toggle" data-toggle="dropdown" href="#">Apps<b class="caret"></b></a>
+						<ul class="dropdown-menu">
+							<li><a href="#">SuperAdmin</a></li>
+							<li><a href="#">Tag Cloud</a></li>
+							<li><a href="#">Blog</a></li>
+							<li class="divider"></li>
+							<li><a href="#">Something</a></li>
+						</ul>
+					</li>
+				</ul>
+			</div>
+      		<div class="span12">
+      			<ul class="breadcrumb">
+      				<li><a href="#">Products</a> <span class="divider">/</span></li>
+      				<li class="active"><a href="#">MultiSite</a></li>
+      				<li class="pull-right"><a href="#">Custom Query</a>&nbsp;&nbsp;&nbsp;<a href="#">Reports</a></li>
+				</ul>
+			</div>
+      		<div class="span3" style="text-align:right;"></div>
+     	</div>
+     	<br />
+		<div class="row">
+      		<div class="span8">
+      			<h1 style="display:inline;">MultiSite</h1>
+      			<br><br><div class="well">
+					<p><strong>This is the product description.</strong> Nay lad ipsum dolor sit t'foot o' our <a href="#">stairs ah'll box</a> thi ears big girl's blouse ey up donec ee by gum ah'll learn thi soft southern pansy at mardy bum phasellus soft southern pansy.</p>
+					<ul>
+						<li>Michael palin gi' o'er felis nah <a href="#">then mi bloomin' 'eck</a> t' molestie nunc accumsan.</li>
+						<li>Varius tempor gerritetten eget <a href="#">'sup wi' 'im.</a><a href="#" class="btn btn-info btn-small pull-right">More</a></li>
+					</ul>
+				</div>
+				<div class="btn-toolbar">
+				<div class="btn-group offset1"  data-toggle="buttons-radio">
+					<a class="btn active" href="#">Versions</a>
+					<a class="btn" href="#">My tickets</a>
+					<a class="btn" href="#">All tickets</a>
+				</div>
+				<div class="btn-group">
+					<a class="btn" href="#">Projects</a>
+					<a class="btn" href="#">Components</a>
+				</div>
+				</div>
+				<br>
+      			<div class="tabbable tabs-left">
+					<ul class="nav nav-tabs" style="text-align:right;">
+						<li><a href="#"><span class="label">Undefined</span></a></li>
+						<li><a href="#14.3">15</a></li>
+						<li class="active"><a href="#14.3"><span class="label label-warning">Current</span> 14.3</a></li>
+						<li><a href="#">14.2</a></li>
+						<li><a href="#">14.1</a></li>
+						<li><a href="#">14</a></li>
+						<li><a href="#">&laquo; Previous</a></li>
+					</ul>
+					<div class="tab-content">
+						<div class="tab-pane active" id="14.3">
+						<h3><a href="version.html">Version 14.3</a></h3>
+						<strong>Due in 3 weeks</strong> (15 Feb, 2012) <a href="#">Change</a><div class="pull-right">75% completed</div>
+							<div class="progress progress-success">
+								<div class="bar" style="width: 75%;"></div>
+							</div>
+							<a href="#">Complete (75)</a><a href="#" class="pull-right">Incomplete (25)</a><br/>
+							<p>Note to maintainers
+								<ul>
+									<li>Move tickets from <a href="#">next-minor-0.14.x</a> to here once you know you're going to fix them for the <a href="#">0.14.2</a> release.</li>
+									<li>There should be no enhancements here, only defects</li>
+									<li>There should be only <strong>major</strong> defects here anyway, focus is now on <a href="#">0.15</a></li>
+								</ul>
+							</p>
+						</div>
+						<div class="tab-pane" id="14.2">
+							<h3><a href="#">Version 14.2</a></h3>
+							<div class="progress progress-info">
+								<div class="bar" style="width: 40%;"></div>
+							</div>
+						</div>
+					</div>
+				</div>
+      	<!-- 
+      		# Components will be displayed in the place where currently Versions are displayed, when selected via the button-bar.
+      	
+      		<div class="well">
+      			<h3 style="display:inline;">Components</h3>&nbsp;&nbsp;&nbsp;<a href="#">View all</a>
+      			<p style="font-size:medium; line-height:150%"><a href="#">APIs</a>&nbsp;&nbsp;&nbsp;<a href="#">Branding</a>&nbsp;&nbsp;&nbsp;<a href="#">Website</a>&nbsp;&nbsp;&nbsp;<a href="#">Database</a>&nbsp;&nbsp;&nbsp;<a href="#">Interface</a></p>
+      		</div> 
+      		
+      	-->
+      		</div>
+      		<div class="span4"><h1>Activity</h1>
+      		    <br />
+      		<table class="table table-striped">
+      			<thead>
+      				<tr><th>Today</th></tr>
+      			</thead>
+      			<tr>
+      				<td><a href="#">Warren</a> commented on <a href="#">E-5476</a> (Fix header graphic) saying:
+      				<div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+      			</tr>
+      			<tr>
+      				<td><a href="#">Warren</a> commented on <a href="#">E-5476</a> (Fix header graphic) saying:
+      				<div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+      			</tr>
+				<tr>
+      				<td><a href="#">Warren</a> commented on <a href="#">E-5476</a> (Fix header graphic) saying:
+      				<div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+      			</tr>
+      			<tr>
+      				<td><a href="#">Warren</a> commented on <a href="#">E-5476</a> (Fix header graphic) saying:
+      				<div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+      			</tr>
+      			<tr>
+      				<td><a href="#">Warren</a> commented on <a href="#">E-5476</a> (Fix header graphic) saying:
+      				<div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+      			</tr>
+      		</table>
+      		<table class="table table-striped">
+      			<thead>
+      			<tr>
+      				<th>Yesterday</th>
+      			</tr>
+      			</thead>
+      		     <tr>
+      				<td><a href="#">Warren</a> commented on <a href="#">E-5476</a> (Fix header graphic) saying:
+      				<div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+      			</tr>
+      			<tr>
+      				<td><a href="#">Warren</a> commented on <a href="#">E-5476</a> (Fix header graphic) saying:
+      				<div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+      			</tr>
+      		</table>
+      		</div>
+     	</div>
+     	<div class="row">
+     	    <br />
+     		<div class="span8" style="color:grey;">Powered by <a href="#">Bloodhound</a>. Standing on the shoulders of <a href="#">Trac 0.13</a>. <a href="abc"></a></div>
+     		<div class="span4" style="text-align:right; color:grey;">Visit Bloodhound at <a href="">http://bloodhound.io</a></div>
+     	</div>
+    </div>
+    <br />
+</body>
+</html>
+

Added: incubator/bloodhound/trunk/doc/html-templates/version.html
URL: http://svn.apache.org/viewvc/incubator/bloodhound/trunk/doc/html-templates/version.html?rev=1292262&view=auto
==============================================================================
--- incubator/bloodhound/trunk/doc/html-templates/version.html (added)
+++ incubator/bloodhound/trunk/doc/html-templates/version.html Wed Feb 22 12:49:10 2012
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
+<html>
+<head>
+	<title>MultiSite Version 14.3 - Apache Bloodhound</title>
+	<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
+	<script type="text/javascript" src="js/bootstrap-dropdown.js"></script>
+	<script src="js/dashboard.js"></script>
+</head>
+<body>
+	<div class="container">
+		<div class="row" style="position:relative;">
+			<div class="span4"><a href="dashboard.html"><img src="img/bloodhound_logo.png" alt="Bloodhound Logo" height="47" width="161"/></a></div>
+			<div class="span8" style="position:absolute; bottom:25%; right:-40%;">
+				Hi Joachim (<a href="#">logout</a>)&nbsp;&nbsp;&nbsp;<a href="#">Preferences</a>&nbsp;&nbsp;&nbsp;<a href="#">Help</a>
+			</div>
+		</div>
+		<div class="row" style="position:relative;">
+			<div class="span4">
+			<form class="form-inline">
+				<input type="text" class="span3" placeholder="Search anything. Try #EF-492." />
+				<input type="button" value="Search" href="#" class="btn btn-warning" />
+			</form>
+			</div>
+			<div class="span4"><a href="#" class="btn">Create Ticket</a></div>
+			<div class="span4">
+				<ul class="nav nav-tabs pull-right">
+					<li class="active"><a href="dashboard.html">Tickets</a></li>
+					<li><a href="#">Wiki</a></li>
+					<li><a href="#">Source</a></li>
+					<li class="dropdown">
+						<a class="dropdown-toggle" data-toggle="dropdown" href="#">Apps<b class="caret"></b></a>
+						<ul class="dropdown-menu">
+							<li><a href="#">SuperAdmin</a></li>
+							<li><a href="#">Tag Cloud</a></li>
+							<li><a href="#">Blog</a></li>
+							<li class="divider"></li>
+							<li><a href="#">Something</a></li>
+						</ul>
+					</li>
+				</ul>
+			</div>
+      		<div class="span12">
+      			<ul class="breadcrumb">
+      				<li><a href="#">Products</a> <span class="divider">/</span></li>
+      				<li><a href="product.html">MultiSite</a> <span class="divider">/</span></li>
+      				<li class="active"><a href="#">Version 14.3</a></li>
+      				<li class="pull-right"><a href="#">Custom Query</a>&nbsp;&nbsp;&nbsp;<a href="#">Reports</a></li>
+				</ul>
+			</div>
+      		<div class="span3" style="text-align:right;"></div>
+     	</div>
+     	<br />
+		<div class="row">
+      		<div class="span8">
+      			<h1 style="display:inline;">Version 14.3</h1>
+   			      		<br><br>
+      			      		<div class="well">
+						<strong>Due in 3 weeks</strong> (15 Feb, 2012) <a href="#">Change</a><div class="pull-right">75% completed</div>
+							<div class="progress progress-success">
+								<div class="bar" style="width: 75%;"></div>
+							</div>
+							<a href="#">Complete (75)</a><a href="#" class="pull-right">Incomplete (25)</a>
+				<p>Note to maintainers
+					<ul>
+						<li>Move tickets from <a href="#">next-minor-0.14.x</a> to here once you know you're going to fix them for the <a href="#">0.14.2</a> release.</li>
+						<li>There should be no enhancements here, only defects</li>
+						<li>There should be only <strong>major</strong> defects here anyway, focus is now on <a href="#">0.15</a></li>
+					</ul>
+				</p>
+				</div>
+				<div class="btn-toolbar">
+				<div class="btn-group offset1"  data-toggle="buttons-radio">
+					<a class="btn active" href="#">Milestones</a>
+					<a class="btn" href="#">My tickets</a>
+					<a class="btn" href="#">All tickets</a>
+				</div>
+				<div class="btn-group">
+					<a class="btn" href="#">Projects</a>
+					<a class="btn" href="#">Components</a>
+				</div>
+				</div>
+				<br>
+      			<div class="tabbable tabs-left">
+					<ul class="nav nav-tabs" style="text-align:right;">
+						<li><a href="#"><span class="label">Undefined</span></a></li>
+						<li><a href="#14.3">3</a></li>
+						<li class="active"><a href="#14.3"><span class="label label-warning">Current</span> 2</a></li>
+						<li><a href="#">1</a></li>
+					</ul>
+					<div class="tab-content">
+						<div class="tab-pane active" id="14.3">
+						<h3><a href="milestone.html">Milestone 2</a></h3>
+						<strong>Due in 3 days</strong> (3 Feb, 2012) <a href="#">Change</a><div class="pull-right">24% completed</div>
+							<div class="progress progress-danger">
+								<div class="bar" style="width: 24%;"></div>
+							</div>
+							<a href="#">Complete (24)</a><a href="#" class="pull-right">Incomplete (76)</a><br/>
+							<p>Nay lad ipsum dolor sit t'foot o' our <a href="#">stairs ah'll box</a> thi ears big girl's blouse ey up donec ee by gum ah'll learn thi soft southern pansy at mardy bum phasellus soft southern pansy.</p>
+						</div>
+						<div class="tab-pane" id="14.2">
+							<h3><a href="#">Version 14.2</a></h3>
+							<div class="progress progress-info">
+								<div class="bar" style="width: 40%;"></div>
+							</div>
+						</div>
+					</div>
+				</div>
+				<br>
+				
+		<!-- 
+      		# Components will be displayed in the place where currently Milestones are displayed, when selected via the button-bar.
+      	
+      		<div class="well">
+      			<h3 style="display:inline;">Components</h3>&nbsp;&nbsp;&nbsp;<a href="#">View all</a>
+      			<p style="font-size:medium; line-height:150%"><a href="#">APIs</a>&nbsp;&nbsp;&nbsp;<a href="#">Branding</a>&nbsp;&nbsp;&nbsp;<a href="#">Website</a>&nbsp;&nbsp;&nbsp;<a href="#">Database</a>&nbsp;&nbsp;&nbsp;<a href="#">Interface</a></p>
+      			</div>
+      	-->
+      	
+      		</div>
+      		<div class="span4"><h1>Activity</h1>
+      		    <br />
+      		<table class="table table-striped">
+      			<thead>
+      				<tr><th>Today</th></tr>
+      			</thead>
+      			<tr>
+      				<td><a href="#">Warren</a> commented on <a href="#">E-5476</a> (Fix header graphic) saying:
+      				<div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+      			</tr>
+      			<tr>
+      				<td><a href="#">Warren</a> commented on <a href="#">E-5476</a> (Fix header graphic) saying:
+      				<div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+      			</tr>
+				<tr>
+      				<td><a href="#">Warren</a> commented on <a href="#">E-5476</a> (Fix header graphic) saying:
+      				<div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+      			</tr>
+      			<tr>
+      				<td><a href="#">Warren</a> commented on <a href="#">E-5476</a> (Fix header graphic) saying:
+      				<div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+      			</tr>
+      			<tr>
+      				<td><a href="#">Warren</a> commented on <a href="#">E-5476</a> (Fix header graphic) saying:
+      				<div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+      			</tr>
+      		</table>
+      		<table class="table table-striped">
+      			<thead>
+      			<tr>
+      				<th>Yesterday</th>
+      			</tr>
+      			</thead>
+      		     <tr>
+      				<td><a href="#">Warren</a> commented on <a href="#">E-5476</a> (Fix header graphic) saying:
+      				<div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+      			</tr>
+      			<tr>
+      				<td><a href="#">Warren</a> commented on <a href="#">E-5476</a> (Fix header graphic) saying:
+      				<div style="color:grey;">"The header graphic is going to need a re-think"</div></td>
+      			</tr>
+      		</table>
+      		</div>
+     	</div>
+     	<div class="row">
+     	    <br />
+     		<div class="span8" style="color:grey;">Powered by <a href="#">Bloodhound</a>. Standing on the shoulders of <a href="#">Trac 0.13</a>. <a href="abc"></a></div>
+     		<div class="span4" style="text-align:right; color:grey;">Visit Bloodhound at <a href="">http://bloodhound.io</a></div>
+     	</div>
+    </div>
+    <br />
+</body>
+</html>
+



Mime
View raw message