diff options
| author | Jouni Koivuviita <jouni.koivuviita@itmill.com> | 2009-05-19 11:15:33 +0000 |
|---|---|---|
| committer | Jouni Koivuviita <jouni.koivuviita@itmill.com> | 2009-05-19 11:15:33 +0000 |
| commit | e70af9f744c870393ea0f700ead4fd2f805801d3 (patch) | |
| tree | 9c849aa9f7e0c363988cb6b46e3fdef654c21288 /WebContent/index.html | |
| parent | 6d2330432489e754a95c56dd528c62a981d2618b (diff) | |
| download | vaadin-framework-e70af9f744c870393ea0f700ead4fd2f805801d3.tar.gz vaadin-framework-e70af9f744c870393ea0f700ead4fd2f805801d3.zip | |
New package index page (and release notes and licensing guidelines).
svn changeset:7884/svn branch:6.0
Diffstat (limited to 'WebContent/index.html')
| -rw-r--r-- | WebContent/index.html | 243 |
1 files changed, 62 insertions, 181 deletions
diff --git a/WebContent/index.html b/WebContent/index.html index 88c2bee11a..8f96baf3c9 100644 --- a/WebContent/index.html +++ b/WebContent/index.html @@ -7,208 +7,89 @@ <!--[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> |