|  | <div id="bigbuttons"> | 
|  | <h3>Primary Links</h3> | 
|  | <ul> | 
|  | <li><a id="buttonDownload" href="download.php" title="Download">Eclipse | 
|  | Distribution, Update Site, Dropins</a></li> | 
|  | <li><a id="buttonDocumentation" | 
|  | href="http://wiki.eclipse.org/Vex#Documentation" | 
|  | title="Documentation">Tutorials, Examples, Videos, Reference | 
|  | Documentation</a></li> | 
|  | <li><a id="buttonSupport" | 
|  | href="http://wiki.eclipse.org/Vex#Support" title="Download">Bug | 
|  | Tracker, Newsgroup, Professional Support</a></li> | 
|  | <li><a id="buttonInvolved" | 
|  | href="http://wiki.eclipse.org/Vex#Contributing" | 
|  | title="Getting Involved">CVS, Workspace Setup, Wiki, Committers</a></li> | 
|  | </ul> | 
|  | </div> | 
|  |  | 
|  | <div id="midcolumn"> | 
|  | <h3>Vex - A Visual Editor for XML</h3> | 
|  | <p class="left"> | 
|  | Vex is a <b>V</b>isual <b>E</b>ditor for <b>X</b>ML that hides the raw | 
|  | XML tags from the user, providing instead a <b>word processor like</b> | 
|  | interface. Vex uses standard <b>DTD files to define document types</b> | 
|  | and <b>CSS stylesheets to define document layout</b>. Vex contains | 
|  | definitions for <a href="http://en.wikipedia.org/wiki/Docbook">DocBook</a> | 
|  | and <a href="http://en.wikipedia.org/wiki/DITA">DITA</a>. To edit | 
|  | other XML formats only a DTD and a CSS are needed. | 
|  | </p> | 
|  |  | 
|  | <div id="screencast"> | 
|  | <img src="images/vex_screenshot_xhtml1.png" alt="Editing XHTML" | 
|  | align="middle" width="640" height="480" border="0" /> | 
|  | </div> | 
|  |  | 
|  | <!-- | 
|  | <div id="screencast"> | 
|  | <object width="640" height="480"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=8260921&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=DBD7EF&fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=8260921&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=DBD7EF&fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="640" height="480"></embed></object> | 
|  | </div> | 
|  | --> | 
|  | <!-- | 
|  | <h3>...and yet powerful</h3> | 
|  | --> | 
|  | </div> | 
|  |  | 
|  | <!-- | 
|  | <div id="feature_1"> | 
|  | <h4>Some cool feature</h4> | 
|  | <p>MyProject has this really cool feature that you describe here in few words, just as a teaser.</p> | 
|  |  | 
|  | <div id="feature_2"> | 
|  | <h4>Another Feature</h4> | 
|  | <p>When working with MyProject, great things happen, and one of them is described here.</p> | 
|  | </div> | 
|  |  | 
|  | <div id="feature_3"> | 
|  | <h4>Another Feature</h4> | 
|  | <p>When working with MyProject, great things happen, and one of them is described here.</p> | 
|  | </div> | 
|  |  | 
|  | <div id="feature_4"> | 
|  | <h4>User Experience</h4> | 
|  | <p> | 
|  | Experiment with style.css to create columns for text, just the way you want it. This section | 
|  | is a bit wider and can contain more words, even small logos or graphics to describe a neat feature in more detail.</p> | 
|  | </div> | 
|  |  | 
|  | <div id="feature_more"> | 
|  | <h4>and much more...</h4> | 
|  | <p>Read the MyProject <a href="/project/documentation.php">documentation</a> and join the discussion at the <a href="http://www.eclipse.org/forums/eclipse.newsgroup.name">forum</a> to understand how powerful MyProject is.</p> | 
|  | <p> Want to know more? <a href="/projects/project_summary.php?projectid=mylyn.docs.vex">About This Project</a> | 
|  | </div> | 
|  |  | 
|  | </div> | 
|  |  | 
|  | --> | 
|  | <div id="rightcolumn"> | 
|  |  | 
|  | <div> | 
|  | <h3>Talks/Presentations</h3> | 
|  | <ul> | 
|  | <li>2011-11-03, Florian Thienel: <a | 
|  | href="http://eclipsecon.org/sessions/introducing-visual-editor-xml">Introducing | 
|  | the Visual Editor for XML</a>, EclipseCon Europe 2011 | 
|  | </li> | 
|  | </ul> | 
|  | <p /> | 
|  | </div> | 
|  |  | 
|  | <div> | 
|  | <h3>Bugs</h3> | 
|  | <ul> | 
|  | <li><a | 
|  | href="https://bugs.eclipse.org/bugs/buglist.cgi?query_format=advanced;bug_status=UNCONFIRMED;bug_status=NEW;bug_status=ASSIGNED;bug_status=REOPENED;product=Mylyn%20Docs%20Vex">Open</a></li> | 
|  | <li><a | 
|  | href="https://bugs.eclipse.org/bugs/buglist.cgi?query_format=advanced;bug_status=RESOLVED;bug_status=VERIFIED;bug_status=CLOSED;product=Mylyn%20Docs%20Vex">Closed</a></li> | 
|  | <li><a | 
|  | href="https://bugs.eclipse.org/bugs/enter_bug.cgi?product=Mylyn%20Docs%20Vex">New</a></li> | 
|  | </ul> | 
|  | <p /> | 
|  | </div> | 
|  |  | 
|  | <div> | 
|  | <h3>Committers</h3> | 
|  | <ul> | 
|  | <li>Florian Thienel (lead)</li> | 
|  | <li>David Carver</li> | 
|  | <li>Holger Voormann</li> | 
|  | <li>Igor Jacy Lino Campista</li> | 
|  | </ul> | 
|  | </div> | 
|  |  | 
|  |  | 
|  | <!-- | 
|  | <div id="headlines"> | 
|  | <h3>New and Noteworthy</h3> | 
|  | <p>... or a link to your new and noteworthy.</p> | 
|  | </div> | 
|  |  | 
|  | <div id="headlines"> | 
|  | <h3>Headlines on the web</h3> | 
|  | <p>Project headlines...</p> | 
|  | </div> | 
|  |  | 
|  | <div id="headlines"> | 
|  | <h3>Another announcement</h3> | 
|  | <p>MyProject is pleased to announce...</p> | 
|  | </div> | 
|  | --> | 
|  | </div> |