forked from varkor/quiver
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
73 lines (70 loc) · 11.5 KB
/
index.html
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
73
<!DOCTYPE html>
<html data-bs-theme="light" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>QuiverBee</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/animate.min.css">
<link rel="stylesheet" href="assets/css/iframe.css">
<link rel="stylesheet" href="assets/css/Navbar-Right-Links-icons.css">
<link rel="stylesheet" href="assets/css/styles.css">
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
</head>
<body class="d-sm-flex justify-content-sm-center" style="margin: 0;width: 100%;font-size: 37px;">
<nav class="navbar navbar-expand-md sticky-top bg-body bg-opacity-10 bg-gradient d-flex float-start justify-content-center align-items-center align-content-center align-self-center flex-wrap align-items-sm-center py-0" style="width: 100%;position: absolute;pointer-events: none;z-index: 1;margin-top: 0px;">
<div class="container-fluid"><a class="navbar-brand d-flex align-items-center" href="https://github.com/enjoysmath/quiver-bee" style="width: auto;margin-right: -2px;pointer-events: all;"><span class="bounce animated"><img src="assets/img/quiver.svg" width="150" height="58">🐝</span></a>
<div class="btn-group btn-group-sm border rounded-circle justify-content-center" role="group" id="quiver-buttons" style="pointer-events: all;position: relative;margin-left: -8px;height: 45px;width: auto;padding-left: 0px;border-width: 0px;border-color: rgb(33, 37, 41);margin-right: -6px;"><button class="btn btn-primary d-inline-flex float-start d-md-flex align-items-center align-items-md-center align-items-lg-center" type="button" style="padding-right: 6px;padding-left: 7px;padding-top: 4px;border-radius: 6px 0px 0px 6px;"><br><br><br><span>Save</span><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-cloud-arrow-up-fill" style="font-size: 24px;margin-left: 0px;">
<path d="M8 2a5.53 5.53 0 0 0-3.594 1.342c-.766.66-1.321 1.52-1.464 2.383C1.266 6.095 0 7.555 0 9.318 0 11.366 1.708 13 3.781 13h8.906C14.502 13 16 11.57 16 9.773c0-1.636-1.242-2.969-2.834-3.194C12.923 3.999 10.69 2 8 2zm2.354 5.146a.5.5 0 0 1-.708.708L8.5 6.707V10.5a.5.5 0 0 1-1 0V6.707L6.354 7.854a.5.5 0 1 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2z"></path>
</svg></button><button class="btn btn-primary float-end d-md-flex align-items-md-center align-items-lg-center" type="button" onclick="" style="padding-right: 5px;margin-right: 0px;padding-left: 9px;margin-top: 0px;"><span>Undo</span><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-90deg-left" style="font-size: 20px;margin-right: 0px;">
<path fill-rule="evenodd" d="M1.146 4.854a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H12.5A2.5 2.5 0 0 1 15 6.5v8a.5.5 0 0 1-1 0v-8A1.5 1.5 0 0 0 12.5 5H2.707l3.147 3.146a.5.5 0 1 1-.708.708l-4-4z"></path>
</svg></button><button class="btn btn-primary d-md-flex align-items-md-center align-items-lg-center" type="button" style="color: rgb(255, 255, 255);padding-right: 7px;margin-right: -2px;padding-left: 6px;"><span>Redo</span><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-90deg-right" style="font-size: 20px;margin-left: 1px;">
<path fill-rule="evenodd" d="M14.854 4.854a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 4H3.5A2.5 2.5 0 0 0 1 6.5v8a.5.5 0 0 0 1 0v-8A1.5 1.5 0 0 1 3.5 5h9.793l-3.147 3.146a.5.5 0 0 0 .708.708l4-4z"></path>
</svg></button>
<div class="dropdown btn-group d-lg-flex align-items-lg-center btn btn-primary" role="group" data-bs-theme="light" style="padding-left: 7px;padding-right: 5px;margin-right: 0px;"><a class="d-md-flex align-items-md-center" aria-expanded="false" data-bs-toggle="dropdown" href="#" style="color: #ffffff;text-decoration: none;"><span>Select</span><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-cursor" style="font-size: 20px;">
<path d="M14.082 2.182a.5.5 0 0 1 .103.557L8.528 15.467a.5.5 0 0 1-.917-.007L5.57 10.694.803 8.652a.5.5 0 0 1-.006-.916l12.728-5.657a.5.5 0 0 1 .556.103zM2.25 8.184l3.897 1.67a.5.5 0 0 1 .262.263l1.67 3.897L12.743 3.52 2.25 8.184z"></path>
</svg></a>
<div class="dropdown-menu border-1 border-primary shadow-none" style="--bs-dropdown-min-width: 5em;margin-top: 10px;background: rgb(255, 255, 255);border-radius: 8px;border-width: 2px;margin-left: 0px;"><a class="dropdown-item d-md-flex align-items-md-center" href="#">All <span class="shortcut-text">(Ctrl+A)</span></a><a class="dropdown-item d-md-flex align-items-md-center" href="#">None <span class="shortcut-text">(Shift+Ctrl+A)</span></a></div>
</div>
<div class="dropdown btn-group d-lg-flex align-items-lg-center btn btn-primary" role="group" data-bs-theme="light" style="padding-left: 7px;padding-right: 5px;margin-right: 0px;"><a class="d-md-flex align-items-md-center" aria-expanded="false" data-bs-toggle="dropdown" href="#" style="color: #ffffff;text-decoration: none;"><span>Zoom</span><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-search" style="font-size: 20px;">
<path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"></path>
</svg></a>
<div class="dropdown-menu border-1 border-primary shadow-none" style="--bs-dropdown-min-width: 5em;margin-top: 10px;background: rgb(255, 255, 255);border-radius: 8px;border-width: 2px;margin-left: -42px;"><a class="dropdown-item d-md-flex align-items-md-center" href="#">In <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-zoom-in">
<path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"></path>
<path d="M10.344 11.742c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1 6.538 6.538 0 0 1-1.398 1.4z"></path>
<path fill-rule="evenodd" d="M6.5 3a.5.5 0 0 1 .5.5V6h2.5a.5.5 0 0 1 0 1H7v2.5a.5.5 0 0 1-1 0V7H3.5a.5.5 0 0 1 0-1H6V3.5a.5.5 0 0 1 .5-.5z"></path>
</svg> <span class="shortcut-text">(Ctrl+=)</span></a><a class="dropdown-item d-md-flex align-items-md-center" href="#">Out <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-zoom-out">
<path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"></path>
<path d="M10.344 11.742c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1 6.538 6.538 0 0 1-1.398 1.4z"></path>
<path fill-rule="evenodd" d="M3 6.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z"></path>
</svg> <span class="shortcut-text">(Ctrl+-)</span></a><a class="dropdown-item d-md-flex align-items-md-center" href="#">Reset <span class="shortcut-text"></span></a>
<div class="dropdown-divider"></div><a class="dropdown-item d-md-flex align-items-md-center" href="#">Center <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-focus-2" style="font-size: 20px;">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<circle cx="12" cy="12" r=".5" fill="currentColor"></circle>
<circle cx="12" cy="12" r="7"></circle>
<line x1="12" y1="3" x2="12" y2="5"></line>
<line x1="3" y1="12" x2="5" y2="12"></line>
<line x1="12" y1="19" x2="12" y2="21"></line>
<line x1="19" y1="12" x2="21" y2="12"></line>
</svg> <span class="shortcut-text">(G)</span></a>
</div>
</div>
<div class="dropdown btn-group d-lg-flex align-items-lg-center btn btn-primary" role="group" style="padding-left: 7px;padding-right: 5px;margin-right: 0px;"><a class="d-md-flex align-items-md-center" aria-expanded="false" data-bs-toggle="dropdown" href="#" style="color: #ffffff;text-decoration: none;"><span>More</span><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-three-dots" style="font-size: 20px;">
<path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"></path>
</svg></a>
<div class="dropdown-menu border-1 border-primary shadow-none" style="--bs-dropdown-min-width: 5em;margin-top: 10px;background: rgb(255, 255, 255);border-radius: 8px;border-width: 2px;margin-left: -94px;"><a class="dropdown-item d-flex align-items-center" href="#">Hide Grid <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-grid-3x3">
<path d="M0 1.5A1.5 1.5 0 0 1 1.5 0h13A1.5 1.5 0 0 1 16 1.5v13a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 14.5v-13zM1.5 1a.5.5 0 0 0-.5.5V5h4V1H1.5zM5 6H1v4h4V6zm1 4h4V6H6v4zm-1 1H1v3.5a.5.5 0 0 0 .5.5H5v-4zm1 0v4h4v-4H6zm5 0v4h3.5a.5.5 0 0 0 .5-.5V11h-4zm0-1h4V6h-4v4zm0-5h4V1.5a.5.5 0 0 0-.5-.5H11v4zm-1 0V1H6v4h4z"></path>
</svg> <span class="shortcut-text">(H)</span></a>
<div class="dropdown-divider"></div><a class="dropdown-item d-md-flex align-items-md-center" href="#">Show Hints <span class="shortcut-text">(Shift+Ctrl+H)</span></a><a class="dropdown-item d-md-flex align-items-md-center" href="#">Show Queue <span class="shortcut-text"></span></a><a class="dropdown-item d-md-flex align-items-md-center" href="#">Shortcuts <span class="shortcut-text">(Ctrl+/)</span></a><a class="dropdown-item d-md-flex align-items-md-center" href="#">About</a>
</div>
</div>
</div>
</div>
</nav>
<div class="container" style="padding: 0px;width: 100%;height: 100%;margin: 0;max-width: 100%;"><iframe src="src/index.html" style="width:99.5vw;height:91.5vh;position:relative;display:flex;border:none;overflow:hidden" scrolling="yes" frameborder="0" allowTransparency="true"></iframe>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/quiver-interface.js"></script>
</body>
</html>