blob: 528ae755eeeb9472b2ccb102dcc058fc9560a9ea [file] [log] [blame]
<?php include '../includes/header.php'?>
<div class="grid_3 side">
<div class="block block-main-nav">
<ul class="menu">
<li class="menu-login-register"><a href="javascript:void(0)">Login or Register</a></li>
<li><a href="javascript:void(0)">About Us</a></li>
<li><a href="javascript:void(0)">Get Started</a></li>
<li><a href="javascript:void(0)">Participating Organizations</a></li>
<li><a href="javascript:void(0)">Blog</a></li>
</ul>
</div>
<!-- end .block.block-main-nav -->
<div class="block block-status level-easy">
<div class="cog"></div>
<div class="block-title">My Current Task</div>
<div class="block-status-top">
<span class="block-status-status"><span class="emph">Status:</span> In Progress</span>
<span class="block-status-time"><span class="emph">Time Left:</span> 5 hrs 6 min</span>
</div>
<div class="block-content">
<div class="block-status-task">
<span class="block-status-task-link"><a href="javascript:void(0)">Write Documentation for Export Function</a></span>
<span class="block-status-task-project">Drupal Foundation</span>
</div>
</div>
<div class="block-status-action clearfix">
<a href="javascript:void(0)" class="block-status-action-view"><span>View Task</span></a>
<a href="javascript:void(0)" class="block-status-action-dashboard"><span>My Dashboard</span></a>
</div>
<div class="block-status-user">
You are logged in as: <a href="javascript:void(0)">eric_schmidt@gmail.com</a> <a href="javascript:void(0)">(change)</a>
</div>
</div>
<!-- end .block.block-status -->
</div>
<!-- end .grid_3.side -->
<div class="grid_9 main">
<div class="block block-how-it-works clearfix">
<span class="block-how-it-works-title">How Google Code-In Works:</span>
<div class="block-how-it-works-cycle clearfix">
<div class="block-how-it-works-step block-how-it-works-step1">
<div class="cog"></div>
<div class="arrow"></div>
<span>Pick a task from the list</span>
</div>
<div class="block-how-it-works-step block-how-it-works-step2">
<div class="cog"></div>
<div class="cog-center"></div>
<div class="arrow"></div>
<span>Complete the task</span>
</div>
<div class="block-how-it-works-step block-how-it-works-step3">
<div class="cog"></div>
<div class="cog-center"></div>
<div class="arrow"></div>
<span>Your task is approved!</span>
</div>
<div class="block-how-it-works-step block-how-it-works-repeat">
<div class="arrow"></div>
<div class="block-how-it-works-repeat-caption">
<div class="repeat-icon"></div><span>Repeat! <em>(and earn fabulous prizes)</em></span>
</div>
</div>
</div>
<div class="block-how-it-works-more">
<div class="block-how-it-works-more-caption">
<span>Google Code-In is a program for pre-university students, ages 13-18 years old. <a href="javascript:void(0)">Learn more ></a></span>
</div>
</div>
<div class="block-how-it-works-start">
<span>Get Started Now!</span>
<a href="javascript:void(0)">Search for tasks</a>
</div>
</div>
<!-- end .block.block-how-it-works -->
<div class="clear"></div>
<div class="grid_6 alpha main-content">
<div class="block block-featured-task level-difficult">
<div class="cog"></div>
<div class="block-title">Featured Task</div>
<div class="block-content">
<span class="block-featured-task-link"><a href="javascript:void(0)">Rewrite the Linux Kernel from Scratch</a></span>
<span class="block-featured-task-org"><em>Organization:</em> Linus Torvalds</span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore sed do eiusmod tempor...</p>
</div>
<div class="block-footer"><a href="javascript:void(0)">Read more</a></div>
</div>
<!-- end .block.block-home-featured-task -->
<div class="block block-participating-orgs">
<div class="block-title">Participating Organizations</div>
<div class="block-content">
<a href="javascript:void(0)"><img src="../images/org-drupal.png" alt="" /></a>
<a href="javascript:void(0)"><img src="../images/org-apertium.png" alt="" /></a>
<a href="javascript:void(0)"><img src="../images/org-xmpp.png" alt="" /></a>
<a href="javascript:void(0)"><img src="../images/org-cat.png" alt="" /></a>
<a href="javascript:void(0)"><img src="../images/org-music.png" alt="" /></a>
</div>
<div class="block-footer"><a href="javascript:void(0)">See all participating organizations</a></div>
</div>
<!-- end .bolock.block-home-participating-orgs -->
<div class="block block-news">
<div class="block-title">What's New</div>
<div class="block-content">
<div class="block-news-item">
<span class="date">June 29, 2011</span>
<a href="javascript:void(0)">Google Code-in Winners Arrive at the Googleplex</a>
</div>
<div class="block-news-item">
<span class="date">April 20, 2011</span>
<a href="javascript:void(0)">Former student pays it forward as a mentor for Google Code-in</a>
</div>
<div class="block-news-item">
<span class="date">June 29, 2011</span>
<a href="javascript:void(0)">The Parrot Foundation Reflects on Google Code-in</a>
</div>
</div>
<div class="block-footer"><a href="javascript:void(0)">See all posts</a></div>
</div>
<!-- end .block.block-news -->
</div>
<!-- end .grid_6 -->
<div class="grid_3 omega main-side">
<div class="block block-timeline">
<div class="block-title">Code-In Timeline</div>
<div class="block-content clearfix">
<div class="stopwatch percent-33">
<div class="stopwatch-watch"></div>
<div class="stopwatch-remaining clearfix">
<div class="stopwatch-time">
<div class="stopwatch-time-c">
<div class="time time-first">
<span class="number">35</span><span class="cap">days</span>
</div>
<div class="time">
<span class="number">17</span><span class="cap">hours</span>
</div>
</div>
</div>
<span class="remain">Remaining</span>
</div>
</div>
<!-- end .stockwatch -->
</div>
<div class="block-footer">33% complete</div>
</div>
<!-- end .block.block-timeline -->
<div class="block block-connect">
<div class="block-title">Connect With Us</div>
<div class="block-content">
<ul class="menu menu-center-inline">
<li><a href="javascript:void(0)"><img src="../images/block-connect-fb.gif" height="29" width="29" alt="Facebook" /></a></li>
<li><a href="javascript:void(0)"><img src="../images/block-connect-tw.gif" height="29" width="29" alt="Twitter" /></a></li>
<li><a href="javascript:void(0)"><img src="../images/block-connect-bl.gif" height="29" width="29" alt="Blogger" /></a></li>
<li><a href="javascript:void(0)"><img src="../images/block-connect-em.gif" height="29" width="29" alt="Email" /></a></li>
<li><a href="javascript:void(0)"><img src="../images/block-connect-irc.gif" height="29" width="29" alt="IRC" /></a></li>
</ul>
</div>
</div>
<!-- end .block.block-timeline -->
</div>
<!-- end .grid_6 -->
</div>
<!-- end .grid_9.main -->
<?php include '../includes/footer.php'?>