<!--[if IE]>
<link rel="stylesheet" type="text/css" href="demo/css/ie.css" />
<![endif]-->
- <script type="text/javascript">
-
- window.onload = function() {
- vaadin.init();
- }
-
- var vaadin = function() {
-
- var packageContent;
- var package;
-
- return {
-
- init : function() {
- // Fetch references
- packageContent = document.getElementById("package-contents-content");
- package = document.getElementById("package-contents");
-
- // Hide panel initially
- packageContent.style.display = "none";
-
- // 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() {vaadin.togglePanel(packageContent)};
-
- // feedback popup
- var fb = document.getElementById("feedback").getElementsByTagName("textarea")[0];
- fb._originalValue = fb.value;
- fb.style.height = "14px";
- fb.className = "blur";
- fb.onfocus = function() {
- fb.className = "";
- fb.style.height = "50px";
- if(fb.value == fb._originalValue)
- fb.value = "";
- };
-
- try {
- if(window.location.search && -1 != window.location.search.indexOf('gwt.hosted')) {
- var hostedParam = window.location.search;
- var demolinks = document.getElementsByTagName("a");
- for (var k = 0; k < demolinks.length; k++) {
- var link = demolinks[k];
- if(link.className.indexOf
- ("demoapp") != -1) {
- link.href = link.href + hostedParam;
- }
- }
- }
- } catch(e) {}
-
- },
-
- togglePanel : function(which) {
- if(which._open) {
- which.style.display = "none";
- which._open = false;
- } else {
- which.style.display = "block";
- which._open = true;
- }
- }
-
- };
- }();
-
- </script>
</head>
- <body id="index">
+ <body>
+
+ <div id="header">
+ <h1>Vaadin – thinking of U and I</h1>
+ <div id="version">
+ <strong>Version @version@</strong>
+ <a href="release-notes.html" class="release-notes" title="Read the release notes for this Vaadin version">Release Notes</a>
+ <span class="version-check">(<a href="http://www.itmill.com/downloads/itmill-toolkit.htm?checkVersion" title="Check if you have the latest Vaadin version (requires Internet connection)">check for latest version</a>)</span>
+ </div>
+ </div> <!-- /header -->
- <div id="container">
- <div id="header-links">
- <a href="http://dev.vaadin.com" title="Open dev.vaadin.com">Visit developer site dev.vaadin.com ></a>
- <a href="http://vaadin.com/forum" title="Open vaadin.com/forum">Visit support site vaadin.com/forum ></a>
- </div>
- <div class="header">
- <h1>@version@</h1>
-
- </div> <!-- /Header -->
+ <div id="subheader">
+ <strong>Great, you’ve made it this far with Vaadin. Now let’s get started for real. Look out below!</strong>
+ <div class="links">
+ <a href="http://vaadin.com/forum" title="Open vaadin.com/forum">vaadin.com/forum</a>
+ <a href="http://dev.vaadin.com" title="Open dev.vaadin.com">dev.vaadin.com</a>
+ <a href="http://www.vaadin.com" title="Open www.vaadin.com">www.vaadin.com</a>
+ </div>
+ </div> <!-- /subheader -->
- <div class="content">
+ <div id="upfront">
+ <div id="sampler">
+ <h2>Vaadin Sampler</h2>
+ <p>Sampler contains examples of most features, as well as combination examples and useful UI patterns that you can use simply by copy-pasting the code.</p>
+ <p><a href="sampler/">Start Sampler »</a>
+ </div>
+ <div id="eclipse">
+ <h2>Vaadin Eclipse Plugin</h2>
+ <p>The easiest way to start working with Vaadin is to use Eclipse IDE and download the Vaadin Eclipse plugin from our website.</p>
+ <p><a href="http://www.vaadin.com/eclipse">How to install the Vaadin Eclipse Plugin »</a>
+ </div>
+ </div> <!-- /upfront -->
+ <div id="content">
<div id="demos">
- <div id="sampler"><a class="demoapp" href="sampler/" title="Open Sampler"><img src="demo/img/sampler-btn.png" border=0 alt="Open Sampler"/></a></div>
- <h4>Vaadin Sampler</h4>
- <p><a href="sampler/" title="Open Sampler">Sampler</a> contains examples of most features, as well as combination examples and useful UI patterns that you can use simply by copy-pasting the code.</p>
-
- <h4>Additional demos</h4>
+ <h3>Additional demos</h3>
<ul><li><a class="demoapp" href="Reservr">Reservr – reservation application</a> (<a href="docs/example-source/com/vaadin/demo/reservation">sources</a>)</li>
<li><a class="demoapp" href="VaadinTunesLayout/">VaadinTunes – advanced layout & theme</a> (<a href="docs/example-source/com/vaadin/demo/VaadinTunesLayout.java.html">sources</a>)</li>
<li><a class="demoapp" href="Coverflow/">Coverflow – Flex integration</a> (<a href="docs/example-source/com/vaadin/demo/coverflow">sources</a>)</li>
</ul>
-
- <h4 id="address-book">Address Book tutorial</h4>
- <p>Read the step-by-step tutorial and learn how to build a simple contacts management application.</p>
- <ul class="links">
- <li><a href="http://vaadin.com/tutorial/" class="more">Step-by-step tutorial</a></li>
- <li><a href="AddressBook/" class="more">See Address Book application</a></li>
- </ul>
-
- <h4>More Examples</h4>
- <p>Below is a collection of stand-alone demo applications that will help you get started with the actual Vaadin code.</p>
+ <h3>Code Examples</h3>
<ul>
<li><a class="demoapp" href="HelloWorld/">Hello world</a> (<a href="docs/example-source/com/vaadin/demo/HelloWorld.java.html">sources</a>)</li>
<li><a class="demoapp" href="Calc/">Calculator</a> (<a href="docs/example-source/com/vaadin/demo/Calc.java.html">sources</a>)</li>
<li><a class="demoapp" href="colorpicker">Colorpicker – creating new widgets</a> (<a href="docs/example-source/com/vaadin/demo/colorpicker">sources</a>)</li>
</ul>
-
</div> <!-- /demos -->
-
- <div id="getting-started">
- <img src="demo/img/eclipse-quickstart.png" border=0/>
- <h4>Eclipse IDE QuickStart</h4>
- <p>The easiest way to start working with Vaadin is to
- use Eclipse IDE and download the Vaadin Eclipse plugin from <a href="http://vaadin.com/eclipse" target="_blank">http://vaadin.com/eclipse</a>.
- </p>
-
- </div>
- <!-- /getting-started -->
-
- <div id="support-licensing">
- <h4>Documentation</h4>
- <p>Need help using Vaadin? Look no further. Everything you need to know is here.</p>
- <ul class="links">
- <li><a href="docs/book-of-vaadin.pdf">Book of Vaadin (manual)</li>
- <li><a href="docs/api/index.html" class="more">JavaDoc API</a></li>
- <li><a href="http://vaadin.com/forum" class="more">Support forum</a></li>
+ <div id="docs">
+ <h3>Tutorial – Address Book</h3>
+ <p class="tutorial">Read the step-by-step tutorial and learn how to build a simple contact management app.</p>
+ <ul>
+ <li><a href="http://www.vaadin.com/tutorial/">Step-by-step Tutorial »</a></li>
+ <li><a href="AddressBook/">See Address Book application »</a></li>
</ul>
- <h4>Open Source Development & Licenses</h4>
+ <h3>Documentation</h3>
+ <p class="documentation">Need help using Vaadin? Look no further. Everything you need to know is here.</p>
+ <ul>
+ <li><a href="docs/book-of-vaadin.pdf">Book of Vaadin (manual) »</a></li>
+ <li><a href="docs/api/index.html">JavaDoc API »</a></li>
+ <li><a href="http://www.vaadin.com/forum">Forum »</a></li>
+ </ul>
+ </div> <!-- /docs -->
+ </div> <!-- /content -->
+
+ <div id="footer">
+ <div id="open-source">
+ <h4>Open Source Development and Licenses</h4>
<p>Vaadin is developed as an Open Source software and its core is licensed under
the liberal Apache 2.0 License. Commercial licenses that include support are also available.</p>
- <ul class="links">
- <li><a href="http://dev.vaadin.com" title="Open dev.vaadin.com" class="more">Developer website</a></li>
- <li><a href="license/licensing-guidelines.html" class="more">Licensing Guidelines</a></li>
+ <ul>
+ <li><a href="http://dev.vaadin.com" title="Open dev.vaadin.com">Developer website »</a></li>
+ <li><a href="license/licensing-guidelines.html">Licensing Guidelines »</a></li>
</ul>
-
- </div> <!-- /support-licensing -->
-
- <div id="package-contents" class="panel">
- <div class="top"></div>
-
- <h3>» Package contents</h3>
- <em>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 Vaadin project (binaries, sources, default
- themes and widgetsets). <a href="vaadin-@version@.jar">Vaadin JAR</a></p>
- </div>
-
- <div class="documentation">
- <h5>Documentation</h5>
- <ul>
- <li><a href="release-notes.html">Release Notes</a></li>
- <li><a href="docs/book-of-vaadin.pdf">Manual</a></li>
- <li><a href="docs/api/index.html">JavaDoc API</a></li>
- </ul>
- </div>
-
- <div class="support">
- <h5>Support & Licensing</h5>
- <ul>
- <li><a href="http://vaadin.com/forum">Support forum</a></li>
- <li><a href="license/licensing-guidelines.html">Licensing Guidelines</a></li>
- <li>Commercial support and prices from <a href="mailto:sales@itmill.com">sales@itmill.com</a></li>
- </ul>
- </div>
-
- </div>
-
- <div class="bottom"></div>
- </div> <!-- /package-contents -->
-
- <div id="feedback" class="panel">
- <div class="top"></div>
- <h4>Instant Feedback</h4>
- <form action="http://www.itmill.com/formmail.app" enctype="multipart/form-data" method="post">
- <input name="SuccessUrl"type="hidden" value="http://www.itmill.com/developers/feedback_ok.htm">
- <input name="FormType" type="hidden" value="7" />
- Send a quick message to Vaadin R&D team:<br />
- <textarea name="feedback" cols="38" rows="3" multiline="true">Comments, suggestions, bug reports - anything.</textarea><br />
- <input type="hidden" value="itmill" name="Human"/>
- <input type="submit" value="Send" />
- </form>
- <div class="bottom"></div>
</div>
-
- <div class="clearer"></div>
- </div> <!-- /content-->
-
-
-
- </div> <!-- /container -->
+ <div id="pro">
+ <h4>Commercial Solutions and Services</h4>
+ <p>The commercial products complement Vaadin and make it possible for you to get better results quicker – both from a development perspective as well as from a business perspective.</p>
+ <p>We are also glad to help you hands on or even do the work for you – which ever you prefer.</p>
+ <p>Read more about the <a href="http://www.vaadin.com/services/">Services</a> or the <a href="http://www.vaadin.com/support/">Support</a> alternatives.</p>
+ </div>
+ </div> <!-- /footer -->
- <div class="footer">
- <a href="http://www.itmill.com">IT Mill Ltd.<br/>Interfacing IT</a>
- </div> <!-- /footer -->
</body>
</html>
projects / vaadin-framework.git / commitdiff