templates/leaderboard.html at master · GiftBucket/templates · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<style>
  #leader-table a {
    color: black;
    transition: all 0.1s ease-in-out;
  }

  #leader-table a:hover {
    color: #2BBBAD;
  }
</style>

<div class="col-xs-2">
  <table class="table leaderboard-nav text-center">
    <tr><td class="text-center">Arts, Culture, Humanities</td></a></tr>
    <tr><td class="text-center">Community Development</td></tr>
    <tr><td class="text-center">Education</td></tr>
    <tr><td class="text-center">Environment</td></tr>
    <tr><td class="text-center">Health</td></tr>
    <tr><td class="text-center">Human and Civil Rights</td></tr>
    <tr><td class="text-center">Human Services</td></tr>
    <tr><td class="text-center">International</td></tr>
    <tr><td class="text-center">Research and Public Policy</td></tr>
    <tr><td class="text-center">Religion</td></tr>
  </table>
</div>

<div class="col-xs-10">
  <h1 class="text-center">Community Name</h1>
  <table id="leader-table" class="table table-hover table-striped" style="position: relative; top: 2em">
    <tr>
      <th>Name</th>
      <th class="text-center">Number of Donations</th>
      <th class="text-right">Highest Donation</th>
    </tr>

    <tr>
      <td> <a href="#">Booty Hunter</a></td>
      <td class="text-center">69</td>
      <td class="text-right">$ 9001</td>
    </tr>

    <tr>
      <td> <a href="#">Snack Man</a></td>
      <td class="text-center">10</td>
      <td class="text-right">$ 80085</td>
    </tr>
  </table>
</div>