eds-health-checker/index.html at main · michseixas/eds-health-checker · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>EDS Site Health Checker</title>
  <link rel="stylesheet" href="styles/main.css">
  <script>if (localStorage.getItem('eds-hc-theme') === 'dark') document.documentElement.dataset.theme = 'dark';</script>
</head>
<body>
  <header id="app-header">
    <h1>EDS Site Health Checker</h1>
    <form id="check-form">
      <input
        id="url-input"
        type="url"
        placeholder="https://www.example.aem.live"
        list="url-history"
        autocomplete="off"
        spellcheck="false"
        required
      >
      <datalist id="url-history"></datalist>
      <input
        id="api-key-input"
        type="password"
        placeholder="PageSpeed API key (optional)"
        autocomplete="off"
        spellcheck="false"
      >
      <button id="submit-btn" type="submit">Run Checks</button>
    </form>
    <button id="theme-btn" type="button">Dark mode</button>
  </header>

  <main id="dashboard"></main>

  <script src="lib/jspdf.umd.min.js"></script>
  <script type="module" src="scripts/main.js"></script>
</body>
</html>