Freesound_Search/index.html at master · splnlss/Freesound_Search · 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
 <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Sound Stumble - a playful sample finder for FreeSound.org</title>
    <link href="index.css" rel="stylesheet" type="text/css" />
  </head>

  <body>
    <header role="banner" class="landingPage">
    <form action="#" name="FreeSoundSearch" method="get" id="freeSoundSearch" role="search" class="landingPage">
        <fieldset>
          <label for="q" id="searchText">Sound Search Term </label>
          <input type="search" name="q" id="q" placeholder="...meow">
          <input type="submit" value="Submit">
        </fieldset>
      </form>
      <div class="soundLink" id="soundLink" aria-live="assertive"></div>
      <section role="region" id="instructions" aria-live="assertive" class="landingPage">
          <p>Enter search term above to begin searching FreeSound.org.</p>
          <p>Sound Stumble is a tool for sound designers and sample enthusiastis to quickly search, preview and dig through new sounds you may not have discovered other wise. </p>
          <p class="desktop"> For desktop, use mouse to roll-over each circle to preview sound. Click to dig down and search for related samples of that sound. To download sound click on the sounds link in upper right corner</p>
          <p class="mobile"> For mobile, tap and hold finger on circle to preview sound. Double tap with finger to select associated samples of that node. This helps dig down and search for related samples of that sound. To download sound click on the sounds link in upper right corner</p>
      </section>
    </header>
      <main role="main" id="main" class="landingPage" aria-live="assertive">
        <div id="results"></div>
      <!-- <section role="region" id="instructions" aria-live="assertive" class="landingPage">
        <span>Enter search term above to begin searching FreeSound.org </span>
      </section> -->
    </main>

<!-- End Scrips -->
  <script src="https://code.jquery.com/jquery-3.2.1.min.js"
  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
  crossorigin="anonymous"></script>
  <script src="https://d3js.org/d3.v4.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.0.5/howler.core.min.js"></script>
  <script src="js/index.js"></script>
  <script src="js/onClickSVG.js"></script>

  </script>
  </body>
</html>