Spaces:
Running
Running
File size: 5,284 Bytes
25c2a97 da06a4e 283bea8 da06a4e b27d324 da06a4e e67235b ace3833 e67235b ace3833 e67235b ace3833 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 |
<!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">Tab 1</label>
<input type="radio" name="tabs" id="tab2">
<label for="tab2">Tab 2</label>
<input type="radio" name="tabs" id="tab3">
<label for="tab3">Tab 3</label>
</div>
<section class="tab-content active">
<h2>Leaderboard</h2>
<table>
<tr>
<th><a class="user" href="https://www.huggingface.co/fffiloni" target=”_blank” rel="noopener"><img src="/ico_hf.png" alt="HuggingFace logo"> fffiloni</a> </th>
<th><a href="https://www.twitter.com/fffiloni" target=”_blank” rel="noopener"><img src="/ico_x.png" alt="X logo"> @fffiloni</a></th>
<th><a href="https://www.github.com/fffiloni" target=”_blank” rel="noopener"><img src="/ico_git.png" alt="Github logo"> github.com/fffiloni</a></th>
</tr>
<tr>
<th><a class="user" href="https://www.huggingface.co/fffiloni" target=”_blank” rel="noopener"><img src="/ico_hf.png" alt="HuggingFace logo"> fffiloni</a> </th>
<th><a href="https://www.twitter.com/fffiloni" target=”_blank” rel="noopener"><img src="/ico_x.png" alt="X logo"> @fffiloni</a></th>
<th><a href="https://www.github.com/fffiloni" target=”_blank” rel="noopener"><img src="/ico_git.png" alt="Github logo"> github.com/fffiloni</a></th>
</tr>
<tr>
<th><a class="user" href="https://www.huggingface.co/fffiloni" target=”_blank” rel="noopener"><img src="/ico_hf.png" alt="HuggingFace logo"> fffiloni</a> </th>
<th><a href="https://www.twitter.com/fffiloni" target=”_blank” rel="noopener"><img src="/ico_x.png" alt="X logo"> @fffiloni</a></th>
<th><a href="https://www.github.com/fffiloni" target=”_blank” rel="noopener"><img src="/ico_git.png" alt="Github logo"> github.com/fffiloni</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> |