-
Notifications
You must be signed in to change notification settings - Fork 7
/
faq.html
58 lines (49 loc) · 2.09 KB
/
faq.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>The Nostalgia Machine</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="../css/style.css">
<script src="../bower_components/jQuery/dist/jquery.min.js"></script>
<link href="http://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
<script src="https://use.fontawesome.com/0f4eef4a59.js"></script>
</head>
<body>
<header class="big">
<a href="/"><h1>The<br> Nostalgia<br> Machine</h1></a>
</header>
<section>
<h3>I've found a broken video!</h3>
<p>Thanks! Follow the instructions <a href="badVideo.html">here</a> to report it.</p>
<h3>Who made this sweet website?</h3>
<p>Eliot and Jacob</p>
<h3>How did you get all the data?</h3>
<p>The data is based off the <a href="https://en.wikipedia.org/wiki/Billboard_Year-End_Hot_100_singles_of_2015">Billboard year-end hot singles</a> chart. We then used that data to scrape youtube for videos.</p>
<h3>Why don't you have <em>[artist name here]</em> ?! They were all the rage!</h3>
<p>The billboard chart only tracks american pop music. So if the artist never sold records in america, they might not make the chart, sorry. Also, they might just be too obscure.</p>
<h3>How does this site make money?</h3>
<p>Fun fact, we don't make any money off this site - but we also dont lose money. It's served 10's of millions of visitors, but it's powered by other fantastic companies. We'd like to thank Github Pages, Youtube, Embedly, Disco.io, and Steve.</p>
<h3>I liked the old version better!</h3>
<p><a href="/old">Check it out here</a></p>
</section>
</body>
<style type="text/css">
section{
max-width: 600px;
margin-top: 200px;
margin-left: auto;
margin-right: auto;
background-color: white;
padding: 20px;
}
header a{
color: white;
text-decoration: none;
}
header a:hover{
text-decoration: underline;
}
</style>
</html>