Spaces:
Running
Running
File size: 5,730 Bytes
25c2a97 da06a4e 283bea8 da06a4e b27d324 44bfb03 b27d324 44bfb03 b27d324 44bfb03 b27d324 da06a4e 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 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 |
<!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="Spaces"> Top Spaces Contibutors</label>
<input type="radio" name="tabs" id="tab2">
<label for="tab2"><img src="/img/ico_spaces.png" alt="Spaces"> Top Models Contibutors</label>
<input type="radio" name="tabs" id="tab3">
<label for="tab3"><img src="/img/ico_spaces.png" alt="Spaces"> Top Datasets Contibutors</label>
</div>
<section class="tab-content active">
<h2>Leaderboard</h2>
<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="notes">
<h2>Notes</h2>
<p>This is a placeholder for your notes section.</p>
</section>
</main>
<script src="scripts.js"></script>
</body>
</html> |