diff --git a/css/main.css b/css/main.css
index 3dbbd70..6353428 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,9 +1,4 @@
-body {
- font: 20px/1.1em arial, sans-serif;
- background: lightgray;
-}
-
-#drag-alarm {
- display: none;
- background-color: red;
+body{
+ font:20px/1.1em arial, sans-serif;
+ background:lightgray;
}
diff --git a/css/reset.css b/css/reset.css
deleted file mode 100644
index 2be1cb6..0000000
--- a/css/reset.css
+++ /dev/null
@@ -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;
-}
diff --git a/index.html b/index.html
index f081e29..daae027 100644
--- a/index.html
+++ b/index.html
@@ -2,31 +2,741 @@
- grr
-
+
-
-
-
-
-
-
something is being dragged at value
noise
-
-
-
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
diff --git a/js/main.js b/js/main.js
index fe8c2ce..1712d33 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1,4 +1,3 @@
-
var trilled = document.getElementById("trill")
var alarm = document.getElementById("drag-alarm");
@@ -16,17 +15,17 @@ function trill(id) {
var aaa = (Math.round(Math.random()))*2
trilled.style.transform = `rotate(${aaa}deg)`
}
-
-// for the audio
+//player
let player = document.querySelector('#player')
let button = document.querySelector('#button')
let playing = false
button.onclick = function(){
- console.log("hellooo")
- loop_segment(player)
+ console.log("hellooo")
+ change_segment(player)
}
+
function change_segment(audio) {
if (playing == true) {
clearInterval(audio);
@@ -44,7 +43,7 @@ function loop_segment(audio) {
playing = true
console.log(audio_len)
- var duration = 0.3 //sec
+ var duration = 0.0000001 //sec
var start_time = Math.random()* (audio_len - duration)
console.log(start_time)
audio.play()