pages/_index.html

<div id="bigbuttons">
	<h3>Primary Links</h3>
	<ul>
		<li><a id="buttonDownload" href="downloads" title="Download">Eclipse
		Distribution, Update Site, Dropins</a></li>
		<li><a id="buttonDocumentation" href="http://wiki.eclipse.org/Intent"
			title="Documentation">Tutorials, Examples, Videos, Reference Documentation</a></li>
		<li><a id="buttonSupport" href="#" title="Download">Bug
		Tracker, Newsgroup, Professional Support</a></li>
		<li><a id="buttonInvolved" href="#" title="Getting Involved">CVS,
		Workspace Setup, Wiki, Committers</a></li>
	</ul>
</div>

<div id="midcolumn">
	<h3>EEF - The EMF presentation framework</h3>
	<div id="introText">

		<p class="left">
			The <a href="http://wiki.eclipse.org/EEF"> Extended Editing Framework</a> is a presentation framework for the <a href="http://www.eclipse.org/modeling/emf/"/>Eclipse Modeling Framework</a>. It allows user to create rich user interfaces to edit EMF models.  
			<br/><br/>
		</p>

		<p class="right">
		EEF is currently released in version 1.1. We're working on the 1.2 version for end of the year. 
		<br/><br/>
		You can get additional informations by consulting: <br/>
		<a href="http://wiki.eclipse.org/EEF">
			&#10003; EEF's Wiki
		</a><br/>
		<a href="/proposals/eef/">
			&#10003; EEF Proposal
		</a>

		</p>
	</div>

	<div id="introText">
		<h3>Take care of your users!</h3>
		
		<p>
		Editing models is an important task for the tools developed with EMF. EEF enables you to produce more usable user interface to edit EMF models via a generative process. 
		</p>
		<p class="left">
			<em>Before EEF</em>
			<img src="images/eef/SimpleProperties_tmb.png"/>
		</p>
		
		<p class="right">
			<em>After EEF:</em>
			<br/><br/>
			<img src="images/eef/EEF_Properties_tmb.png"/>
		</p>
	</div>

	 <!--div id="media">
            <object id="csSWF" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,115,0">
                <param name="src" value="http://www.eclipse.org/intent/pages/transcripts/2012_AgileALMConnect/demos/demo1_synchronization/sync1-final2_controller.swf"/>
                <param name="bgcolor" value="#1a1a1a"/>
                <param name="quality" value="best"/>
                <param name="allowScriptAccess" value="always"/>
                <param name="allowFullScreen" value="true"/>
                <param name="scale" value="showall"/>
                <param name="flashVars" value="autostart=false#&thumb=http://www.eclipse.org/intent/pages/transcripts/2012_AgileALMConnect/demos/demo1_synchronization/FirstFrame.png&thumbscale=45&color=0x000000,0x000000"/>
                <embed width="650" height="380" name="csSWF" src="http://www.eclipse.org/intent/pages/transcripts/2012_AgileALMConnect/demos/demo1_synchronization/sync1-final2_controller.swf" width="1280" height="738" bgcolor="#1a1a1a" quality="best" allowScriptAccess="always" allowFullScreen="true" scale="showall" flashVars="autostart=true&thumb=http://www.eclipse.org/intent/pages/transcripts/2012_AgileALMConnect/demos/demo1_synchronization/FirstFrame.png&thumbscale=45&color=0x000000,0x000000" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed>
            </object>
     </div-->
</div>

<div id="rightcolumn">
	<div class="sideitem" id="obeo">
		<a href="http://www.obeo.fr" title="Main Obeo website" rel="nofollow"><img src="images/logos/logo_obeo.png"/></a>
	</div>
	
	<div>
		<h3>Project Summary</h3>
		<p >
		Read more 
			<a  style="float: right;" href="http://www.eclipse.org/projects/project_summary.php?projectid=modeling.emft.eef" title="about">
					about this project
			</a>
		 and get all useful information and links about it in a nutshell.
		</p>
	</div>

	<div id="headlines">
		<h3>News and Noteworthy</h3>
		<p>A brand new website for eef.</p>
	</div>
	
</div>