You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@pivot.apache.org by sm...@apache.org on 2009/11/20 10:20:51 UTC

svn commit: r882460 - in /incubator/pivot/trunk/demos/www: ./ images/

Author: smartini
Date: Fri Nov 20 09:20:49 2009
New Revision: 882460

URL: http://svn.apache.org/viewvc?rev=882460&view=rev
Log:
preliminary work to adapt Demos Home Page (and other demos pages) to the new Style of the Web Site.
Note that at the moment no Demos pages uses these resources, so it's safe to keep them here (only a little disk space is required).

Added:
    incubator/pivot/trunk/demos/www/images/
    incubator/pivot/trunk/demos/www/images/bg.jpg   (with props)
    incubator/pivot/trunk/demos/www/images/bg_footer.gif   (with props)
    incubator/pivot/trunk/demos/www/images/demos_feat_chart.jpg   (with props)
    incubator/pivot/trunk/demos/www/images/demos_feat_deco.jpg   (with props)
    incubator/pivot/trunk/demos/www/images/demos_feat_itunes.jpg   (with props)
    incubator/pivot/trunk/demos/www/images/demos_feat_kitchen.jpg   (with props)
    incubator/pivot/trunk/demos/www/images/demos_feat_stock.jpg   (with props)
    incubator/pivot/trunk/demos/www/images/dotted_line_b.gif   (with props)
    incubator/pivot/trunk/demos/www/images/dotted_line_bl.gif   (with props)
    incubator/pivot/trunk/demos/www/images/featured_icon.png   (with props)
    incubator/pivot/trunk/demos/www/images/icon_archive.png   (with props)
    incubator/pivot/trunk/demos/www/images/icon_doc.png   (with props)
    incubator/pivot/trunk/demos/www/images/icon_more.png   (with props)
    incubator/pivot/trunk/demos/www/images/icon_view.png   (with props)
    incubator/pivot/trunk/demos/www/images/logo.png   (with props)
    incubator/pivot/trunk/demos/www/images/logo_footer.jpg   (with props)
    incubator/pivot/trunk/demos/www/images/logo_footer.png   (with props)
    incubator/pivot/trunk/demos/www/images/navi_bg.png   (with props)
    incubator/pivot/trunk/demos/www/images/pivot_icon_red.png   (with props)
    incubator/pivot/trunk/demos/www/images/pivot_icon_s_light_blue.jpg   (with props)
    incubator/pivot/trunk/demos/www/images/pivot_icon_s_light_blue.png   (with props)
    incubator/pivot/trunk/demos/www/images/pivot_icon_s_light_grey.png   (with props)
    incubator/pivot/trunk/demos/www/images/pivot_screen.jpg   (with props)
    incubator/pivot/trunk/demos/www/images/reflection.png   (with props)
    incubator/pivot/trunk/demos/www/images/stage_demos.gif   (with props)
    incubator/pivot/trunk/demos/www/images/stage_dl.gif   (with props)
    incubator/pivot/trunk/demos/www/images/tagline.png   (with props)
    incubator/pivot/trunk/demos/www/styles.css
    incubator/pivot/trunk/demos/www/template.html

Added: incubator/pivot/trunk/demos/www/images/bg.jpg
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/bg.jpg?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/bg.jpg
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/images/bg_footer.gif
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/bg_footer.gif?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/bg_footer.gif
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/images/demos_feat_chart.jpg
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/demos_feat_chart.jpg?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/demos_feat_chart.jpg
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/images/demos_feat_deco.jpg
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/demos_feat_deco.jpg?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/demos_feat_deco.jpg
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/images/demos_feat_itunes.jpg
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/demos_feat_itunes.jpg?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/demos_feat_itunes.jpg
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/images/demos_feat_kitchen.jpg
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/demos_feat_kitchen.jpg?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/demos_feat_kitchen.jpg
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/images/demos_feat_stock.jpg
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/demos_feat_stock.jpg?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/demos_feat_stock.jpg
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/images/dotted_line_b.gif
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/dotted_line_b.gif?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/dotted_line_b.gif
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/images/dotted_line_bl.gif
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/dotted_line_bl.gif?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/dotted_line_bl.gif
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/images/featured_icon.png
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/featured_icon.png?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/featured_icon.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/images/icon_archive.png
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/icon_archive.png?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/icon_archive.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/images/icon_doc.png
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/icon_doc.png?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/icon_doc.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/images/icon_more.png
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/icon_more.png?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/icon_more.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/images/icon_view.png
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/icon_view.png?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/icon_view.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/images/logo.png
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/logo.png?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/logo.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/images/logo_footer.jpg
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/logo_footer.jpg?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/logo_footer.jpg
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/images/logo_footer.png
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/logo_footer.png?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/logo_footer.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/images/navi_bg.png
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/navi_bg.png?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/navi_bg.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/images/pivot_icon_red.png
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/pivot_icon_red.png?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/pivot_icon_red.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/images/pivot_icon_s_light_blue.jpg
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/pivot_icon_s_light_blue.jpg?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/pivot_icon_s_light_blue.jpg
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/images/pivot_icon_s_light_blue.png
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/pivot_icon_s_light_blue.png?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/pivot_icon_s_light_blue.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/images/pivot_icon_s_light_grey.png
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/pivot_icon_s_light_grey.png?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/pivot_icon_s_light_grey.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/images/pivot_screen.jpg
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/pivot_screen.jpg?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/pivot_screen.jpg
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/images/reflection.png
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/reflection.png?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/reflection.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/images/stage_demos.gif
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/stage_demos.gif?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/stage_demos.gif
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/images/stage_dl.gif
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/stage_dl.gif?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/stage_dl.gif
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/images/tagline.png
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/images/tagline.png?rev=882460&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/pivot/trunk/demos/www/images/tagline.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/pivot/trunk/demos/www/styles.css
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/styles.css?rev=882460&view=auto
==============================================================================
--- incubator/pivot/trunk/demos/www/styles.css (added)
+++ incubator/pivot/trunk/demos/www/styles.css Fri Nov 20 09:20:49 2009
@@ -0,0 +1,448 @@
+@charset "UTF-8";
+* {
+	margin: 0;
+	padding: 0;
+}
+
+body {
+	background: black;
+	text-align: center;
+	font-family: Helvetica, Arial, sans-serif;
+	font-size: 0.85em;
+	line-height: 1.2em;
+	color: #252525;
+}
+
+a {
+	color: #252525;
+}
+
+a:hover {
+	color: #0d4a7a;
+}
+
+a img {
+	border: none;
+}
+
+h2 {
+	margin-bottom: 5px;
+	font-size: 110%;
+	color: #b40000;
+}
+
+/* Page structure */
+
+#wrapper {
+	width: 980px;
+	margin: 0 auto;
+	text-align: left;
+	background: #fff url(images/bg.jpg) no-repeat left top;
+}
+
+#main {
+	padding: 0 25px;
+}
+
+#header {
+	position: relative;
+}
+
+#stage {
+	margin-left: 330px;
+	padding-top: 20px;
+	clear: both;
+
+}
+
+#featured {
+	padding-top: 20px;
+	clear: both;
+}
+
+#contentBase {
+	padding-top: 14px;
+	clear: both;
+}
+
+#footer {
+	margin-top: 20px;
+	padding-bottom: 10px;
+	background: #032036 url(images/bg_footer.gif) repeat-x left top;
+	color: #354d5e;
+	font-size: 85%;
+}
+
+/* Header (Logo, tagline & navi */
+.logoHome, .logo {
+	position: absolute;
+	left: 10px;
+	top: 10px;
+	z-index: 499;
+}
+
+.logo img {
+	width: 140px;
+}
+
+.tagline {
+	margin-bottom: 55px;
+	float: right;
+	padding-top: 30px;
+	clear: both;
+}
+
+.navi {
+	position: absolute;
+	top: 90px;
+	left: 160px;
+	width: 785px;
+	height: 35px;
+	background: url(images/navi_bg.png) no-repeat left top;
+	float: right;
+	clear: both;
+	list-style: none;
+	z-index: 999;
+}
+
+.navi li {
+	padding: 8px 0 0 70px;
+	float: left;
+}
+
+.navi li a {
+	color: white;
+	color: rgba(255,255,255,.75);
+	text-decoration: none;
+}
+
+.navi li a:hover {
+	color: rgba(255,255,255,1);
+}
+
+/* Stage at homepage */
+
+#stage p {
+	font-family: Georgia, "Times New Roman", Times, serif;
+	font-size: 120%;
+	line-height: 140%;
+}
+
+.stageBtn {
+	margin-top: 26px;
+	list-style: none;
+}
+
+.stageBtn li {
+	margin-right: 10px;
+	float: left;
+}
+
+.stageBtn li a {
+	width: 240px;
+	height: 50px;
+	display: block;
+	text-decoration: none;
+	border-radius: 3px;
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+}
+
+.stageBtn li.stageDemos a {
+	background: #fff url(images/stage_demos.gif) no-repeat left top;
+	border: 1px solid #b40000;
+}
+
+.stageBtn li.stageDl a {
+	background: #fff url(images/stage_dl.gif) no-repeat left top;
+	border: 1px solid #0d4a7a;
+}
+
+.stageBtn li a:hover {
+	background-color: #d7d7d7;
+}
+
+.stageBtn li strong {
+	padding: 8px 0 2px 54px;
+	font-size: 120%;
+	display: block;
+}
+
+.stageBtn li.stageDemos strong {
+	color: #b40000;
+}
+
+.stageBtn li.stageDl strong {
+	color: #0d4a7a;
+}
+
+.stageBtn li em {
+	padding-left: 54px;
+	font-style: normal;
+}
+
+/* Featured column on homepage */
+
+#featured div {
+	float: left;
+	margin: 15px 10px 0 0;
+	width: 300px;
+}
+
+#featured div h2 {
+	padding-left: 22px;
+	margin-bottom: 10px;
+	font-family: Georgia, "Times New Roman", Times, serif;
+	font-size: 120%;
+	font-weight: normal;
+	color: #04233b;
+	background: url(images/featured_icon.png) no-repeat left center;
+	height: 19px;
+}
+
+#featured .homeCol1 p img {
+	margin-bottom: 10px;
+}
+
+#featured .homeCol2 ul {
+	list-style: none;
+	background: url(images/dotted_line_b.gif) repeat-x left top;
+}
+
+#featured .homeCol2 ul li {
+	background: url(images/dotted_line_b.gif) repeat-x left bottom;
+}
+
+#featured .homeCol2 ul li a {
+	padding: 5px 23px;
+	display: block;
+	background: url(images/pivot_icon_s_light_blue.png) no-repeat 5px center;
+	text-decoration: none;
+}
+
+#featured .homeCol2 ul li a:hover {
+	color: #0d4a7a;
+}
+
+.newsItems {
+	list-style: none;
+	border-top: 1px solid #c2c2c2;
+}
+
+.newsItems li {
+	border-bottom: 1px solid #c2c2c2;
+}
+
+.newsItems li a {
+	padding: 5px;
+	display: block;
+	text-decoration: none;
+	background-color: #f5f5f5;
+	border-top: 1px solid #fff;
+}
+
+.newsItems li a:hover {
+	background-color: #ebebeb;
+}
+
+.newsItems li strong {
+	display: block;
+}
+
+.newsItems li em {
+	display: block;
+	font-size: 80%;
+	color: #5e5e5e;
+}
+
+.btnMore a, .btnDocs a, .btnNewsArchive a, .btnView a {
+	padding: 1px 5px 2px 1px;
+	background: #e1f1cb url(images/reflection.png) repeat-x 0 50%;
+	border: 1px solid #a6a6a6;
+	border-radius: 10px;
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	text-decoration: none;
+	font-size: 80%;
+}
+
+.btnMore a:hover, .btnDocs a:hover, .btnNewsArchive a:hover, .btnView a:hover {
+	background-color: #d9e7c5;
+}
+
+.btnMore a span, .btnDocs a span, .btnNewsArchive a span, .btnView a span {
+	padding: 1px 0 1px 15px;
+}
+
+.btnMore a span {
+	background: url(images/icon_more.png) no-repeat 0 50%;
+}
+
+.btnDocs a span {
+	background: url(images/icon_doc.png) no-repeat 0 50%;
+}
+
+.btnNewsArchive a span {
+	background: url(images/icon_archive.png) no-repeat 0 50%;
+}
+
+.btnView a span {
+	background: url(images/icon_view.png) no-repeat 0 50%;
+}
+
+/* Left navigation */
+.naviLeft {
+	padding-top: 5px;
+	float: left;
+	list-style: none;
+	width: 145px;
+}
+
+.naviLeft li {
+	padding: 5px 0;
+}
+
+.naviLeft a {
+	padding-left: 15px;
+	display: block;
+	text-decoration: none;
+	background: url(images/pivot_icon_s_light_blue.png) no-repeat 0 2px;
+}
+
+/* Content elements */
+#contentBase h1 {
+	padding: 0 0 10px 160px;
+	font-size: 180%;
+	font-weight: normal;
+	background: url(images/dotted_line_b.gif) repeat-x left bottom;
+	color: #464646;
+}
+
+.content {
+	padding-top: 10px;
+	width: 765px;
+	float: right;	
+}
+
+/* Featured demos */
+.featuredDemos {
+	margin: 10px 0;
+	list-style: none;
+}
+
+.featuredDemos li {
+	margin-right: 10px;
+	float: left;
+	width: 145px;
+}
+
+.featuredDemosBox {
+	margin-bottom: 10px;
+	background: #252525;
+	border: 1px solid #252525;
+	border-radius: 5px;
+	-webkit-border-radius: 5px;
+	-moz-border-radius: 5px;
+	color: #bebebe;
+	font-size: 80%;
+	line-height: 120%;
+}
+
+.featuredDemoDesc {
+	padding: 3px;
+	height: 80px;
+}
+
+.featuredDemoView {
+	padding: 2px 0 2px 15px;
+	background: #474747 url(images/pivot_icon_s_light_grey.png) no-repeat 3px 50%;
+}
+
+.featuredDemoView a {
+	color: #c8c8c8;
+	text-decoration: none;
+}
+
+.otherDemos {
+	list-style: none;
+}
+
+.otherDemos strong {
+	margin: 5px 0 3px 0;
+	display: block;
+}
+
+.otherDemos em {
+	margin-bottom: 5px;
+	display: block;
+	font-style: normal;
+}
+
+/* Footer elements */
+#footer a {
+	color: #354d5e;
+	text-decoration: none;
+}
+
+#footer a:hover {
+	color: #687986;
+}
+
+.footerLogo {
+	margin: 10px 0;
+	padding: 108px 20px 10px 40px;
+	background: url(images/logo_footer.png) no-repeat 40px 10px;
+	float: left;
+	border-right: 1px solid #102b40;
+}
+
+.footerLinks {
+	margin: 10px 0;
+	padding: 10px 0 0 20px;
+	float: left;
+}
+
+.footerLinks ul {
+	list-style: none;
+}
+
+.footerMenuGr li {
+	margin-right: 10px;
+	width: 125px;
+	float: left;
+}
+
+.footerMenuGr li strong {
+	font-size: 120%;
+}
+
+.footerMenuGr li ul {
+	margin-top: 5px;
+}
+
+.footerMenuGr li ul li {
+	float: none;
+	background: url(images/dotted_line_bl.gif) repeat-x left bottom;
+}
+
+.footerMenuGr li ul li a {
+	padding: 3px;
+	display: block;
+}
+
+/* Custom elements */
+.group:after {
+	content: ".";
+	display: block;
+	height: 0;
+	clear: both;
+	visibility: hidden;
+}
+
+* html .group {
+	height: 1%;
+}
+
+*:first-child+html .group {
+	min-height: 1px;
+}

Added: incubator/pivot/trunk/demos/www/template.html
URL: http://svn.apache.org/viewvc/incubator/pivot/trunk/demos/www/template.html?rev=882460&view=auto
==============================================================================
--- incubator/pivot/trunk/demos/www/template.html (added)
+++ incubator/pivot/trunk/demos/www/template.html Fri Nov 20 09:20:49 2009
@@ -0,0 +1,171 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<title>Demos | Apache Pivot</title>
+<link href="styles.css" rel="stylesheet" type="text/css" />
+</head>
+
+<body>
+
+<div id="wrapper">
+
+	<div id="main">
+    
+    	<div id="header">
+        
+        	<div class="logo"><a href="index.html"><img src="images/logo.png" alt="Apache Pivot" title="Apache Pivot Homepage" /></a></div>
+        
+        	<div class="tagline"><img src="images/tagline.png" alt="Rich Internet Application (RIA) in Java(tm)" /></div>
+            <ul class="navi">
+            
+            	<li><a href="#">Demos</a></li>
+                <li><a href="#">Download</a></li>
+                <li><a href="#">Documentation</a></li>
+                <li><a href="#">Get Involved</a></li>
+                <li><a href="#">About</a></li>
+            
+            </ul>
+        
+        </div>
+        
+        <div id="contentBase" class="group">
+        
+        	<h1>demos</h1>
+            
+            <ul class="naviLeft">
+            	<li><a href="#">"Kitchen Sink"</a></li>
+                <li><a href="#">Stock Tracker</a></li>
+                <li><a href="#">iTunes Search</a></li>
+                <li><a href="#">Charting</a></li>
+                <li><a href="#">News Ticker / Slide Show</a></li>
+                <li><a href="#">JSON Viewer</a></li>
+            </ul>
+            
+            <div class="content">
+            
+            	<p>A collection of Pivot demos. All demos require Java 6 or greater.</p>
+                
+                <ul class="featuredDemos">
+                
+                	<li>
+                    	<h2>"Kitchen Sink"</h2>
+                        <div class="featuredDemosBox">
+                        	<p class="featuredDemoImg"><a href="#"><img src="images/demos_feat_kitchen.jpg" alt="Kitchen Sink" /></a></p>
+                            <p class="featuredDemoDesc">Demonstrates a number of commonly used Pivot components.</p>
+                            <p class="featuredDemoView"><a href="#">View</a></p>
+                        </div>
+                    </li>
+                    
+                    <li>
+                    	<h2>Stock Tracker</h2>
+                        <div class="featuredDemosBox">
+                        	<p class="featuredDemoImg"><a href="#"><img src="images/demos_feat_stock.jpg" alt="Stock Tracker" /></a></p>
+                            <p class="featuredDemoDesc">A simple but practical "real world" application built using Pivot. Monitors stock quotes provided by Yahoo! Finance.</p>
+                            <p class="featuredDemoView"><a href="#">View</a></p>
+                        </div>
+                    </li>
+                    
+                    <li>
+                    	<h2>iTunes Search</h2>
+                        <div class="featuredDemosBox">
+                        	<p class="featuredDemoImg"><a href="#"><img src="images/demos_feat_itunes.jpg" alt="iTunes Search" /></a></p>
+                            <p class="featuredDemoDesc">Simple application that allows a user to run search queries against the iTunes Music Store and presents the results in a table view.</p>
+                            <p class="featuredDemoView"><a href="#">View</a></p>
+                        </div>
+                    </li>
+                    
+                    <li>
+                    	<h2>Charting</h2>
+                        <div class="featuredDemosBox">
+                        	<p class="featuredDemoImg"><a href="#"><img src="images/demos_feat_chart.jpg" alt="Charting" /></a></p>
+                            <p class="featuredDemoDesc">Demonstrates charting in Pivot using the JFreeChart chart provider (hosted at http://ixnay.biz).</p>
+                            <p class="featuredDemoView"><a href="#">View</a></p>
+                        </div>
+                    </li>
+                    
+                    <li style="margin-right:0;">
+                    	<h2>Decorator</h2>
+                        <div class="featuredDemosBox">
+                        	<p class="featuredDemoImg"><a href="#"><img src="images/demos_feat_deco.jpg" alt="Decorator" /></a></p>
+                            <p class="featuredDemoDesc">Decorators allow developer attach additional presentation to components, such as drop shadows, reflections, image effects, etc.</p>
+                            <p class="featuredDemoView"><a href="#">View</a></p>
+                        </div>
+                    </li>
+                	
+                </ul>
+                
+                <h2>Other Demos</h2>
+                <ul class="otherDemos">
+                	<li>
+                    	<strong>News Ticker/Slide Show</strong>
+                        <em>Demonstrates Pivot used in a real-world context, used to show a news feed and a slide show of client logos (hosted at http://www.satelliteconsulting.com).</em>
+                        <div class="btnView"><a href="#"><span>View</span></a></div>
+                    </li>
+                	<li>
+                    	<strong>JSON Viewer</strong>
+                        <em>Allows users to visually browse a JSON structure using a TreeView component.</em>
+                        <div class="btnView"><a href="#"><span>View</span></a></div>
+                    </li>
+                	<li>
+                    	<strong>Scripting</strong>
+                        <em>Simple example of a Pivot application written using JavaScript.</em>
+                        <div class="btnView"><a href="#"><span>View</span></a></div>
+                    </li>
+                </ul>
+                
+            </div>
+        
+        </div>
+                    
+    </div>
+    
+    <div id="footer" class="group">
+        
+        <div class="footerLogo">Copyright &copy; 1999-2009, The Apache Software Foundation.</div>
+        
+        <div class="footerLinks">
+            <ul class="footerMenuGr">
+                <li>
+                    <strong>Demos</strong>
+                    <ul>
+                    	<li><a href="#">"Kitchen Sink"</a></li>
+                        <li><a href="#">Charting</a></li>
+                        <li><a href="#">File Drag &amp; Drop</a></li>
+                        <li><a href="#">More Demos</a></li>
+                    </ul>
+                </li>
+                <li>
+                	<strong>Documentation</strong>
+                    <ul>
+                    	<li><a href="#">FAQ</a></li>
+                        <li><a href="#">Tutorial</a></li>
+                        <li><a href="#">Javadoc (1.3)</a></li>
+                    </ul>
+                </li>
+                <li>
+                	<strong>Get Involved</strong>
+                    <ul>
+                    	<li><a href="#">SVN Repositories</a></li>
+                        <li><a href="#">Mailing Lists</a></li>
+                        <li><a href="#">Wiki</a></li>
+                    </ul>
+                </li>
+                <li>
+                	<strong>About</strong>
+                    <ul>
+                    	<li><a href="#">Contact</a></li>
+                        <li><a href="#">Legal/License</a></li>
+                        <li><a href="#">Sponsorship</a></li>
+                        <li><a href="#">Thanks</a></li>
+                    </ul>
+                </li>
+            </ul>
+        </div>
+        
+    </div>
+
+</div>
+
+</body>
+</html>