-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
88 lines (81 loc) · 4.07 KB
/
index.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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Collection | Musical Sheets</title>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Import CSS stylesheets -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/materialize.css" media="screen,projection">
<link rel="stylesheet" href=https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/dropzone.css>
<link rel="stylesheet" href="css/main.css">
<!--Website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--Import jQuery and Materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/materialize.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<!-- Favicon code -->
<link rel="apple-touch-icon" sizes="120x120" href="img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
<link rel="manifest" href="img/manifest.json">
<link rel="mask-icon" href="img/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
<!-- End Favicon code -->
</head>
<header>
<nav class="nav-fixed">
<div class="nav-wrapper">
<a href="index.html" class="left hide-on-med-and-down brand-logo">Muvïc</a>
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons burger">menu</i></a>
<ul class="right hide-on-med-and-down">
<li><a href="index.html">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="/collection">Collection</a></li>
<li><a href="#">Shop</a></li>
</ul>
</div>
</nav>
<ul class="side-nav" id="mobile-demo">
<li><a href="index.html" onclick="$('.button-collapse').sideNav('hide');">Home</a></li>
<li><a href="#about" onclick="$('.button-collapse').sideNav('hide');">About</a></li>
<li><a href="UI/library/index.html" onclick="$('.button-collapse').sideNav('hide');">Collection</a></li>
<li><a href="#" onclick="$('.button-collapse').sideNav('hide');">Shop</a></li>
</ul>
<div class="cover-photo">
<div class="logodiv">
<h2 style="color:white;">A smart web-based sheet music manager</h2>
<a href="/collection" class="btn-large waves-effect waves-light blue">Open Demo</a>
</div>
</div>
<div id="arrow-click" onclick="scroll_to('#about')" style="cursor: pointer;" class="arrow-down center-align"></div>
</header>
<body>
<section id="about">
<div class="container">
<h1 class="center-align">About</h1>
<div class="about-text row">
<p class="flow-text">Muvïc allows a user select a pdf of sheet music from your collection. Want more sheet music in your collection?
Muvïc allows you to upload your music sheets PDF or lets you explore a variety of sheets available for download from the shop.
Once you have selected a piece to play, Muvïc will ask for access to your device's camera.
Once Muvïc recognizes and maps your face, you will be able to use facial cues to move through
the music sheets. You can try it yourself by raise your eyebrows to progress to the next section.
Conversely, you can go to the previous part by furrowing your eyebrows.
</p>
</div>
</div>
</div>
</section>
<section id="collection">
<div class="row">
<div class="col 12">
</div>
<div class="col 12">
<img class=" collection-image responsive-img" src="img/record-collection.jpg">
</div>
</div>
</section>
</body>
</html>