header.html

  <div id="content" class="container-fluid d-flex flex-column align-items-center gap-3">
    <h1 class="text-nowrap mt-5"> <img class="scale" src="resources/butterfly_dark.png" onmouseover="this.src='resources/imp.png';" onmouseout="this.src='resources/butterfly_dark.png';"> EvoEval: Evolving Coding Benchmarks via LLM</h1>
    <div class="d-flex flex-row justify-content-center gap-1">
      <a href="leaderboard.html"><img
          src="https://img.shields.io/badge/🏆-LeaderBoard-8e7cc3?style=for-the-badge"
          alt="github" class="img-fluid"></a>
      <a href="visualization.html"><img
          src="https://img.shields.io/badge/🔮-Visualization-3d85c6?style=for-the-badge"
          alt="visual" class="img-fluid"></a>
      <a href="https://arxiv.org/abs/2403.19114"><img
          src="https://img.shields.io/badge/📃-Arxiv-b31b1b?style=for-the-badge"
          alt="arxiv" class="img-fluid"></a>
      <a href="https://huggingface.co/evoeval"><img
          src="https://img.shields.io/badge/🤗-Huggingface-f59e0b?style=for-the-badge"
          alt="huggingface" class="img-fluid"></a>
      <a href="https://github.com/evo-eval/evoeval"><img
          src="https://img.shields.io/badge/EvoEval-000000?style=for-the-badge&logo=github"
          alt="github" class="img-fluid"></a>
    </div>
  </div>