Spaces:
Running
Running
| <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>1</th> | |
| <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><img src="/ico_follow.png" alt="Followers"> 1324 followers</th> | |
| <th><a class="link" href="https://www.twitter.com/fffiloni" target=”_blank” rel="noopener"><img src="/ico_x.png" alt="X logo"> @fffiloni</a></th> | |
| <th><a class="link" 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>2</th> | |
| <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><img src="/ico_follow.png" alt="Followers"> 1067 followers</th> | |
| <th><a class="link" href="https://www.twitter.com/fffiloni" target=”_blank” rel="noopener"><img src="/ico_x.png" alt="X logo"> @fffiloni</a></th> | |
| <th><a class="link" 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>3</th> | |
| <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><img src="/ico_follow.png" alt="Followers"> 925 followers</th> | |
| <th><a class="link" href="https://www.twitter.com/fffiloni" target=”_blank” rel="noopener"><img src="/ico_x.png" alt="X logo"> @fffiloni</a></th> | |
| <th><a class="link" 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> |