Google Git
Sign in
melange / soc / refs/tags/v2-0-20120129 / . / mockups / code-in / leaderboard / index.php
blob: 2cfee02f899d3e32d3468106b00867f568a4c528 [file] [log] [blame]
<?php include '../includes/header.php'?>
<div class="grid_3 side">
<div class="block block-main-nav">
<ul class="menu">
<li><a href="javascript:void(0)">My Dashboard</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 block-status-sm">
<div class="block-status-user">
You are logged in as: <a href="javascript:void(0)">not_eric@gmail.com</a> <a href="javascript:void(0)">(change)</a>
</div>
<div class="block-status-action block-status-action-single clearfix">
<a href="javascript:void(0)" class="block-status-action-dashboard"><span>My Dashboard</span></a>
</div>
</div>
<!-- end .block.block-status.block-status-sm -->
</div>
<!-- end .grid_3.side -->
<div class="grid_9 main">
<div class="block block-leaderboard-top">
<div class="block-leaderboard-top-title">
<h1><span class="leaderboard-title-left">The Official</span><span class="leaderboard-title-right">Leaderboard</span></h1>
<span class="trophy"></span>
</div>
<div class="block-leaderboard-top-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis porttitor purus massa. Aliquam erat volutpat. Maecenas vitae neque ipsum. Morbi scelerisque varius augue ac euismod. Pellentesque euismod augue a justo mollis eu tempor nunc ultricies. Fusce pharetra convallis dignissim.</p>
</div>
</div>
<!-- end .block.block-leaderboard-top -->
<div class="clear"></div>
<div class="grid_6 alpha main-content">
<div class="block block-leaderboard-scores block-leaderboard-top-scores">
<div class="block-title">Top 10 Participants</div>
<div class="block-content">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="leaderboard-top-ranking-number">1</td>
<td class="leaderboard-top-color-block orange"></td>
<td class="leaderboard-top-name"><a href="javascript:void(0)">Mary Schmidt</a></td>
<td class="leaderboard-top-points">2,309 points</td>
<td class="leaderboard-top-tasks">179 tasks</td>
</tr>
<tr>
<td class="leaderboard-top-ranking-number">2</td>
<td class="leaderboard-top-color-block blue"></td>
<td class="leaderboard-top-name"><a href="javascript:void(0)">Alex Berkman</a></td>
<td class="leaderboard-top-points">2,213 points</td>
<td class="leaderboard-top-tasks">170 tasks</td>
</tr>
<tr>
<td class="leaderboard-top-ranking-number">3</td>
<td class="leaderboard-top-color-block green"></td>
<td class="leaderboard-top-name"><a href="javascript:void(0)">Marcos Roriz</a></td>
<td class="leaderboard-top-points">2,070 points</td>
<td class="leaderboard-top-tasks">163 tasks</td>
</tr>
<tr>
<td class="leaderboard-top-ranking-number">4</td>
<td class="leaderboard-top-color-block brown"></td>
<td class="leaderboard-top-name"><a href="javascript:void(0)">Jenn Levi-Strauss</a></td>
<td class="leaderboard-top-points">1,934 points</td>
<td class="leaderboard-top-tasks">158 tasks</td>
</tr>
<tr>
<td class="leaderboard-top-ranking-number">5</td>
<td class="leaderboard-top-color-block purple"></td>
<td class="leaderboard-top-name"><a href="javascript:void(0)">Lisa Moyer</a></td>
<td class="leaderboard-top-points">1,882 points</td>
<td class="leaderboard-top-tasks">150 tasks</td>
</tr>
<tr>
<td class="leaderboard-top-ranking-number">6</td>
<td class="leaderboard-top-color-block mauve"></td>
<td class="leaderboard-top-name"><a href="javascript:void(0)">Ji Soo Lee</a></td>
<td class="leaderboard-top-points">1,800 points</td>
<td class="leaderboard-top-tasks">141 tasks</td>
</tr>
<tr>
<td class="leaderboard-top-ranking-number">7</td>
<td class="leaderboard-top-color-block sky-blue"></td>
<td class="leaderboard-top-name"><a href="javascript:void(0)">Greg Cendana</a></td>
<td class="leaderboard-top-points">1,789 points</td>
<td class="leaderboard-top-tasks">133 tasks</td>
</tr>
<tr>
<td class="leaderboard-top-ranking-number">8</td>
<td class="leaderboard-top-color-block light-green"></td>
<td class="leaderboard-top-name"><a href="javascript:void(0)">Nic Petkoff</a></td>
<td class="leaderboard-top-points">1,761 points</td>
<td class="leaderboard-top-tasks">125 tasks</td>
</tr>
<tr>
<td class="leaderboard-top-ranking-number">9</td>
<td class="leaderboard-top-color-block salmon"></td>
<td class="leaderboard-top-name"><a href="javascript:void(0)">Farah Malik</a></td>
<td class="leaderboard-top-points">1,743 points</td>
<td class="leaderboard-top-tasks">117 tasks</td>
</tr>
<tr>
<td class="leaderboard-top-ranking-number">10</td>
<td class="leaderboard-top-color-block red"></td>
<td class="leaderboard-top-name"><a href="javascript:void(0)">Lindsay Tan</a></td>
<td class="leaderboard-top-points">1,743 points</td>
<td class="leaderboard-top-tasks">117 tasks</td>
</tr>
</table>
</div>
</div>
<!-- end .block.block-leaderboard-top-scores -->
<div class="block block-leaderboard-scores block-leaderboard-all-scores">
<div class="block-title">All Participants</div>
<div class="block-content">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="leaderboard-all-number">11</td>
<td class="leaderboard-all-name"><a href="javascript:void(0)">Student Name</a></td>
<td class="leaderboard-all-points"># points</td>
<td class="leaderboard-all-tasks"># tasks</td>
</tr>
<tr class="even">
<td class="leaderboard-all-number">12</td>
<td class="leaderboard-all-name"><a href="javascript:void(0)">Student Name</a></td>
<td class="leaderboard-all-points"># points</td>
<td class="leaderboard-all-tasks"># tasks</td>
</tr>
<tr>
<td class="leaderboard-all-number">13</td>
<td class="leaderboard-all-name"><a href="javascript:void(0)">Student Name</a></td>
<td class="leaderboard-all-points"># points</td>
<td class="leaderboard-all-tasks"># tasks</td>
</tr>
<tr class="even">
<td class="leaderboard-all-number">14</td>
<td class="leaderboard-all-name"><a href="javascript:void(0)">Student Name</a></td>
<td class="leaderboard-all-points"># points</td>
<td class="leaderboard-all-tasks"># tasks</td>
</tr>
<tr>
<td class="leaderboard-all-number">15</td>
<td class="leaderboard-all-name"><a href="javascript:void(0)">Student Name</a></td>
<td class="leaderboard-all-points"># points</td>
<td class="leaderboard-all-tasks"># tasks</td>
</tr>
<tr class="even">
<td class="leaderboard-all-number">16</td>
<td class="leaderboard-all-name"><a href="javascript:void(0)">Student Name</a></td>
<td class="leaderboard-all-points"># points</td>
<td class="leaderboard-all-tasks"># tasks</td>
</tr>
<tr>
<td class="leaderboard-all-number">17</td>
<td class="leaderboard-all-name"><a href="javascript:void(0)">Student Name</a></td>
<td class="leaderboard-all-points"># points</td>
<td class="leaderboard-all-tasks"># tasks</td>
</tr>
<tr class="even">
<td class="leaderboard-all-number">18</td>
<td class="leaderboard-all-name"><a href="javascript:void(0)">Student Name</a></td>
<td class="leaderboard-all-points"># points</td>
<td class="leaderboard-all-tasks"># tasks</td>
</tr>
<tr>
<td class="leaderboard-all-number">19</td>
<td class="leaderboard-all-name"><a href="javascript:void(0)">Student Name</a></td>
<td class="leaderboard-all-points"># points</td>
<td class="leaderboard-all-tasks"># tasks</td>
</tr>
<tr class="even">
<td class="leaderboard-all-number">20</td>
<td class="leaderboard-all-name"><a href="javascript:void(0)">Student Name</a></td>
<td class="leaderboard-all-points"># points</td>
<td class="leaderboard-all-tasks"># tasks</td>
</tr>
<tr>
<td class="leaderboard-all-number">21</td>
<td class="leaderboard-all-name"><a href="javascript:void(0)">Student Name</a></td>
<td class="leaderboard-all-points"># points</td>
<td class="leaderboard-all-tasks"># tasks</td>
</tr>
<tr class="even">
<td class="leaderboard-all-number">22</td>
<td class="leaderboard-all-name"><a href="javascript:void(0)">Student Name</a></td>
<td class="leaderboard-all-points"># points</td>
<td class="leaderboard-all-tasks"># tasks</td>
</tr>
<tr>
<td class="leaderboard-all-number">23</td>
<td class="leaderboard-all-name"><a href="javascript:void(0)">Student Name</a></td>
<td class="leaderboard-all-points"># points</td>
<td class="leaderboard-all-tasks"># tasks</td>
</tr>
<tr class="even">
<td class="leaderboard-all-number">24</td>
<td class="leaderboard-all-name"><a href="javascript:void(0)">Student Name</a></td>
<td class="leaderboard-all-points"># points</td>
<td class="leaderboard-all-tasks"># tasks</td>
</tr>
<tr>
<td class="leaderboard-all-number">25</td>
<td class="leaderboard-all-name"><a href="javascript:void(0)">Student Name</a></td>
<td class="leaderboard-all-points"># points</td>
<td class="leaderboard-all-tasks"># tasks</td>
</tr>
<tr class="even">
<td class="leaderboard-all-number">26</td>
<td class="leaderboard-all-name"><a href="javascript:void(0)">Student Name</a></td>
<td class="leaderboard-all-points"># points</td>
<td class="leaderboard-all-tasks"># tasks</td>
</tr>
<tr>
<td class="leaderboard-all-number">27</td>
<td class="leaderboard-all-name"><a href="javascript:void(0)">Student Name</a></td>
<td class="leaderboard-all-points"># points</td>
<td class="leaderboard-all-tasks"># tasks</td>
</tr>
<tr class="even">
<td class="leaderboard-all-number">28</td>
<td class="leaderboard-all-name"><a href="javascript:void(0)">Student Name</a></td>
<td class="leaderboard-all-points"># points</td>
<td class="leaderboard-all-tasks"># tasks</td>
</tr>
<tr>
<td class="leaderboard-all-number">29</td>
<td class="leaderboard-all-name"><a href="javascript:void(0)">Student Name</a></td>
<td class="leaderboard-all-points"># points</td>
<td class="leaderboard-all-tasks"># tasks</td>
</tr>
<tr class="even">
<td class="leaderboard-all-number">30</td>
<td class="leaderboard-all-name"><a href="javascript:void(0)">Student Name</a></td>
<td class="leaderboard-all-points"># points</td>
<td class="leaderboard-all-tasks"># tasks</td>
</tr>
</table>
</div>
<div class="block-pager clearfix">
<ul class="menu-center-inline">
<li class="current">1</li>
<li><a href="javascript:void(0)">2</a></li>
<li><a href="javascript:void(0)">3</a></li>
<li><a href="javascript:void(0)">4</a></li>
<li><a href="javascript:void(0)">Next></a></li>
<li><a href="javascript:void(0)">Last></a></li>
</ul>
</div>
</div>
<!-- end .block.block-leaderboard-all-scores -->
</div>
<!-- end .grid_6 -->
<div class="grid_3 omega main-side">
<div class="block block-leaderboard-previous-leaderboards">
<div class="block-title">Previous Leaderboards</div>
<div class="block-content clearfix">
<select class="uniform">
<option>2011 (current)</option>
<option>2010</option>
</select>
</div>
</div>
<!-- end .block.block-leaderboard-previous-leaderboards -->
<div class="block block-leaderboard-your-score">
<div class="block-title">Your Score</div>
<div class="block-content clearfix">
<div class="user-ranking">
<div class="user-ranking-item">
<span class="cap">Score</span>
<span class="number">285</span>
<span class="count">points</span>
</div>
<div class="user-ranking-item">
<span class="cap">Rank</span>
<span class="number">#62</span>
<span class="count">Top 5%</span>
</div>
</div>
<form action="#" method="post">
<input type="submit" class="btn" value="View my tasks" />
</form>
</div>
</div>
<!-- end .block.block-leaderboard-your-score -->
<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>
<!-- end .grid_6 -->
</div>
<!-- end .grid_9.main -->
<?php include '../includes/footer.php'?>