sbedell.github.io/soundcloud.html at master · sbedell/sbedell.github.io · 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
<!DOCTYPE html>
<html lang="en">

<head>
	<title>SoundCloud API Demo</title>
	<meta charset="UTF-8">
	<meta name="description" content="Soundcloud API Demo where you can search for a genre of music and view the top 10 songs of that genre.">
	<meta name="keywords" content="Soundcloud, API, CSE, EDM, Electronic, Music" />
  <meta name="viewport" content="width=device-width, initial-scale=1">

	<link rel="stylesheet" href="./css/mainStyles.css">
	<link rel="stylesheet" href="./css/soundcloud-styles.css">
</head>

<body>
	<div class="main-container">
		<main>
			<h1>SoundCloud API Demo</h1>
			<p>Search Soundcloud for the top 10 songs of any genre!</p>
			<br><br>

			<input id="genre-input" class="input-box" type="text" placeholder="Genre">

			<button id="search-btn" class="my-btn btn-lrg gradient-orange" type="button">Search</button>
			<br><br>

			<h3>Tracks</h3>
			<hr>
			<ol id="results"></ol>
		</main>

		<footer class="main-footer">
			<hr>
			<p>&copy; Steve Bedell 2016 - 2021.</p>
			<p><a href="https://soundcloud.com/"><img alt="Soundcloud Link" src="https://connect.soundcloud.com/2/btn-connect-sc-l.png"></a></p>
			<p><a class="home-link" href="./">Back to Home</a></p>
		</footer>
	</div>

	<script src="https://connect.soundcloud.com/sdk.js"></script>

	<script src="js/soundcloud.js"></script>
</body>
</html>