-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
113 lines (100 loc) · 6 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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html>
<head>
<title>Warner Verduijn, composer and sound designer</title>
<meta name="viewport" content="width=device-width, user-scalable=no">
<link rel="icon" type="image/png" href="/favicon-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/favicon-160x160.png" sizes="160x160">
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.min.css">
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/smoothness/jquery-ui.css" />
<link href='http://fonts.googleapis.com/css?family=Poiret+One|Quicksand' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="./css/style.css"/>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-56406138-1', 'auto');
ga('send', 'pageview');
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.17.8/js/jquery.tablesorter.min.js"></script>
<script type="text/javascript" src="http://www.youtube.com/iframe_api"></script>
<script src="./js/main.js"></script>
<meta name="description" content="Warner Verduijn is a Dutch composer and sound designer for Games and Film. His audio Production has a clear and lively sound. Warner's music is strongly based on emotions and atmosphere which he finds important to intensify the experience of the game or video.">
<meta name="keywords" content="composer, game music, film music, music, sound design">
<meta property="og:title" content="Warner Verduijn, composer and sound designer" />
<meta property="og:type" content="website">
<!-- <meta property="og:url" content="http://www.warnerverduijn.com/">-->
<meta property="og:description" content="Warner Verduijn is a Dutch composer and sound designer for Games and Film. His audio Production has a clear and lively sound. Warner's music is strongly based on emotions and atmosphere which he finds important to intensify the experience of the game or video." />
<meta property="og:image" content="http://www.warnerverduijn.com/cover.png" />
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="490">
<meta property="og:image:height" content="322">
</head>
<body>
<div class="header">
<div class="gradient"></div>
<div class="info">
<div class="logo"><img src="./img/logo.png" alt="Warner Veruijn"></div>
<div class="subtext">Warner Verduijn<br/><small>Composer and Sound Designer</small></div>
</div>
</div>
<div class="bgcolor">
<i class="playpause showhand fa fa-play fa-lg"></i>
<div class="bar">
<div class="player">
<audio class="audio" preload="none">
<source src="" type="audio/mp3">
Your browser does not support the audio element.
</audio>
<div class="progressbar showhand">
<div class="progress">
<div class="time"></div>
<div class="fill"></div>
</div>
</div>
<div class="duration pull-right"></div>
<div class="title"></div>
</div>
</div>
<div class="youtube-player">
<div class="video-wrapper">
<i class="close fa fa-times fa-2x"></i>
<div class="responsive-video-wrapper">
<iframe width="560" height="315" src="" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
<div class="wrapper">
<table class="songlist tablesorter">
<thead>
<tr>
<th class="title"><span class="headtext">TITLE</span></th>
<th class="video"></th>
<th class="genre"><span class="headtext">GENRE</span></th>
<th class="time"><span class="headtext">TIME</span></th>
<th class="added"><span class="headtext">ADDED</span></th>
</tr>
</thead>
<tbody>
<!-- songs inserted by js -->
</tbody>
</table>
</div>
<div class="footer">
<div class="contact"><i class="fa fa-envelope fa-lg"></i> composer <i class="fa fa-at"></i> warnerverduijn . com</a>
</div>
<div class="pow">
<a class="soundcloud" href="https://soundcloud.com/warnerverduijn"><img src="./img/soundcloud-light.png" alt="powered by soundcloud"></a>
<span class="and">& <i class="fa fa-laptop fa-lg"></i> JANDER VERDUIJN</span>
</div>
<span class="copy">© 2015 Warner Verduijn. All rights reserved.</span>
</div>
</div>
</body>
</html>