forked from lucahendicott/duration-station
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
44 lines (42 loc) · 2.15 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"
/>
<link rel="stylesheet" href="./assets/css/style.css" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Goldman&display=swap" rel="stylesheet">
<title>Duration Station</title>
</head>
<body>
<main>
<nav>
<div class="nav-wrapper">
<a href="./index.html" class="brand-logo">Duration Station</a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a id="about-section" href="">About</a></li>
</ul>
</div>
</nav>
<section>
<h3 class="about-header">Welcome to the Duration Station!</h3>
<p class="about-text">The purpose of this app is very simple. Say your friend tells you that you MUST check out Ariana Grande's new album ASAP! However, you might be a busy person. You might be thinking, “Okay maybe I can squeeze the album in on my way to work 🤔 , but I know I’m going to love it so much, I don’t want to start the album and be cut off before I can finish it! 😭 ” Welp! This app allows you to search any album by any artist and it will return to you the album runtime. It’s as simple as that. The app will also display the artist name, album title, an album description if one is available and the album track list. The idea started from just displaying an album runtime and evolved into sort of a mini album encyclopedia generator! What fun!</p>
</section>
</main>
<footer class="page-footer">
<div class="footer-copyright">
<div class="container center-align">
© 2020 Fourier Transformers
</div>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script src="./assets/js/helperFunctions.js"></script>
<script src="./assets/js/albumAPIGetter.js"></script>
<script src="./assets/js/app.js"></script>
</body>
</html>