packaging

svn changeset:3093/svn branch:trunk
author: Jani Laakso <jani.laakso@itmill.com> 2007-11-30 16:21:11 +0000
committer: Jani Laakso <jani.laakso@itmill.com> 2007-11-30 16:21:11 +0000
commit: 396b971b819ca9747dbb6bb86dc220a7c66cb446 (patch)
tree: 37d8575b3a9e0f569c06a2d713c73aff991929ba /WebContent
parent: c4832facac82b1fd10cea4a1723fe8b45c93fe88 (diff)
download: vaadin-framework-396b971b819ca9747dbb6bb86dc220a7c66cb446.tar.gz
vaadin-framework-396b971b819ca9747dbb6bb86dc220a7c66cb446.zip
2 files changed, 403 insertions, 240 deletions
diff --git a/WebContent/demos.html b/WebContent/demos.html
new file mode 100644
index 0000000000..1c5c99ad51
--- /dev/null
+++ b/WebContent/demos.html
@@ -0,0 +1,158 @@
+<!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 Demos</title>
+		<link rel="stylesheet" type="text/css" href="demo/css/demos.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("additional-content");
+					package = document.getElementById("additional");
+					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;
+					
+				},
+				
+				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 = demoArea.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="feature-browser"><a href="feature-browser">Feature browser</a></li>
+					<li id="notifications"><a href="notification-demo">Notifications</a></li>
+					<li id="reservr"><a href="reservr">Reservation application</a></li>
+					<li id="windowed-demos"><a href="windowed-demo">Windowed demos</a></li>
+				</ul>
+				<div class="clearer"></div>
+			</div> <!-- /demos -->
+			
+			<div class="clearer"></div>
+			
+			<div id="additional">
+				<div class="top"></div>
+				
+				<h3>&raquo; Additional demos</h3>
+				
+				<div id="additional-content"> <!-- For JavaScript hooking -->
+				
+				<ul>
+					<li><a href="table-demo">Table Demo</a></li>
+					<li><a href="select-demo">Select Demo</a></li>
+				</ul>
+				
+				</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>
diff --git a/WebContent/index.html b/WebContent/index.html
index d7be1c9d2b..90ee218729 100644
--- a/WebContent/index.html
+++ b/WebContent/index.html
@@ -1,242 +1,247 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html>
-<head>
-<title>IT Mill Toolkit Demo</title>
-<link rel="stylesheet" type="text/css" href="styles/demos.css" />
-</head>
-<body>
-<div id="container">
-
-<div id="itmilllogo"><h1>IT Mill Toolkit</h1></div>
-
-<div id="toolkit"></div>
-
-
-
-<div class="feature-browser">
-	<h4><a href="reservr.html">Reservr</a></h4>
-	<div class="option">
-	 <span class="link"><a href="reservr.html">Reservr</a></span>
-	 <span class="desc">Example car reservation application. Uses Google Maps widget.</span>
-	</div>
-	<br />Source code:
-	<span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/reservation">browse source</a></span>
-  </div>
-  
-  <div class="feature-browser">
-	<h4><a href="TestBench/">Test Bench</a></h4>
-	<div class="option">
-	 <span class="link"><a href="TestBench/">TestBench</a></span>
-	 <span class="desc">Internal test bench application for trying out different components and features of the IT Mill Toolkit</span>
-	</div>
-	<br />Source code:
-	<span class="link"><a href="doc/demo-source/com/itmill/toolkit/tests/">browse TestBench folder</a></span>
-  </div>
- 
-   <div class="feature-browser">
-	<h4><a href="FeaturesApplication/">Feature Browser</a></h4>
-	<div class="option">
-	 <span class="link"><a href="FeaturesApplication/">FeatureBrowser</a></span>
-	 <span class="desc">Test bench application for trying out different components and features of the IT Mill Toolkit</span>
-	</div>
-	<br />Source code:
-	<span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/features">browse features folder</a></span>
-  </div>
-  
-    <div class="feature-browser">
-	<h3><a href="NotificationDemo/">Notification Demo</a></h3>
-	<div class="option">
-	<p>
-	 Smaller application which demonstrates Rich Text Area widget and Window notification functionality.
-	</p>
-	</div>
-	Source code:
-	<span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/NotificationDemo.java.html">NotificationDemo.java</a></span>
-  </div>
-  
-   
-  <div class="feature-browser">
-	<h4><a href="colorpicker/">Colorpicker widget</a></h4>
-	<div class="option">
-	 <span class="link"><a href="colorpicker/">Colorpicker widget</a></span>
-	 <span class="desc">Demonstrates how to make new widgets easily with Toolkit.
-	 See also documentation which is located <a href="/doc/manual/ch08s02.html">here</a>.</span>
-	</div>
-	<br />Source code:
-	<span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/colorpicker">browse source</a></span>
-  </div>
-  
-  <div class="sample-code">
-	<h3>Simple application demos</h3>
-	<div class="option">
-	 <span class="link"><a href="HelloWorld/">HelloWorld</a></span>
-	 <span class="desc">Classic Hello World example.</span>
-	</div>
-	<div class="option">
-	 <span class="link"><a href="Calc/">Calc</a></span>
-	 <span class="desc">Simple Toolkit application where events are used.</span>
-	</div>
-	<br />Source code:
-	<span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/HelloWorld.java.html">HelloWorld.java</a></span> and 
-	<span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/Calc.java.html">Calc.java</a></span>
-  </div>
-  
-  <div class="sample-code">
-	<h3>Client-side caching demo</h3>
-	<div class="option">
-	 <span class="link"><a href="CachingDemo/">CachingDemo</a></span>
-	 <span class="desc">
-	 Simple demo of Toolkit cache feature. An Tabsheet contains two tabs where second tab contains heavy server-side content processing. 
-	 For the first time you load tab2 it takes long time. Following request are lightning fast because 
-	 Toolkit server instruct client-side to use already cached version (components within tab2 have not changed). </span>
-	</div>
-	<br />Source code:
-	<span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/CachingDemo.java.html">CachingDemo.java</a></span> 
-  </div>
-  
-  
-  <div class="sample-code">
-	<h3><a href="UpgradingSample/">Long lifecycle of Toolkit applications</a></h3>
-	<div class="option">
-	<p>
-	Demonstrates sample <a href="http://www.millstone.org/">Millstone</a> application that was ajaxified (upgraded to Toolkit 4.0.0)
-	simply by changing three import namespaces and adding Toolkit libraries to classpath.
-	Initial IT Mill Toolkit framework has existed since 2001 (see <a href="http://www.millstone.org/">Millstone</a>) and is
-	ready for production use today.
-	</p>
-	<b>Note:</b> This sample application was created on year 2002.
-	</div>	
-	<br />Source code:
-	<span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/UpgradingSample.java.html">UpgradingSample.java</a></span>
-  </div>
-  
- 
-  <div class="feature-browser">
-	<h3><a href="QueryContainerDemo/">Tree using QueryContainer demo</a></h3>
-	<div class="option">
-	<p>
-	 This example shows how Table, Select and Tree UI components can use Containers. 
-	 QueryContainer is used to bind SQL table rows into Toolkit UI components. 
-	 Table has few example actions added. Also embedding XHTML through Label components is used. 
-	</p>
-	<p>
-	 Demonstrates how to create <em>com.itmill.toolkit.data.Container</em> and set it as 
-	 data source to UI components <em>com.itmill.toolkit.ui.Component.Tree</em>, how to 
-	 receive ExpandEvent and implement <em>com.itmill.toolkit.ui.Tree.ExpandListener</em>, 
-	 how to use <em>com.itmill.toolkit.event.Action</em>.
-    </p>
-	</div>
-	Source code:
-	<span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/QueryContainerDemo.java.html">QueryContainerDemo.java</a></span>
-  </div>
-  
-   <div class="feature-browser">
-	<h3><a href="TableDemo/">Table demo</a></h3>
-	<div class="option">
-	 <p>
-	 Similar to <em>Tree using QueryContainer demo</em> but uses different style
-	 for handling events with Table component.
-	 </p>
-	 <p>
-	 Demonstrates another possibility how event framework may be used,
-	 in this example specific methods are registered for button click events.
-	 </p>
-	</div>
-	<br />Source code:
-	<span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/TableDemo.java.html">TableDemo.java</a></span>
-  </div>
-  
-  <div class="feature-browser">
-	<h3><a href="TreeFilesystemContainer/">Tree using FilesystemContainer demo</a></h3>
-	<div class="option">
-	 <p>
-	 Browsable file explorer using Toolkit Tree component.
-	 </p>
-	 Demonstrates how to
-  	 use <em>com.itmill.toolkit.ui.Component.Tree</em> data source container,
-	 how to create <em>com.itmill.toolkit.data.util.FilesystemContainer</em>,
-	 how to read <em>com.itmill.toolkit.ui.Component.Event</em> objects, how
-	 to receive and handle any event by implementing
-	 <em>com.itmill.toolkit.ui.Component.Listener</em>.
-	</div>
-	<br />Source code:
-	<span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/TreeFilesystemContainer.java.html">TreeFilesystemContainer.java</a></span>
-  </div>
-  
-  <div class="feature-browser">
-	<h3><a href="TreeFilesystem/">Tree item handling demo</a></h3>
-	<div class="option">
-	 <p>
-	 Browsable file explorer using Toolkit Tree component.
-	 </p>
-	 Demonstrates: how
- 	 to add items hierarchially into
-	 <em>com.itmill.toolkit.ui.Component.Tree</em>, how to receive
-	 ExpandEvent and implement
-	 <em>com.itmill.toolkit.ui.Tree.ExpandListener</em>.
-	</div>	
-	<br />Source code:
-	<span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/TreeFilesystem.java.html">TreeFilesystem.java</a></span>
-  </div>
-  
-  <div class="feature-browser">
-	<h3><a href="SelectDemo/">Select demo</a></h3>
-	<div class="option">
-	<p>
-	 This example shows select component with default and lazy loading functionality enabled (a.k.a Google Suggest).
-	 Click to first select component and type few letters using your keyboard to see it in action.
-	 Second select component has default functionality. 
-	</p>
-	</div>
-	Source code:
-	<span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/SelectDemo.java.html">SelectDemo.java</a></span>
-  </div>
-  
-  <div class="feature-browser">
-	<h3><a href="FilterSelect/">FilterSelect demo</a></h3>
-	<div class="option">
-	<p>
-	 This example shows three select components with lazy loading functionality enabled.
-	 First select works like Google Suggest, second uses "Contains" filter and third uses custom "Ends with" filter.
-	 Click to select components and type few letters using your keyboard to see it in action.
-	</p>
-	</div>
-	Source code:
-	<span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/FilterSelect.java.html">FilterSelect.java</a></span>
-  </div>
-
-  <div class="feature-browser">
-	<h3><a href="KeyboardShortcut/">Keyboard events demo</a></h3>
-	<div class="option">
-	 Contains few Toolkit UI components that can be interacted by pressing keys in keyboard.
-	 <b>Note</b>: This feature is under development and is considered as beta.
-	</div>
-	<br />Source code:
-	<span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/KeyboardShortcut.java.html">KeyboardShortcut.java</a></span>
-  </div>
-  
-  <div class="feature-browser">
-	<h3><a href="Parameters/">URI and Parameter handling demo</a></h3>
-	<div class="option">
-	 This is a demonstration of how URL parameters can be received and handled.
-	 Parameters and URL:s can be received trough the windows by registering
-	 URIHandler and ParameterHandler classes window.
-	</div>
-	<br />Source code:
-	<span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/Parameters.java.html">Parameters.java</a></span>
-  </div>
-
-  <div class="feature-browser">
-	<h3><a href="BufferedComponents/">Buffered UI components demo</a></h3>
-	<div class="option">
-	 Explains how to use buffering with UI components, and how to perform commit and discard functions.
-	 With buffered UI components underlying data objects and UI objects have separate states.
-	</div>
-	<br />Source code:
-	<span class="link"><a href="doc/demo-source/com/itmill/toolkit/demo/BufferedComponents.java.html">BufferedComponents.java</a></span>
-  </div>
-  
-
-</div><!-- // Container -->
-
-</body></html>
-\ No newline at end of file
+	<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 packageContent;
+			var package;
+			var demoArea;
+			var demos;
+			var additionalDemos;
+			var additionalDemosContent;
+		
+			return {
+			
+				init : function() {
+					// Fetch references
+					packageContent = document.getElementById("package-contents-content");
+					package = document.getElementById("package-contents");
+					demoArea = document.getElementById("demo-buttons");
+					demos = demoArea.getElementsByTagName("li");
+					additionalDemos = document.getElementById("additional-demos");
+					additionalDemosContent = document.getElementById("additional-demos-content");
+					
+					// Hide panel initially
+					packageContent.style.display = "none";
+					additionalDemosContent.style.display = "none";
+					
+					// Enable additional demos panel hiding/showing
+					var toggle = additionalDemos.getElementsByTagName("h3")[0];
+					toggle.style.cursor = "pointer";
+					toggle.title = "Show/hide additional demos";
+					// Use the quick-n-dirty way to attach event listeners
+					toggle.onclick = function() {itmill.togglePanel(additionalDemosContent)};
+					
+					// Enable package contents panel hiding/showing
+					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 = function() {itmill.togglePanel(packageContent)};
+					
+					// enable demo button hovers
+					for(var i=0; i < demos.length; i++) {
+						demos[i].onmouseover = this.focusDemo;
+					}
+					demoArea.onmouseout = this.blurDemos;
+					
+					
+					// TODO implement feedback popup
+				},
+				
+				togglePanel : function(which) {
+					if(which._open) {
+						which.style.display = "none";
+						which._open = false;
+					} else {
+						which.style.display = "block";
+						which._open = true;
+					}
+					// Dirty fix to reposition package-content panel
+					if(which == additionalDemosContent) {
+						var current = package.style.marginTop ? parseInt(package.style.marginTop) : -105;
+						if(which._open) {
+							if(!which._height)
+								which._height = additionalDemos.offsetHeight - package.offsetHeight;
+							package.style.marginTop = (current + which._height) + "px";
+						} else {
+							package.style.marginTop = (current - which._height) + "px";
+						}
+					}
+				},
+				
+				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;
+						
+					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)
+						return;
+					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 id="demo-buttons">
+					<li id="feature-browser"><a href="FeaturesApplication/">Feature browser</a></li>
+					<li id="notifications"><a href="NotificationDemo/">Notifications</a></li>
+					<li id="reservr"><a href="reservr.html">Reservation application</a></li>
+					<li id="windowed-demos"><a href="WindowedDemos">Windowed demos</a></li>
+					<li class="clearer"></li> <!-- // simplifies things in JavaScipt -->
+				</ul>
+				
+				<div class="clearer"></div>
+				
+				<div id="additional-demos" class="panel">
+					<div class="top"></div>
+					
+					<h3>&raquo; Additional demos</h3>
+					
+					<div id="additional-demos-content"> <!-- For JavaScript hooking -->
+					<ul>
+						<li><a href="table-demo">Table Demo</a></li>
+						<li><a href="select-demo">Select Demo</a></li>
+					</ul>
+					</div>
+				
+					<div class="bottom"></div>
+				</div> <!-- /additional-demos -->
+			</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="doc/manual/ch01s05.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 
+				<a href="lib/itmill-toolkit.war">WAR-package</a> to your application server.
+				</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="doc/manual/manual.html">Manual</a> <a href="doc/manual.pdf" class="more"><span>(</span>PDF<span>)</span></a></li>
+					<li><a href="doc/api/index.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="license/licensing-guidelines.html" class="more">Licensing Guidelines</a></p>
+				
+			</div> <!-- /support-licensing -->
+			
+			<div id="package-contents" class="panel">
+				<div class="top"></div>
+				
+				<h3>&raquo; Package contents</h3>
+				<em>Version <version></version></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="WEB-INF/lib/itmill-toolkit-<version></version>.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="doc/manual/manual.html">Manual</a> &nbsp; (<a href="manual.pdf">view as PDF</a>)</li>
+						<li><a href="doc/api/index.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="license/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>
author	Jani Laakso <jani.laakso@itmill.com>	2007-11-30 16:21:11 +0000
committer	Jani Laakso <jani.laakso@itmill.com>	2007-11-30 16:21:11 +0000
commit	396b971b819ca9747dbb6bb86dc220a7c66cb446 (patch)
tree	37d8575b3a9e0f569c06a2d713c73aff991929ba /WebContent
parent	c4832facac82b1fd10cea4a1723fe8b45c93fe88 (diff)
download	vaadin-framework-396b971b819ca9747dbb6bb86dc220a7c66cb446.tar.gz vaadin-framework-396b971b819ca9747dbb6bb86dc220a7c66cb446.zip