shot/popup.html at main · bomberstudios/shot · 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
42
43
44
45
46
47
48
49
<!doctype html>
<html lang="en">

  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <title>Shot!</title>
    <link rel="stylesheet" href="popup.css" />
  </head>

  <body>
    <h1>Shot!</h1>

    <section>
      <h2>Resize</h2>
      <div class="controls">
        <select id="preset">
          <option value="800x600">800×600</option>
          <option value="1024x768">1024×768</option>
          <option value="1280x800">1280×800</option>
          <option value="1366x768">1366×768</option>
          <option value="1440x900">1440×900</option>
          <option value="1920x1080">1920×1080</option>
          <option value="2560x1440">2560×1440</option>
          <option value="custom">Custom…</option>
        </select>
        <div id="custom-size" hidden>
          <input type="number" id="custom-w" min="1" placeholder="W" />
          <span>×</span>
          <input type="number" id="custom-h" min="1" placeholder="H" />
        </div>
        <button id="resize">Resize</button>
      </div>
    </section>

    <section>
      <h2>Capture</h2>
      <div class="controls">
        <button id="capture-visible">Visible</button>
        <button id="capture-full" disabled>Full Page (Soon)</button>
      </div>
    </section>

    <div id="status" aria-live="polite">Shot! v1.1 ready to roll!</div>

    <script src="popup.js"></script>
  </body>

</html>