blob: 5178757d9a1b48fc3f07bf01b7bcfbcb107a7049 [file] [log] [blame]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Google Summer of Code</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/960.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/global.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/typography.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/structure.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/menu.css" />
</head>
<body>
<!--
////////////////////////
BEGIN DEFAULT HEADER
////////////////////////
-->
<div id="bg">
<div id="page-header">
<div class="container_12">
<div class="grid_12">
<a href="homepage-orgs.html"><img src="images/logo-banner.jpg" height="156" width="924" alt="Google Summer of Code" /></a>
</div>
</div>
</div>
<!-- .page-header -->
<!--
////////////////////////
END DEFAULT HEADER
////////////////////////
-->
<!--
////////////////////////
BEGIN MAIN CONTENT
////////////////////////
-->
<div id="main">
<div class="container_12">
<!--
////////////////////////
BEGIN SITE MENU
////////////////////////
-->
<div id="main-menu" class="grid_3">
<ul id="main-menu-list">
<li id="menu-login"><a href="javascript:void(0)">Login</a></li>
<li id="menu-about"><a href="javascript:void(0)">About</a></li>
<li id="menu-apply"><a href="javascript:void(0)">Apply</a></li>
<li id="menu-projects"><a href="search.html">Current &amp; Past Projects</a></li>
<li id="menu-events"><a href="javascript:void(0)">Events &amp; Timeline</a></li>
<li id="menu-connect"><a href="javascript:void(0)">Connect With Us</a></li>
<li id="menu-help"><a href="javascript:void(0)">Help</a></li>
</ul>
</div>
<!-- .grid_3 -->
<!--
////////////////////////
END SITE MENU
////////////////////////
-->
<!--
////////////////////////
BEGIN PAGE CONTENT
////////////////////////
-->
<div class="grid_9">
<div class="content">
<div id="how-it-works" class="block full home-block-1">
<h2 id="title-section-how-it-works">How Google Summer of Code Works</h2>
<ol id="list-how-it-works">
<li id="how-it-works-item1" class="first">
<strong>Propose a project <span>for approval by a participating open source organization</span></strong>
</li>
<li id="how-it-works-item2" class="second">
<strong>Code the summer away</strong>
</li>
<li id="how-it-works-item3" class="third">
<strong>Achieve Ultimate Glory <span>(and get a nice paycheck)</span></strong>
</li>
</ol>
<div id="block-how-it-works-description" class="description">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nec lectus lacus, a blandit ante. Sed lorem ipsum,
aliquam ac tincidunt ac, luctus ut felis. Sed lobortis dapibus semper. Sed lorem ipsum, aliquam ac tincidunt ac,
luctus ut felis.</p>
</div>
</div>
<!-- .home-block-1 -->
<div class="content_column_1">
<!-- begin block -->
<div id="apply-orgs" class="block block-orgs">
<img src="images/students-apply-now.jpg" height="107" width="429" alt="" id="block-apply-orgs-image" />
<h3 id="title-section-apply-orgs">Organizations: Apply now!</h3>
<p id="block-apply-orgs-text-action" class="action">
<a href="javascript:void(0)">Login</a> <span>or</span> <a href="javascript:void(0)">Register</a>
</p>
<p id="block-apply-orgs-text-small" class="small">with a Google Account to get started.</p>
</div>
<!-- end block -->
<!-- begin block -->
<div id="featured-projects" class="block block-featured-project">
<h4 title="title-section-featured-project">Featured Project</h4>
<div id="block-featured-project-content" class="block-content">
<h5 id="block-featured-project-content-title">Revive and Restructure the Escher project</h5>
<img src="images/featured-project-stock-image.jpg" height="99" width="121" alt="" id="block-featured-project-image" class="alignright" />
<p>My name is <a href="javascript:void(0)">Marcos Paulino Roriz Junior</a>, and I’m participating in
<a href="javascript:void(0)">Google Summer of Code&trade;</a>
for the first time this year. I’m really excited because I’ve been developing in Java for
some time and this is my first step into FOSS. My project is hacking on GNU Classpath on
Escher which is an X11 client written in Java, used by the XPeer code to request and handle
drawings. I’m learning the X11 protocol which is amazingly cool and surely ahead of it’s time.
This is not only helping me with Google Summer of Code but is also the main protocol behind
the idea that I’m using in my...</p>
</div>
<div id="block-featured-project-readmore" class="readmore">
<a href="javascript:void(0)">read more</a>
</div>
</div>
<!-- end block -->
</div>
<!-- .content_column_1 -->
<div class="content_column_2">
<!-- begin block -->
<div id="program-map" class="block block-project-timeline">
<h4 id="title-section-program-timeline">Program Timeline</h4>
<div id="block-program-timeline-content" class="block-content">
<img id="program-timeline" src="images/image-map-org-apps.png" usemap="#program-timeline" width="210" height="181" alt="" />
<map id="_program-timeline" name="program-timeline">
<area shape="poly" coords="45,113,56,79,78,60,107,55,134,63,155,84,133,98,118,82,94,79,77,93,72,114," href="javascript:void(0)" alt="On Season" title="On Season" onMouseOver="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-on-season.png';" onMouseOut="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-org-apps.png';" />
<area shape="poly" coords="133,98,143,90,155,84,162,98,164,114,136,114," href="javascript:void(0)" alt="Students Applications" title="Students Applications" onMouseOver="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-student-apps.png';" onMouseOut="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-org-apps.png';" />
<area shape="poly" coords="132,130,137,114,164,114,163,130,156,145,143,137" href="javascript:void(0)" alt="Organization Applications" title="Organization Applications" onMouseOver="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-org-apps.png';" onMouseOut="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-org-apps.png';" />
<area shape="poly" coords="120,142,134,131,155,143,147,156,133,165," href="javascript:void(0)" alt="Kickoff" title="Kickoff" onMouseOver="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-kickoff.png';" onMouseOut="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-org-apps.png';" />
<area shape="poly" coords="45,113,72,113,79,138,105,147,121,141,134,164,100,169,72,161,55,143,48,129," href="javascript:void(0)" alt="Off Season" title="Off Season" onMouseOver="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-off-season.png';" onMouseOut="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-org-apps.png';" />
</map>
</div>
</div>
<!-- end block -->
<!-- begin block -->
<div id="connect-with-us" class="block block-connect">
<h4 id="title-section-connect-with-us">Connect With Us</h4>
<div id="block-connect-with-us-content" class="block-content">
<a href="javascript:void(0)" id="connect-block-facebook" class="social fb">Facebook</a>
<a href="javascript:void(0)" id="connect-block-twitter" class="social tw">Twitter</a>
<a href="javascript:void(0)" id="connect-block-blogger" class="social bl">Blogger</a>
<a href="javascript:void(0)" id="connect-block-email" class="social em">Email</a>
<a href="javascript:void(0)" id="connect-block-irc" class="social irc">IRC</a>
</div>
</div>
<!-- end block -->
<!-- begin block -->
<div id="blog-feed" class="block block-blog-feed">
<h4 id="title-section-blog-feed">Blog Feed</h4>
<div id="block-blog-feed-content" class="block-content">
<div id="blog-feed-item1" class="blog-item">
<span class="date">Nov 2, 2010</span>
<span class="title"><a href="javascript:void(0)">2010 Google Summer of Code Mentor Summit</a></span>
</div>
<div id="blog-feed-item2" class="blog-item">
<span class="date">Oct 27, 2010</span>
<span class="title"><a href="javascript:void(0)">Facebook Likes Google Summer of Code</a></span>
</div>
<div id="blog-feed-item3" class="blog-item">
<span class="date">Oct 23, 2010</span>
<span class="title"><a href="javascript:void(0)">Perl and Parrot Spread Open Source Love</a></span>
</div>
<div id="blog-feed-item4" class="blog-item">
<span class="date">Oct 13, 2010</span>
<span class="title"><a href="javascript:void(0)">Another Successful Summer for Haiku</a></span>
</div>
<div id="blog-feed-item5" class="blog-item">
<span class="date">Oct 6, 2010</span>
<span class="title"><a href="javascript:void(0)">Google Summer of Code report: WorldForge</a></span>
</div>
</div>
<div id="block-blog-feed-readmore" class="readmore">
<a href="javascript:void(0)">read more</a>
</div>
</div>
<!-- end block -->
</div>
<!-- .content_column_2 -->
</div>
</div>
<!-- .grid_9 -->
<!--
////////////////////////
END PAGE CONTENT
////////////////////////
-->
</div>
<!-- .container_12 -->
</div>
<!-- .main -->
<!--
////////////////////////
END MAIN CONTENT
////////////////////////
-->
<!--
////////////////////////
BEGIN DEFAULT FOOTER
////////////////////////
-->
<div id="footer">
<div class="container_12">
<div class="grid_3">&nbsp;</div>
<!-- .grid_3 -->
<div class="grid_9">
<div class="footer-menu">
<ul id="footer-menu-list">
<li id="footer-menu-about"><a href="javascript:void(0)">About</a></li>
<li id="footer-menu-contact"><a href="javascript:void(0)">Contact</a></li>
<li id="footer-menu-facebook" class="social"><a href="javascript:void(0)" class="fb">Facebook</a></li>
<li id="footer-menu-twitter" class="social"><a href="javascript:void(0)" class="tw">Twitter</a></li>
<li id="footer-menu-blogger" class="social"><a href="javascript:void(0)" class="bl">Blogger</a></li>
<li id="footer-menu-email" class="social"><a href="javascript:void(0)" class="em">Email</a></li>
<li id="footer-menu-irc" class="social"><a href="javascript:void(0)" class="irc">IRC</a></li>
<li id="footer-menu-privacy" class="last"><a href="javascript:void(0)">Privacy Policy</a></li>
</ul>
</div>
<div class="footer-meta">
<span class="powered">Powered by <a href="http://code.google.com/p/soc/wiki/MelangeIntro" target="_blank">Melange</a></span> Empowered by <a href="http://www.echoditto.com/" target="_blank"><img src="images/echoditto.png" height="16" width="70" alt="EchoDitto" /></a>
</div>
</div>
<!-- .grid_9 -->
</div>
<!-- .container_12 -->
</div>
<!-- .footer -->
</div>
<!-- #bg -->
<!--
////////////////////////
END DEFAULT FOOTER
////////////////////////
-->
</body>
</html>