Bubble-Wrap/index.html at develop · lisa-wolfgang/Bubble-Wrap · 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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html>
  <head>
    <title>Bubble Wrap</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="preload" href="assets/fonts/Calamity-Bold.woff2" as="font" crossorigin />
    <link rel="preload" href="assets/fonts/Calamity-Regular.woff2" as="font" crossorigin />
    <link rel="preload" href="assets/fonts/Inter-Regular.woff" as="font" crossorigin />
    <link rel="preload" href="assets/fonts/Inter-Bold.woff2" as="font" crossorigin />
    <link rel="stylesheet" href="styles/normalize.css" />
    <link rel="stylesheet" href="styles/index.css" />
    <link rel="manifest" href="manifest.json" />
  </head>
  <body>
    <div class="app-container">
      <div class="app">
        <div class="sidebar">
          <div class="sidebar-section title-block">
            <h1 class="title">Bubble Wrap</h1>
            <p class="version">v0.13.1</p>
          </div>
          <div class="sidebar-section">
            <h2>Export</h2>
            <div class="sidebar-select-container">
              <label>Format</label>
              <div id="export-set-format" class="select-container"></div>
            </div>
            <button class="action" id="export-btn" title="Exports all bubbles to the clipboard with the selected format.">
              Copy to clipboard
            </button>
            <a class="description" id="export-docs" href="" target="_blank"></a>
          </div>
          <div class="sidebar-section">
            <h2>About</h2>
            <p class="warning-modal description">
              Bubble Wrap is still in the development stage, which means that important features are still missing and some functionality
              might be broken. Features may be changed at any time, and this will continue to be the case until Bubble Wrap reaches the
              release stage.
            </p>
            <a href="pages/shortcuts.html" target="_blank" title="Open shortcuts page">Shortcuts</a>
            <a href="pages/changelog.html" target="_blank" title="Open changelog page">Changelog</a>
            <a href="pages/licenses.html" target="_blank" title="Open licenses page">Licenses</a>
            <a href="https://github.com/lisa-wolfgang/Bubble-Wrap" target="_blank" title="Open GitHub repository">GitHub</a>
          </div>
        </div>
        <div class="editor">
          <div class="editor-section editor-header">
            <div class="chain-title">
              <h2>New Chain</h2>
            </div>
            <div class="chain-options">
              <select id="bubble-type">
                <option value="dialogue">Dialogue</option>
                <option value="signboard">Sign</option>
                <option value="item">Item</option>
                <option value="compendium">Compendium</option>
                <option value="questBOTW">Quest (BOTW)</option>
                <option value="questTOTK">Quest (TOTK)</option>
                <option value="tip">Tip</option>
              </select>
              <div id="bubble-set-animation" class="select-container"></div>
              <div id="bubble-set-sound" class="select-container"></div>
              <div id="bubble-add-pause" class="select-container"></div>
            </div>
          </div>
          <div class="editor-section bubble-container"></div>
        </div>
      </div>
    </div>
    <script type="module" src="scripts/index.js"></script>
  </body>
</html>