Spaces:
Running
Running
File size: 3,715 Bytes
25c2a97 da06a4e 283bea8 da06a4e b27d324 da06a4e 2576081 b142d69 b27d324 a3c9bab b27d324 a3c9bab b27d324 a3c9bab 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 |
<!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>
<p>
<b><a href="https://www.huggingface.co/fffiloni" target=”_blank” rel="noopener"><img src="/ico_hf.png" alt="HuggingFace logo"> fffiloni</a></b>
<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_li.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> |