File size: 6,639 Bytes
25c2a97
 
 
 
 
 
 
 
da06a4e
 
 
 
283bea8
da06a4e
b27d324
 
facfbe9
b27d324
facfbe9
b27d324
facfbe9
213d46a
 
b27d324
 
1af211a
e67235b
 
db14af2
97a7139
44bfb03
7c11bb3
e67235b
 
db14af2
6913a0c
44bfb03
ac8a6bb
e67235b
 
db14af2
6913a0c
44bfb03
ac8a6bb
 
 
e67235b
 
 
2576081
b142d69
b27d324
 
e67235b
b27d324
e67235b
b27d324
e67235b
05219c3
 
 
 
 
 
 
 
 
 
 
 
b27d324
 
283bea8
 
8729a1d
e67235b
b27d324
 
 
 
 
 
 
 
 
 
 
393ef70
b27d324
393ef70
b27d324
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
393ef70
b27d324
393ef70
b27d324
 
 
 
 
283bea8
 
213d46a
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5899683
 
 
283bea8
 
25c2a97
283bea8
25c2a97
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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Most Popular Users Leaderboard</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <header>
    <h1>Most Popular Users Leaderboard</h1>
    <p>Discover the top influencers in our community</p>
  </header>
  <main>
    <div class="tabs">
      <input type="radio" name="tabs" id="tab1" checked>
      <label for="tab1"> <img src="/img/ico_spaces.png" alt="X logo"> Models Downloads</label>
      <input type="radio" name="tabs" id="tab2">
      <label for="tab2"> <img src="/img/ico_spaces.png" alt="X logo"> Datasets Downloads</label>
      <input type="radio" name="tabs" id="tab3">
      <label for="tab3"> <img src="/img/ico_spaces.png" alt="X logo"> Spaces Likes</label>
      <input type="radio" name="tabs" id="tab4">
      <label for="tab4"> <img src="/img/ico_hf.png" alt="X logo"> Profile Followers</label>
    </div>
    <section class="tab-content active">
      <h3>Note: Leaderboard of contributors with the most accumulated Spaces likes ♥ (showing users only, not organizations)</h3>
      <table>
          <tr>
            <th>1</th>
            <th><a class="link" href="https://www.huggingface.co/fffiloni" target=”_blank” rel="noopener"><img src="/img/ico_hf.png" alt="HuggingFace logo"> fffiloni</a> </th>
            <th><img src="/img/ico_spaces.png" alt="Spaces"> 1324 likes</th>
            <th><a class="button" href="https://www.twitter.com/fffiloni" target=”_blank” rel="noopener"><img src="/img/ico_x.png" alt="X logo"> Follow @fffiloni</a></th>
          </tr>
          <tr>
            <th>2</th>
            <th><a class="link" href="https://www.huggingface.co/fffiloni" target=”_blank” rel="noopener"><img src="/img/ico_hf.png" alt="HuggingFace logo"> fffiloni</a> </th>
            <th><img src="/img/ico_spaces.png" alt="Spaces"> 1067 likes</th>
            <th><a class="button" href="https://www.twitter.com/fffiloni" target=”_blank” rel="noopener"><img src="/img/ico_x.png" alt="X logo"> Follow @fffiloni</a></th>
          </tr>
          <tr>
            <th>3</th>
            <th><a class="link" href="https://www.huggingface.co/fffiloni" target=”_blank” rel="noopener"><img src="/img/ico_hf.png" alt="HuggingFace logo"> fffiloni</a> </th>
            <th><img src="/img/ico_spaces.png" alt="Spaces"> 925 likes</th>
            <th><a class="button" href="https://www.twitter.com/fffiloni" target=”_blank” rel="noopener"><img src="/img/ico_x.png" alt="X logo"> Follow @fffiloni</a></th>
            <!--<th><a class="link" href="https://www.github.com/fffiloni" target=”_blank” rel="noopener"><img src="/img/ico_git.png" alt="Github logo"> fffiloni</a></th>
            <th><a class="link" href="https://buymeacoffee.com/weyaxi" target=”_blank” rel="noopener"><img src="/img/ico_web.png" alt="Github logo"> buymeacoffee.com/weyaxi</a></th>-->
          </tr>
      </table>
      <!--<ul>
        <li>
         <div>
            <div>
              <p>
                <a href="https://www.huggingface.co/fffiloni" target=”_blank” rel="noopener"><img src="/ico_hf.png" alt="HuggingFace logo"> fffiloni</a> 
                <span class="mx-2">|</span>
                <a href="https://www.twitter.com/fffiloni" target=”_blank” rel="noopener"><img src="/ico_x.png" alt="X logo"> @fffiloni</a>
                <span class="mx-2">|</span>
                <a href="https://www.github.com/fffiloni" target=”_blank” rel="noopener"><img src="/ico_git.png" alt="Github logo"> github.com/fffiloni</a>
              </p>
            </div>
          </div>
          <div>
            <div>
              <h3>multimodalart</h3>
              <p>
                <a href="https://huggingface.co/multimodalart">huggingface.co/multimodalart</a>
                <span class="mx-2">|</span>
                <a href="https://twitter.com/multimodalart"><img src="https://via.placeholder.com/16x16" alt="X.com logo">@multimodalart</a>
                <span class="mx-2">|</span>
                <a href="https://github.com/multimodalart"><img src="https://via.placeholder.com/16x16" alt="Github.com logo">github.com/multimodalart</a>
              </p>
            </div>
          </div>
        </li>
        <!-- Add more user entries for Tab 1 here
      </ul>-->
    </section>
    <section class="tab-content">
      <h2>Leaderboard</h2>
      <ul>
        <li>
          <div>
            <div>
              <h3>Jane Smith</h3>
              <p>
                <a href="#">janesmith.com</a>
                <span class="mx-2">|</span>
                <a href="#"><img src="https://via.placeholder.com/16x16" alt="X.com logo">@janesmith</a>
                <span class="mx-2">|</span>
                <a href="#"><img src="https://via.placeholder.com/16x16" alt="Github.com logo">janesmith/github</a>
              </p>
            </div>
          </div>
        </li>
        <!-- Add more user entries for Tab 2 here -->
      </ul>
    </section>
    <section class="tab-content">
      <h2>Leaderboard</h2>
      <ul>
        <li>
          <div>
            <div>
              <h3>Bob Johnson</h3>
              <p>
                <a href="#">bobjohnson.com</a>
                <span class="mx-2">|</span>
                <a href="#"><img src="https://via.placeholder.com/16x16" alt="X.com logo">@bobjohnson</a>
                <span class="mx-2">|</span>
                <a href="#"><img src="https://via.placeholder.com/16x16" alt="Github.com logo">bobjohnson/github</a>
              </p>
            </div>
          </div>
        </li>
        <!-- Add more user entries for Tab 3 here -->
      </ul>
    </section>
    <section class="tab-content">
      <h2>Leaderboard</h2>
      <ul>
        <li>
          <div>
            <div>
              <h3>Laura Johnson</h3>
              <p>
                <a href="#">bobjohnson.com</a>
                <span class="mx-2">|</span>
                <a href="#"><img src="https://via.placeholder.com/16x16" alt="X.com logo">@bobjohnson</a>
                <span class="mx-2">|</span>
                <a href="#"><img src="https://via.placeholder.com/16x16" alt="Github.com logo">bobjohnson/github</a>
              </p>
            </div>
          </div>
        </li>
        <!-- Add more user entries for Tab 4 here -->
      </ul>
    </section>
    <section class="notes">
      <h2>Notes</h2>
      <p>This is a placeholder for your notes section.</p>
    </section>
  </main>
  <script src="scripts.js"></script>
</body>
</html>