<!DOCTYPE html>
<html lang="en">
  <!--------------------------------head-------------------------------->
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Urbanist:ital,wght
  @0,100;0,400;0,900;1,100;1,400;1,900&display=swap"
      rel="stylesheet"
    />
    <link href="css/styles.css" rel="stylesheet" />
    <title>homepage/gameplay/leaderboard</title>
  </head>
  <!--------------------------------body-------------------------------->
  <body>
    <!--------------------------------navbar-------------------------------->
    <nav class="nav_bar">
      <a href="logs" class="main_logo">Logs</a>
    </nav>

    <section class="logs">
      <h1>LeaderBoard</h1>
      <ul>
        <% logs.forEach(function(dat) { %> User: <%= dat.UserName %>
        <br />
        Message: <%= dat.Message%>
        <br />
        Time: <%= dat.Time%>
        <br />
        <br />
        <% }); %>
      </ul>
    </section>
  </body>
</html>
