Spaces:
Running
Running
File size: 3,622 Bytes
25c2a97 da06a4e 283bea8 da06a4e b27d324 da06a4e 2576081 b27d324 05219c3 b27d324 05219c3 b27d324 05219c3 b27d324 05219c3 b27d324 283bea8 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 |
<!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>
<ul>
<li>
<div>
<div>
<h3>fffiloni</h3>
<p>
<a href="https://huggingface.co/fffiloni">huggingface.co/fffiloni</a>
<span class="mx-2">|</span>
<a href="https://twitter.com/fffiloni"><img src="https://via.placeholder.com/16x16" alt="X.com logo">@fffiloni</a>
<span class="mx-2">|</span>
<a href="https://github.com/fffiloni"><img src="https://via.placeholder.com/16x16" alt="Github.com 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> |