grgr
/
constraint-wp
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

supi

Browse Source
master
supisara 3 years ago
parent 635bfcfd26
commit aee4f7514a
4 changed files with 732 additions and 131 deletions
Show Stats Download Patch File Download Diff File

11
css/main.css
Unescape Escape View File

@ -1,9 +1,4 @@
body { body{
font: 20px/1.1em arial, sans-serif; font:20px/1.1em arial, sans-serif;
background: lightgray; background:lightgray;
}
#drag-alarm {
display: none;
background-color: red;
} }

103
css/reset.css
Unescape Escape View File

@ -1,103 +0,0 @@
html {
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
p,
pre,
blockquote,
figure,
hr {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
}
ul {
list-style: none;
}
input,
textarea,
select,
button {
color: inherit;
font: inherit;
letter-spacing: inherit;
}
input,
textarea,
button {
border: 1px solid gray;
}
button {
border-radius: 0;
padding: 0.75em 1em;
background-color: transparent;
}
button * {
pointer-events: none;
}
embed,
iframe,
img,
object,
video {
display: block;
max-width: 100%;
}
table {
table-layout: fixed;
width: 100%;
}
[hidden] {
display: none !important;
}
noscript {
display: block;
margin-bottom: 1em;
margin-top: 1em;
}
/* Buttons and input buttons */
[role="button"],
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
background: none;
border: 0;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
padding: 0;
-webkit-appearance: button;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
border: 0;
padding: 0;
}

738
index.html
Unescape Escape View File

@ -2,31 +2,741 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>grr</title>
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/main.css" /> <link rel="stylesheet" type="text/css" href="css/main.css" />
<script src='js/main.js' defer></script>
</head> </head>
<body> <body>
<input type="range" id="slider" onmousedown="slideon(this)" onmouseup="slideoff(this)" oninput="trill(this)"> <input type="range" id="slider" onmousedown="slideon(this)" onmouseup="slideoff(this)" oninput="trill(this)">
<div id="drag-alarm">something is being dragged at value</div> <div id="drag-alarm">something is being dragged at value</div>
<br> <br>
<br> <br>
<br> <br>
<h1 id="trill">noise</h1> <h1 id="trill">noise</h1>
<audio id="player" src="./drag chair.WAV"></audio>
<audio id="player"controls src="./drag chair.WAV"></audio>
<button id="button">play</button> <button id="button">play</button>
<div class="slidecontainer">
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop.!')">loop</button>
<button type="button" onclick="alert('loop')">loop</button>
</div>
</body> </body>
<script type="text/javascript" src="js/main.js"></script>
</html> </html>

9
js/main.js
Unescape Escape View File

@ -1,4 +1,3 @@
var trilled = document.getElementById("trill") var trilled = document.getElementById("trill")
var alarm = document.getElementById("drag-alarm"); var alarm = document.getElementById("drag-alarm");
@ -16,17 +15,17 @@ function trill(id) {
var aaa = (Math.round(Math.random()))*2 var aaa = (Math.round(Math.random()))*2
trilled.style.transform = `rotate(${aaa}deg)` trilled.style.transform = `rotate(${aaa}deg)`
} }
//player
// for the audio
let player = document.querySelector('#player') let player = document.querySelector('#player')
let button = document.querySelector('#button') let button = document.querySelector('#button')
let playing = false let playing = false
button.onclick = function(){ button.onclick = function(){
console.log("hellooo") console.log("hellooo")
loop_segment(player) change_segment(player)
} }
function change_segment(audio) { function change_segment(audio) {
if (playing == true) { if (playing == true) {
clearInterval(audio); clearInterval(audio);
@ -44,7 +43,7 @@ function loop_segment(audio) {
playing = true playing = true
console.log(audio_len) console.log(audio_len)
var duration = 0.3 //sec var duration = 0.0000001 //sec
var start_time = Math.random()* (audio_len - duration) var start_time = Math.random()* (audio_len - duration)
console.log(start_time) console.log(start_time)
audio.play() audio.play()

Write Preview
Loading…
Cancel
Save