index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="dashboard.css">
    <script defer src="dashboardcode.js"></script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title></title>
</head>
<body>
    <h3 id="category">Dashboard for project </h3>
    <h6><a id="subhead">(based on Category:[Missing])</a></h6>
    <button id="toggleData">Toggle Data</button>
<div class="maingrid">
  <div class="section">Top pages by edit count
    <div class="infolist" id="articlelist"></div>
  </div>
  <div class="section">Top users by number of pages edited
    <div class="infolist" id="userlist"></div>
  </div>
  <div class="section">Recent Edits
    <div class="infolist" id="minorlist"></div>
  </div>
  <div class="section">Recent Users
    <div class="infolist" id="recentlist"></div>
  </div>
</div>
</body>
</html>