-
Notifications
You must be signed in to change notification settings - Fork 0
/
slamstr.html
162 lines (89 loc) · 4.94 KB
/
slamstr.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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>slamstr</title>
<link href="fixed-positioning.css" rel="stylesheet" type="text/css" />
<link href="landing.css" rel="stylesheet" type="text/css" />
<script src="http://jwpsrv.com/library/NehFHIphEeOg5SIACi0I_Q.js"
type="text/javascript"></script>
</head>
<body>
<div id="bg1" data-0="background-position:0px 0px;" data-end="background-position:-500px -7000px;"></div>
<div id="bg2" data-0="background-position:0px 0px;" data-end="background-position:-500px -6000px;"></div>
<div id="bg3" data-0="background-position:0px 0px;" data-end="background-position:-500px -5000px;"></div>
<div id="intro" data-0="opacity:1;top:3%;transform:rotate(0deg);transform-origin:0 0;" data-500="opacity:0;top:-10%;">
<div align="right">
<img src="images/banner.jpg" alt="hamster"
width="100%" height="165px">
</div>
<br>
<div id="indexeasing" >
<h1 style="color: #4099FF;"> Love new music?</h1>
<p>Of course you do. Who doesn't? But when was the last time you discovered a new band without the man telling you it's OK to like this band. Here at slamstr we believe in the unsigned, the underdogs, the true backbone of all that is great in music. We want you to decide what you like, we want artists to find fans they never believed they could have. We want to revolutionise the way people listen to music. <p></span>
<p class="arrows">▼ ▼ ▼</p>
</div>
</div>
<div id="easing_wrapper" data-500="display:block;" data-500="background:rgba(0, 0, 0, 0);color[swing]:rgb(0,0,0);" data-2000="background:rgba(0,0,0,0);color:rgb(0,0,0);" data-7000="top:0%;" data-7000="top:-100%;">
<div id="easing" data-500="left:100%" data-1000="left:25%;">
<span data-0="" data-500="color[swing]:rgb(64,153,255);" data-2000="color:rgb(255,255,255);">
<h1 > To highlight why we feel so passionate</h1>
</span>
<span data-0="" data-500="color[swing]:rgb(0,0,0);" data-2000="color:rgb(255,255,255);">
<p> about giving new artists a chance we put our maths hats on and did some calculations. </p>
<p>In the last 20 years 2000 million people have entered this world. (I'm afraid that you will have trust me on). Now let's assume 1 in every 1000 people have played in a band at some point in their life. That gives us 2 million cool music types. I reckon the average band size is 4, so that's just under 500000 bands. Of these let's say 1 in 1000 make it. This gives us 500 bands you've probably heard and a massive 499500 you haven't heard.</p>
<p>Interested? Great. So what next?</p>
</span>
</div>
</div>
<div id="easing_wrapper" data-2000="display:block;" data-4000="background:rgba(0, 0, 0, 0);color[swing]:rgb(0,0,0);" data-2000="background:rgba(0,0,0,0);color:rgb(0,0,0);" data-7000="top:0%;" data-7000="top:-100%;">
<div id="easing" data-2000="left:100%" data-2500="left:25%;">
<span data-0="" data-2000="color[swing]:rgb(0,0,0);" data-4000="color:rgb(255,255,255);">
<span data-0="" data-2000="color[swing]:rgb(64,153,255);" data-4000="color:rgb(255,255,255);">
<h1> Our Vision </h1>
</span>
<span data-0="" data-2000="color[swing]:rgb(0,0,0);" data-4000="color:rgb(255,255,255);">
<p> Allow our algorithms to select a battle for your viewing pleasure or filter the battles by genre.</p>
<p>Watch the videos</p>
<p> Vote for the winner </p>
<p> If you liked what you heard, add the tracks to your personal playlist</p>
<p> Share the tracks on social media and be the first to find the next big thing</p>
<p> See who's getting the most love</p>
<p> Listen to your playlist </p>
<p> Upload your own music to be battled </p>
</span>
</div>
</div>
</div>
<div id="easing_wrapper" data-4000="display:block;" data-7000="background:rgba(0, 0, 0, 0);color[swing]:rgb(0,0,0);" data-7000="background:rgba(0,0,0,0);color:rgb(0,0,0);" data-7000="top:0%;" data-7000="top:-100%;">
<div id="easing" data-4000="left:100%" data-4500="left:25%;">
<span data-0="" data-7000="color[swing]:rgb(64,153,255);" data-7000="color:rgb(255,255,255);">
<h1>Sounds great. How do I join the revolution?</h1>
</span>
<span data-0="" data-7000="color[swing]:rgb(0,0,0);" data-7000="color:rgb(255,255,255);">
<p style="font-size:20pt"> Just give slamstr the hamstr a little click and your journey will begin. </p>
<center>
<a href="/"><img src="images/HamsterRock.jpg" alt="hr" width="50%" height="50%"></a>
</center>
</span>
</div>
</div>
</div>
<script type="text/javascript" src="skrollr.min.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="dist/skrollr.ie.min.js"></script>
<![endif]-->
<script type="text/javascript">
var s = skrollr.init({
edgeStrategy: 'set',
easing: {
WTF: Math.random,
inverted: function(p) {
return 1-p;
}
}
});
</script>
</body>
</html>