Light Portal official website and live demo.

<table border='0' cellpadding='0' cellspacing='0' width='90%'>
<tr>
<td class='portlet-link-left'>
Latest News
</td>
</tr>
	
<tr>
<td class='portlet-table-td-left'>

<a href='javascript:;' 
 		onclick="javascript:Light.hideSummary();Light.executeRender('prid_672','','maximized','newsId=15');"
		onmouseover="javascript:Light.showSummary(event,'prid_672','internal','15');"
	 onmouseout="javascript:Light.hideSummary();">
	 Light Portal 1.3 Beta released.
</a>
	
 
Feb 06, 2010 00:20
</td>
</tr>
	
<tr>
<td class='portlet-table-td-left'>

<a href='javascript:;' 
 		onclick="javascript:Light.hideSummary();Light.executeRender('prid_672','','maximized','newsId=14');"
		onmouseover="javascript:Light.showSummary(event,'prid_672','internal','14');"
	 onmouseout="javascript:Light.hideSummary();">
	 Light Portal 1.3 Alpha released.
</a>
	
 
Jan 03, 2010 23:14
</td>
</tr>
	
<tr>
<td class='portlet-table-td-left'>

<a href='javascript:;' 
 		onclick="javascript:Light.hideSummary();Light.executeRender('prid_672','','maximized','newsId=13');"
		onmouseover="javascript:Light.showSummary(event,'prid_672','internal','13');"
	 onmouseout="javascript:Light.hideSummary();">
	 Light Portal 1.2.2 Final released.
</a>
	
 
Nov 29, 2009 22:18
</td>
</tr>
	
<tr>
<td class='portlet-table-td-left'>

<a href='javascript:;' 
 		onclick="javascript:Light.hideSummary();Light.executeRender('prid_672','','maximized','newsId=12');"
		onmouseover="javascript:Light.showSummary(event,'prid_672','internal','12');"
	 onmouseout="javascript:Light.hideSummary();">
	 Light Portal 1.2.1 Final released.
</a>
	
 
Nov 09, 2009 23:14
</td>
</tr>
	
<tr>
<td class='portlet-table-td-left'>

<a href='javascript:;' 
 		onclick="javascript:Light.hideSummary();Light.executeRender('prid_672','','maximized','newsId=11');"
		onmouseover="javascript:Light.showSummary(event,'prid_672','internal','11');"
	 onmouseout="javascript:Light.hideSummary();">
	 Light Portal 1.2 Final released.
</a>
	
 
Oct 18, 2009 20:03
</td>
</tr>
	
<tr>
<td class='portlet-table-td-left'>

<a href='javascript:;' 
 		onclick="javascript:Light.hideSummary();Light.executeRender('prid_672','','maximized','newsId=10');"
		onmouseover="javascript:Light.showSummary(event,'prid_672','internal','10');"
	 onmouseout="javascript:Light.hideSummary();">
	 Light Portal 1.2 Beta 2 released.
</a>
	
 
Oct 04, 2009 22:44
</td>
</tr>
	
<tr>
<td class='portlet-table-td-left'>

<a href='javascript:;' 
 		onclick="javascript:Light.hideSummary();Light.executeRender('prid_672','','maximized','newsId=9');"
		onmouseover="javascript:Light.showSummary(event,'prid_672','internal','9');"
	 onmouseout="javascript:Light.hideSummary();">
	 Light Portal 1.2 Alpha released.
</a>
	
 
Sep 13, 2009 23:16
</td>
</tr>
	
<tr>
<td class='portlet-table-td-left'>

<a href='javascript:;' 
 		onclick="javascript:Light.hideSummary();Light.executeRender('prid_672','','maximized','newsId=8');"
		onmouseover="javascript:Light.showSummary(event,'prid_672','internal','8');"
	 onmouseout="javascript:Light.hideSummary();">
	 Light Portal 1.1 released.
</a>
	
 
Aug 30, 2009 11:29
</td>
</tr>
	
<tr>
<td class='portlet-table-td-left'>

<a href='javascript:;' 
 		onclick="javascript:Light.hideSummary();Light.executeRender('prid_672','','maximized','newsId=7');"
		onmouseover="javascript:Light.showSummary(event,'prid_672','internal','7');"
	 onmouseout="javascript:Light.hideSummary();">
	 Light Portal 1.1 Beta 2 released.
</a>
	
 
Aug 02, 2009 21:48
</td>
</tr>
	
<tr>
<td class='portlet-table-td-left'>

<a href='javascript:;' 
 		onclick="javascript:Light.hideSummary();Light.executeRender('prid_672','','maximized','newsId=6');"
		onmouseover="javascript:Light.showSummary(event,'prid_672','internal','6');"
	 onmouseout="javascript:Light.hideSummary();">
	 Light Portal 1.1 Beta released.
</a>
	
 
Jul 17, 2009 22:49
</td>
</tr>
	
<tr>
<td class='portlet-table-td-left'>

<a href='javascript:;' 
 		onclick="javascript:Light.hideSummary();Light.executeRender('prid_672','','maximized','newsId=5');"
		onmouseover="javascript:Light.showSummary(event,'prid_672','internal','5');"
	 onmouseout="javascript:Light.hideSummary();">
	 Light Portal 1.0.1 released
</a>
	
 
Mar 08, 2009 22:12
</td>
</tr>
	
<tr>
<td class='portlet-table-td-left'>

<a href='javascript:;' 
 		onclick="javascript:Light.hideSummary();Light.executeRender('prid_672','','maximized','newsId=4');"
		onmouseover="javascript:Light.showSummary(event,'prid_672','internal','4');"
	 onmouseout="javascript:Light.hideSummary();">
	 Light Portal 1.0 released
</a>
	
 
Feb 08, 2009 23:06
</td>
</tr>

</table>

</form>

</body>
</html>

<form name="form_${id}">
	<table border='0' cellpadding='0' cellspacing='0' width='90%'>
	<tr>
	<td class='portlet-link' colspan='3'>
	 
	</td>
	</tr>	
	<tr>
	<td class='portlet-table-td-right'><label FOR='email' ACCESSKEY='U'>Email: </label></td>
	<td class='portlet-table-td-left'>
	<input type='text' id='email' name='email' value='${userId}' class='portlet-form-input-field' size='24' /> 
	</td>
	<td>
	</td>
	</tr>
	<tr>
	<td class='portlet-table-td-right'><label FOR='password' ACCESSKEY='P'>Password: </label></td>
	<td class='portlet-table-td-left'>
	<input type='password' id='password' name='password' value='' class='portlet-form-input-field' size='24' onkeypress="return Light.keyDownLogin(event,'${id}');"/> 
	</td>
	<td>
	</td>
	</tr>
	<tr>
	<td class='portlet-table-td-left'></td>
	<td class='portlet-table-td-left'>
	<input TYPE='checkbox' name='rememberMe' value='1'><label>Remember me</label></input>
	</td>
	</tr>
	<tr>
	<td class='portlet-table-td-left'></td>
	<td class='portlet-table-td-left'>
	<input name='login' type='button' value='Login' class='portlet-form-button'
	 onclick="javascript:Light.loginPortal('${id}');" />
	 
		or <a href='javascript:;' onclick="javascript:Light.showSignUp('${id}');" >Sign Up</a>
	
	</td>
	</tr>
	<tr>
	<td class='portlet-table-td-left'></td>
	<td class='portlet-link-left' colspan='3'>
	<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','edit','normal','type=forgot');" >Forgot Password?</a>
	</td>
	</tr>
	<tr>
	<td class='portlet-table-td-left'></td>
	<td class='portlet-link-left' colspan='3'>
	<a href='javascript:;' onclick="javascript:Light.showOpenIdSignIn('${id}');" ><label>Sign in with OpenID</label></a>
	</td>
	</tr>
	
	<tr>
	<td class='portlet-table-td-left'></td>
	<td class='portlet-link-left' colspan='3'>
	or 
	<a href='http://www.facebook.com/login.php?api_key=aa61f6521ec3bb3928673a94ae2a43e8&display=popup&extern=1&fbconnect=1&req_perms=publish_stream&return_session=1&v=1.0&next=http%3A%2F%2Flightportal.org%2FopenId%2Ffacebook.jsp&fb_connect=1&cancel_url=http%3A%2F%2Flightportal.org' >
	<img src='/light/images/facebook_connect.png' style='border: 0px;' align="middle" width='176' height='31' alt='' />
	</a>	
	</td>
	</tr>	
			
	</table>
	</form>

<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding-top:10px;">What is Light Portal?</td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
Light Portal is an Ajax and Java based Open Source Portal Server and Social Collaboration Software. 
Besides AJAX Portal UI Application, Light Portal can also supports other RIAs (Flex, Silverlight etc) and Mobile applications (iPhone, Android, Blackberry etc.) with uniform portal server services API.
</td>
</tr> 
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
Features</td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
<ui>
 <li style="margin:5px 0px 5px 20px">Ajax and Java based Portal Server.</li>
 <li style="margin:5px 0px 5px 20px">Supports JSR 168 Portlet API programming model.</li>
 <li style="margin:5px 0px 5px 20px">Supports RIAs (Flex/Silverlight etc) and Mobile Apps (iPhone/Android/Blackberry etc) with uniform portal server services API.</li>
 <li style="margin:5px 0px 5px 20px">Built in with social network functions, includes user profile, connections, groups, plus over 50 portlets pre-bundled.</li>
 <li style="margin:5px 0px 5px 20px">Supports Personalized pages for all users, end users can easily add, edit or delete page or sub page.</li>
 <li style="margin:5px 0px 5px 20px">Contains multiple pre-built themes and UI window appearances, also supports customization.</li>
 <li style="margin:5px 0px 5px 20px">Supports multiple mobile browsers, such as iPhone, Opera mini etc.</li>
 <li style="margin:5px 0px 5px 20px">Supports Flex/JSON type portlets.</li>
 <li style="margin:5px 0px 5px 20px">Supports Internationalizaiton (i18n).</li>
 <li style="margin:5px 0px 5px 20px">Supports OpenID authentication.</li>
</ui>
</td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
Light Portal Architecture
</td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
The following diagram shows the major components of the Light Portal. Each section is described in more detail below.
</td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
<img src="doc/LightArchitecture.jpg" style="border: 0px none ; ">
</td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
HTML/JavaScript/AJAX Portal UI App</td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
HTML/JavaScript/AJAX Portal UI App is a JavaScript library with a large bunch of view templates. Its responsibility includes rendering portal, portal tabs, portlet window, portlet content and communicate with portal server.
</td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
RIA App</td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
RIA Apps are such as Flex application or Silverlight Applicaiton etc. Light Portal Server offers uniform server services API using JSON. Curently Light Portal project doesn't include this type App yet, plan to develop it in the future version, but it give developers uniform sever services API to develop their own type RIA right now.
</td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
Mobile App</td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
Mobile Apps are such as iPhone app, Android app, Blackberry app etc. Light Portal Server offers uniform server services API using JSON. Curently Light Portal project doesn't include this type App yet, plan to develop it in the future version, but it give developers uniform sever services API to develop their own type Mobile Application right now.
</td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
Application Framework</td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
Application Framework includes 2 parts, one is Portal Server, the other is Portlet container. Developers have full access to the same framework APIs used by the core applications. 
</td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
<ui>
 <li style="margin:5px 0px 5px 20px">Portal Server</li>
 Portal Server is a web based application.
 <li style="margin:5px 0px 5px 20px">Portlet container</li>
 Portlet container is a JSR 168 Portlet container.
</ui>
</td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
Applications</td>
</tr>
<tr>
<td style="font-size: 12px;padding-top:10px;" class='portlet-table-td-left'>
Applications are JSR 168 portlets. Light Portal will ship a set of core applications and social network applications, such as user profile, connections, groups, calendar, email client, blog, forum, search, events, pictures, RSS news reader and others.
</td>
</tr>
</tbody>
</table>
	
	<a href='javascript:;' onclick="javascript:Light.executeRender('${id}','','normal','');" >back</a>

<form name='form_${id}' >
<div class="portal-header" style="padding-top:0px;">
<h1>Create Your Own Social Network for Anything</h1>
</div>
<table border='0' cellpadding='0' cellspacing='0' width='100%' >
<tr valign='middle'>
<td class='portlet-table-td-right' width= '30%'>
<label for="mainFocus" class='portlet-table-title'>Name Your Social Network</label>
</td>
<td class='portlet-table-td-left' width= '40%'>
<input type="text" name="name" id="mainFocus" value="" class='portlet-form-input-field' style='width:100%;font-size:22px;'>
</td>
<td class='portlet-table-td-left' width= '30%' colspan='2'>
</td>
</tr>
<tr valign='top'>
<td class='portlet-table-td-right' width= '30%'></td>
<td class='portlet-table-td-left' width= '40%'>
For example, Seattle Tennists
</td>
<td class='portlet-table-td-left' width= '30%' colspan='2'>
 
</td>
</tr>
<tr valign='middle'>
<td class='portlet-table-td-right' width= '30%'>
<label for="create-network-address" class='portlet-table-title'>Pick a Web Address</label>
</td>
<td class='portlet-table-td-left' width= '40%'>
<input type="text" name="iUri" id="create-network-address" value="" class='portlet-form-input-field' style='width:100%;font-size:22px;' onchange="validateInternalUri(this.value,'${id}');" AUTOCOMPLETE='OFF'>
</td>
<td class='portlet-table-td-left' width= '10%'>
.lightportal.org
</td>
<td class='portlet-table-td-left' width= '20%'>
<img src="/light/images/create.gif" alt="Create" style='border: 0px; cursor: pointer; cursor: hand;' align="top" 
	onclick="javascript:Light.createNetwork(null,'${id}');"/>
</td>
</tr>
<tr valign='top'>
<td class='portlet-table-td-right' width= '30%'></td>
<td class='portlet-table-td-left' width= '40%'>
At least 6 letters. For example, seattletennists.lightportal.org
</td>
<td class='portlet-table-td-left' width= '30%' colspan='2'>
 
</td>
</tr>
</table>
</form>

<table border="0" cellpadding="0" cellspacing="0" >
<tr>
<td class='portlet-link-left'>
Documentation
</td>
</tr>
<tr>
<td class="portlet-link-left" style="padding-top:0px;">

<a href='javascript:;' onclick="javascript:Light.executeRender('portletContent_14213','','','url=http://www.lightportal.org/doc/WhatIsLightPortal.html');">What is Light Portal?</a>

</td>
</tr>
<tr>
<td class="portlet-link-left" style="padding-top:0px;">

<a href='javascript:;' onclick="javascript:Light.executeRender('portletContent_14213','','','url=http://www.lightportal.org/doc/IntroductionLightPortal.html');">Introduction</a>

</td>
</tr>
<tr>
<td class="portlet-link-left" style="padding-top:0px;">

<a href='javascript:;' onclick="javascript:Light.executeRender('portletContent_14213','','','url=http://www.lightportal.org/doc/GettingStartedLightPortal.html');">Getting Started</a>

</td>
</tr>
<tr>
<td class="portlet-link-left" style="padding-top:0px;">

<a href='javascript:;' onclick="javascript:Light.executeRender('portletContent_14213','','','url=http://www.lightportal.org/doc/AdminUserGuide.html');">User Guide</a>

</td>
</tr>
<tr>
<td class="portlet-link-left" style="padding-top:0px;">

<a href='javascript:;' onclick="javascript:Light.executeRender('portletContent_14213','','','url=http://www.lightportal.org/doc/DevelopLightPortal.html');">Developer Guide</a>

</td>
</tr>
<tr>
<td class="portlet-link-left" style="padding-top:0px;">

<a href='javascript:;' onclick="javascript:Light.executeRender('portletContent_14213','','','url=http://www.lightportal.org/doc/IntegratingLightPortal.html');">Integration Guide</a>

</td>
</tr>
<tr>
<td class="portlet-link-left" style="padding-top:0px;">

<a href='javascript:;' onclick="javascript:Light.executeRender('portletContent_14213','','','url=http://www.lightportal.org/doc/ArchitectureGuide.html');">Architecture Guide</a>

</td>
</tr>
<tr>
<td class="portlet-link-left" style="padding-top:0px;">

<a href='javascript:;' onclick="javascript:Light.executeRender('portletContent_14213','','','url=http://www.diybl.com/course/3_program/java/javajs/200896/139346.html');">Developer notes</a>

</td>
</tr>
</table>

<select name='psLanguages' size='1' class='portlet-form-select' style='width:100px;' onChange='javascript:Light.changeLanguage(this.value)'>
	
	<option value='ar' 
	
	>
	Arabic</option>
	
	<option value='da' 
	
	>
	Danish</option>
	
	<option value='de_DE' 
	
	>
	German</option>
	
	<option value='el' 
	
	>
	Greek</option>
	
	<option value='en' 
	
	selected="selected"
	
	>
	English</option>
	
	<option value='es' 
	
	>
	Spanish</option>
	
	<option value='fi' 
	
	>
	Finnish</option>
	
	<option value='fr' 
	
	>
	French</option>
	
	<option value='hu' 
	
	>
	Hungarian</option>
	
	<option value='is' 
	
	>
	Icelandic</option>
	
	<option value='it_IT' 
	
	>
	Italian</option>
	
	<option value='iw_IL' 
	
	>
	Hebrew</option>
	
	<option value='ja_JP' 
	
	>
	Japanese</option>
	
	<option value='ko_KR' 
	
	>
	Korean</option>
	
	<option value='nl_NL ' 
	
	>
	Dutch</option>
	
	<option value='no' 
	
	>
	Norwegian</option>
	
	<option value='pl' 
	
	>
	Polish</option>
	
	<option value='pt' 
	
	>
	Portuguese</option>
	
	<option value='ru' 
	
	>
	Russian</option>
	
	<option value='sv' 
	
	>
	Swedish</option>
	
	<option value='th' 
	
	>
	Thai</option>
	
	<option value='tr' 
	
	>
	Turkish</option>
	
	<option value='zh_CN' 
	
	>
	中文(简体)</option>
	
	<option value='zh_TW' 
	
	>
	Traditional Chinese</option>
	
	</select>

<label class="portal-footer-notes">lightportal.org © 2010</label>
	
	<a onclick="javascript:Light.showAbout();" href="javascript:;">About</a>
	
	<a onclick="javascript:Light.showCommunityBlog();" href="javascript:;">Blog</a>
	
	<a onclick="javascript:Light.showFAQ();" href="javascript:;">FAQ</a>
	
	<a onclick="javascript:Light.showTerms();" href="javascript:;">Terms</a>
	
	<a onclick="javascript:Light.showPrivacy();" href="javascript:;">Privacy</a>
	
	<a onclick="javascript:Light.showContactUs();" href="javascript:;">Contact Us</a>
			
	
	<a href="http://twitter.com/lightportal2" target="_blank"><img src='/light/images/twitter.png' style='border: 0px; vertical-align:middle;' title='follow us at twitter' alt='' /></a>
	<label style='padding: 0 10px 0 5px; color:85cdcd;'>follow us at twitter</label>