Refactored package index.html location.

svn changeset:3065/svn branch:trunk

21 files changed, 530 insertions, 0 deletions

diff --git a/build/package/WebContent/demo/css/ie.css b/build/package/WebContent/demo/css/ie.css
new file mode 100644
index 0000000000..7deda93bd0
--- /dev/null
+++ b/build/package/WebContent/demo/css/ie.css
@@ -0,0 +1,11 @@
+/* for IE hasLayout, fixes background not showing */
+* html a.more {
+	zoom: 1;
+}
+*+html a.more {
+	zoom: 1;
+}
+
+a.more span {
+	color: #5c666a;
+}
\ No newline at end of file
diff --git a/build/package/WebContent/demo/css/styles.css b/build/package/WebContent/demo/css/styles.css
new file mode 100644
index 0000000000..7098cf9123
--- /dev/null
+++ b/build/package/WebContent/demo/css/styles.css
@@ -0,0 +1,310 @@
+html {
+	font-size: 100%;
+}
+
+body {
+	font-family: "Trebuchet MS", Tahoma, Geneva, Helvetica, Arial, sans-serif;
+	font-size: 62.5%; /* Scale down to 10px */
+	line-height: 1.8em;
+	color: #5c666a;
+	background: #e9eced url(../img/body-bg.gif) repeat-x;
+}
+
+.clearer {
+	height: 0;
+	overflow: hidden;
+	clear: both;
+}
+
+h1, h2, h3, h4, h5, h6 {
+	margin: 0;
+	padding: 0;
+	font-weight: normal;
+	font-size: 1em;
+}
+
+a {
+	text-decoration: none;
+}
+
+a:link {
+	color: #4696d0;
+}
+
+a:visited {
+	color: #7d9bb2;
+}
+
+a:hover {
+	color: #59b6fa;
+}
+
+a:active {
+	color: #ff581e;
+}
+
+a.more {
+	padding-right: 10px;
+	background: transparent url(../img/link-arrow.png) no-repeat center right;
+}
+
+a.more span {
+	color: #5c666a;
+}
+
+
+/* page furniture */
+
+#container {
+	width: 759px;
+	margin: 60px auto;
+}
+
+#container .header {
+	height: 81px;
+	background: transparent url(../img/header.png);
+}
+
+#container .content {
+	background: #fff url(../img/content-bg.png);
+	padding: 10px 27px 20px 27px;
+	width: 705px; /* for IE hasLayout, fixes beekaboo-bug */
+}
+
+#container .footer {
+	height: 72px;
+	background: transparent url(../img/footer.png) no-repeat;
+	position: relative;
+}
+
+#container .footer a {
+	display: block;
+	width: 95px;
+	height: 15px;
+	text-indent: -90000px;
+	position: absolute;
+	left: 27px;
+	bottom: 3px;
+	background: transparent url(../img/itmill-logo.png);
+	border: none;
+	overflow: hidden; /* IE6 fix */
+}
+
+#container .footer em {
+	display: block;
+	width: 111px;
+	height: 18px;
+	text-indent: -90000px;
+	position: absolute;
+	right: 27px;
+	bottom: 0;
+	background: transparent url(../img/itmill-slogan.png);
+}
+
+#container .header h1,
+#container .header em {
+	display: none;
+}
+
+#container .header a {
+	color: #5c666a;
+	float: right;
+	padding-right: 10px;
+	background: transparent url(../img/link-arrow2.png) no-repeat center right;
+	margin: 30px 27px 0 0;
+	border: none;
+	font-size: 1.2em;
+}
+
+
+
+/* content area */
+
+.content h2 {
+	font-size: 18px;
+	color: #f14c1a;
+	height: 18px;
+	padding: 4px 0 6px 34px;
+	letter-spacing: -0.02em;
+}
+
+#getting-started h2 {
+	background: transparent url(../img/icon-home.png) no-repeat;
+	margin-bottom: 78px;
+}
+#demos h2 {
+	background: transparent url(../img/icon-eye.png) no-repeat;
+}
+#support-licensing h2 {
+	background: transparent url(../img/icon-doc.png) no-repeat;
+}
+
+#getting-started,
+#demos,
+#support-licensing {
+	font-size: 1.3em;
+}
+
+#getting-started,
+#support-licensing {
+	width: 340px;
+}
+
+#demos {
+	width: 335px;
+	float: right;
+	font-size: 1.2em;
+}
+
+#getting-started h4,
+#demos h4,
+#support-licensing h4 {
+	font-weight: bold;
+	margin: 1em 0 0.2em 0;
+}
+
+#getting-started p,
+#support-licensing p {
+	margin: 0 0 1em 0;
+}
+
+#support-licensing .links {
+	list-style: none;
+	padding: 0;
+	margin: -1em 0 1em 0;
+	height: 1.8em;
+}
+
+#support-licensing .links li {
+	float: left;
+	margin-right: 1.5em;
+}
+
+
+/* eclipse image */
+
+#getting-started {
+	background: transparent url(../img/eclipse-quickstart.png) no-repeat 0 40px;
+}
+
+
+
+/* demo icons */
+
+#demos ul {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+
+#demos li {
+	float: left;
+	width: 160px;
+	height: 135px;
+	margin-top: 14px;
+}
+
+#demos li a {
+	display: block;
+	padding-top: 115px;
+	height: 20px;
+	width: 160px;
+	text-align: center;
+}
+
+#demos #windowed-demos {
+	background: #fff url(../img/demos/windowed.png) no-repeat;
+	margin-right: 15px;
+}
+
+#demos #reservr {
+	background: #fff url(../img/demos/reservr.png) no-repeat;
+}
+
+#demos #feature-browser {
+	background: #fff url(../img/demos/feature-browser.png) no-repeat;
+	margin-right: 15px;
+}
+
+#demos #notifications {
+	background: #fff url(../img/demos/notifications.png) no-repeat;
+}
+
+
+/* package contents */
+
+#package-contents {
+	width: 300px;
+	float: right;
+	padding: 0 17px 0 17px;
+	margin: -155px 0 0 0;
+	background: #ecf0f3 url(../img/package-bg.png);
+	overflow: hidden;
+	font-size: 1.1em;
+}
+
+#package-contents .top {
+	height: 5px;
+	width: 334px;
+	margin: 0 -17px 0 -17px;
+	background: transparent url(../img/package-top.png);
+	overflow: hidden;
+}
+
+#package-contents .bottom {
+	height: 5px;
+	width: 334px;
+	margin: 0 -17px 0 -17px;
+	background: transparent url(../img/package-bottom.png);
+	overflow: hidden;
+}
+
+#package-contents-content {
+	margin: 13px 0 17px 0;
+}
+
+#package-contents ul {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+
+#package-contents h3 {
+	font-size: 1.1em;
+	margin: 4px 0 5px 0;
+	color: #5b7b93;
+}
+
+#package-contents em {
+	font-size: 0.9em;
+	font-style: normal;
+	float: right;
+	margin-top: -23px;
+	color: #87a0b2
+}
+
+#package-contents h5 {
+	font-weight: bold;
+	margin: 0 0 0.2em 0;
+	color: #3f5f77;
+}
+
+#package-contents p {
+	margin: 0;
+}
+
+#package-contents .library {
+	width: 143px;
+	margin-right: 15px;
+	float: left;
+}
+
+#package-contents .documentation {
+	width: 134px;
+	float: left;
+}
+
+#package-contents .support {
+	clear: left;
+	padding-top: 1.5em;
+}
\ No newline at end of file
diff --git a/build/package/WebContent/demo/img/body-bg.gif b/build/package/WebContent/demo/img/body-bg.gif
new file mode 100644
index 0000000000..c413999a3a
--- /dev/null
+++ b/build/package/WebContent/demo/img/body-bg.gif
diff --git a/build/package/WebContent/demo/img/content-bg.png b/build/package/WebContent/demo/img/content-bg.png
new file mode 100644
index 0000000000..f2a4f2b469
--- /dev/null
+++ b/build/package/WebContent/demo/img/content-bg.png
diff --git a/build/package/WebContent/demo/img/demos/notifications.png b/build/package/WebContent/demo/img/demos/notifications.png
new file mode 100644
index 0000000000..c3bf920fb3
--- /dev/null
+++ b/build/package/WebContent/demo/img/demos/notifications.png
diff --git a/build/package/WebContent/demo/img/demos/reservr.png b/build/package/WebContent/demo/img/demos/reservr.png
new file mode 100644
index 0000000000..97864125eb
--- /dev/null
+++ b/build/package/WebContent/demo/img/demos/reservr.png
diff --git a/build/package/WebContent/demo/img/demos/windowed.png b/build/package/WebContent/demo/img/demos/windowed.png
new file mode 100644
index 0000000000..a6819143f1
--- /dev/null
+++ b/build/package/WebContent/demo/img/demos/windowed.png
diff --git a/build/package/WebContent/demo/img/eclipse-quickstart.png b/build/package/WebContent/demo/img/eclipse-quickstart.png
new file mode 100644
index 0000000000..8c735fe678
--- /dev/null
+++ b/build/package/WebContent/demo/img/eclipse-quickstart.png
diff --git a/build/package/WebContent/demo/img/footer.png b/build/package/WebContent/demo/img/footer.png
new file mode 100644
index 0000000000..ed49449590
--- /dev/null
+++ b/build/package/WebContent/demo/img/footer.png
diff --git a/build/package/WebContent/demo/img/header.png b/build/package/WebContent/demo/img/header.png
new file mode 100644
index 0000000000..9fb303b9c2
--- /dev/null
+++ b/build/package/WebContent/demo/img/header.png
diff --git a/build/package/WebContent/demo/img/icon-doc.png b/build/package/WebContent/demo/img/icon-doc.png
new file mode 100644
index 0000000000..4bf1c4aa54
--- /dev/null
+++ b/build/package/WebContent/demo/img/icon-doc.png
diff --git a/build/package/WebContent/demo/img/icon-eye.png b/build/package/WebContent/demo/img/icon-eye.png
new file mode 100644
index 0000000000..69478cc477
--- /dev/null
+++ b/build/package/WebContent/demo/img/icon-eye.png
diff --git a/build/package/WebContent/demo/img/icon-home.png b/build/package/WebContent/demo/img/icon-home.png
new file mode 100644
index 0000000000..b5a8469739
--- /dev/null
+++ b/build/package/WebContent/demo/img/icon-home.png
diff --git a/build/package/WebContent/demo/img/itmill-logo.png b/build/package/WebContent/demo/img/itmill-logo.png
new file mode 100644
index 0000000000..f3149ad970
--- /dev/null
+++ b/build/package/WebContent/demo/img/itmill-logo.png
diff --git a/build/package/WebContent/demo/img/itmill-slogan.png b/build/package/WebContent/demo/img/itmill-slogan.png
new file mode 100644
index 0000000000..7cf08c753a
--- /dev/null
+++ b/build/package/WebContent/demo/img/itmill-slogan.png
diff --git a/build/package/WebContent/demo/img/link-arrow.png b/build/package/WebContent/demo/img/link-arrow.png
new file mode 100644
index 0000000000..abb26e888d
--- /dev/null
+++ b/build/package/WebContent/demo/img/link-arrow.png
diff --git a/build/package/WebContent/demo/img/link-arrow2.png b/build/package/WebContent/demo/img/link-arrow2.png
new file mode 100644
index 0000000000..669f908774
--- /dev/null
+++ b/build/package/WebContent/demo/img/link-arrow2.png
diff --git a/build/package/WebContent/demo/img/package-bg.png b/build/package/WebContent/demo/img/package-bg.png
new file mode 100644
index 0000000000..22c1c1529e
--- /dev/null
+++ b/build/package/WebContent/demo/img/package-bg.png
diff --git a/build/package/WebContent/demo/img/package-bottom.png b/build/package/WebContent/demo/img/package-bottom.png
new file mode 100644
index 0000000000..04c6f1359a
--- /dev/null
+++ b/build/package/WebContent/demo/img/package-bottom.png
diff --git a/build/package/WebContent/demo/img/package-top.png b/build/package/WebContent/demo/img/package-top.png
new file mode 100644
index 0000000000..10dcdfee56
--- /dev/null
+++ b/build/package/WebContent/demo/img/package-top.png
diff --git a/build/package/WebContent/index.html b/build/package/WebContent/index.html
new file mode 100644
index 0000000000..5e95d51537
--- /dev/null
+++ b/build/package/WebContent/index.html
@@ -0,0 +1,209 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+	<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<title>IT Mill Toolkit 5</title>
+		<link rel="stylesheet" type="text/css" href="demo/css/styles.css" />
+		<!--[if IE]>
+		<link rel="stylesheet" type="text/css" href="demo/css/ie.css" />
+		<![endif]-->
+		<script type="text/javascript">
+		
+		window.onload = function() {
+			itmill.init();
+		}
+		
+		var itmill = function() {
+		
+			var isIE = /MSIE/.test(navigator.userAgent) && !window.opera;
+			var packageOpen = false;
+			var packageContent;
+			var package;
+			var demoArea;
+		
+			return {
+			
+				init : function() {
+					// Fetch references
+					packageContent = document.getElementById("package-contents-content");
+					package = document.getElementById("package-contents");
+					demoArea = document.getElementById("demos");
+					
+					// Hide package contents initially
+					packageContent.style.display = "none";
+					
+					// Enable package contents panel hiding/showing
+					var toggle = package.getElementsByTagName("h3")[0];
+					toggle.style.cursor = "pointer";
+					toggle.title = "Show/hide package contents";
+					// Use the quick-n-dirty way to attach event listeners
+					toggle.onclick = this.togglePackage;					
+					
+					// TODO enable demo button hovers
+					var demos = demoArea.getElementsByTagName("li");
+					for(var i=0; i < demos.length; i++) {
+						demos[i].onmouseover = this.focusDemo;
+						//demos[i].onmouseout = this.blurDemos;
+					}
+					demoArea.onmouseout = this.blurDemos;
+					
+					
+					// TODO implement feedback popup
+				},
+				
+				togglePackage : function() {
+					if(packageOpen) {
+							packageContent.style.display = "none";
+							packageOpen = false;
+						} else {
+							packageContent.style.display = "block";
+							packageOpen = true;
+						}
+				},
+				
+				focusDemo : function(e) {
+					var evt = e ? e : window.event;
+					var target = evt.target ? evt.target.parentNode : evt.srcElement.parentNode; // Should be the LI element
+					if(target.nodeType != 1 || target.nodeName != "LI")
+						return;
+						
+					var demos = document.getElementById("demos").getElementsByTagName("li");
+					for(var i=0; i < demos.length; i++) {
+						var demo = demos[i];
+						if(demo != target) {
+							if(isIE)
+								demo.style.filter = "alpha(opacity=60)";
+							else 
+								demo.style.opacity = "0.6";
+							
+						} else {
+							if(isIE)
+								demo.style.filter = "";
+							else 
+								demo.style.opacity = "1";
+						}
+					}
+				},
+				
+				blurDemos : function(e) {
+					var evt = e ? e : window.event;
+					var target = evt.toElement || evt.relatedTarget;
+					if((target == demoArea || target.parentNode == demoArea || target.parentNode.parentNode == demoArea) && target.nodeName != "H2")
+						return;
+					var demos = document.getElementById("demos").getElementsByTagName("li");
+					for(var i=0; i < demos.length; i++) {
+						if(isIE)
+							demos[i].style.filter = "";
+						else 
+							demos[i].style.opacity = "1";
+					}
+				}
+				
+			};
+		}();
+		
+		</script>
+	</head>
+	<body>
+	
+	<div id="container">
+	
+		<div class="header">
+			<h1>Introducing IT Mill Toolkit 5</h1>
+			<em>Effortless web application development for Java-programmers.</em>
+			<a href="http://www.itmill.com" title="Open www.itmill.com">Visit itmill.com</a>
+		</div> <!-- /Header -->
+		
+		<div class="content">
+		
+			<div id="demos">
+				<h2>Demos</h2>
+				<ul>
+					<li id="windowed-demos"><a href="windowed-demo">Windowed demos</a></li>
+					<li id="reservr"><a href="reservr">Reservation application</a></li>
+					<li id="feature-browser"><a href="feature-browser">Feature browser</a></li>
+					<li id="notifications"><a href="notification-demo">Notifications</a></li>
+				</ul>			
+			</div> <!-- /demos -->
+			
+			<div id="getting-started">
+				<h2>Getting started</h2>
+				
+				<h4>Eclipse IDE Quickstart</h4>
+				<p>The easiest way to start working with IT Mill Toolkit is to 
+				use Eclipse IDE with the Toolkit quickstart project.
+				<a href="quickstart.html" class="more">Instant Toolkit workspace for Eclipse</a></p>
+				
+				<h4>Manual Deployment</h4>
+				<p>If you do not use Eclipse, you can manually deploy the Toolkit 
+				WAR-package to your server with these simple steps.
+				<a href="deployment.html" class="more">How to deploy Toolkit WAR-package to a server</a></p>
+				
+			</div> <!-- /getting-started -->
+			
+			<div id="support-licensing">
+				<h2>Support and Licensing</h2>
+				
+				<h4>Documentation</h4>
+				<p>Need help using IT Mill Toolkit? Look no further. Everything you need to know is here.</p>
+				<ul class="links">
+					<li><a href="manual.html">Manual</a> <a href="manual.pdf" class="more"><span>(</span>PDF<span>)</span></a></li>
+					<li><a href="javadoc.html" class="more">JavaDoc API</a></li>
+					<li><a href="http://forum.itmill.com" class="more">Support forum</a></li>
+				</ul>
+				
+				<h4>Licenses</h4>
+				<p>All of IT Mill Toolkit's core is licensed under liberal Open Source license. Commercial licenses are also available.
+				<a href="licensing-guidelines.html" class="more">Licensing Guidelines</a></p>
+				
+			</div> <!-- /support-licensing -->
+			
+			<div id="package-contents">
+				<div class="top"></div>
+				
+				<h3>&raquo; Package contents</h3>
+				<em>Version 5.0.0-beta</em>
+				
+				<div id="package-contents-content"> <!-- For JavaScript hooking -->
+				
+				<div class="library">
+					<h5>Library</h5>
+					<p>Contains all you need to start a new Toolkit project (binaries, sources, default 
+					themes and widgetsets). <a href="toolkit-jar">Toolkit JAR</a></p>
+				</div>
+				
+				<div class="documentation">
+					<h5>Documentation</h5>
+					<ul>
+						<li><a href="release-notes.html">Release Notes</a></li>
+						<li><a href="manual.html">Manual</a> &nbsp; (<a href="manual.pdf">view as PDF</a>)</li>
+						<li><a href="javadoc.html">JavaDoc API</a></li>
+					</ul>
+				</div>
+				
+				<div class="support">
+					<h5>Support &amp; Licensing</h5>
+					<ul>
+						<li><a href="http://forum.itmill.com">Support forum</a></li>
+						<li><a href="licensing-guidelines.html">Licensing Guidelines</a></li>
+						<li>Prices and purchase from <a href="mailto:sales@itmill.com">sales@itmill.com</a></li>
+					</ul>
+				</div>
+				
+				</div>
+			
+				<div class="bottom"></div>
+			</div> <!-- /package-contents -->
+			
+			<div class="clearer"></div>
+		</div> <!-- /content-->
+		
+		<div class="footer">
+			<a href="http://www.itmill.com">IT Mill Ltd.</a>
+			<em>Interfacing IT</em>
+		</div> <!-- /footer -->
+	
+	</div> <!-- /container -->
+	
+	</body>
+</html>