-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
181 lines (177 loc) · 10.5 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
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
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<!DOCTYPE HTML>
<!--|\ ___ \ |\ ___ \ |\ \ |\ \ |\ ___ \ |\ ___ \ |\ ___ \ |\ __ \
\ \ __/| \ \ \_|\ \\ \ \ \ \ \\ \ __/| \ \ __/| \ \ \\ \ \\ \ \|\ \
\ \ \_|/__\ \ \ \\ \\ \ \ __\ \ \\ \ \_|/__\ \ \_|/__\ \ \\ \ \\ \ __ \
\ \ \_|\ \\ \ \_\\ \\ \ \|\__\_\ \\ \ \_|\ \\ \ \_|\ \\ \ \\ \ \\ \ \ \ \
\ \_______\\ \_______\\ \____________\\ \_______\\ \_______\\ \__\\ \__\\ \__\ \__\
\|_______| \|_______| \|____________| \|_______| \|_______| \|__| \|__| \|__|\|__|
Edweena Internet Group
-->
<head>
<title>Eternal Bliss™: The Internet's Most Relaxing Website</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Cache-control" content="public">
<meta name="robots" content="index, follow">
<!-- Google-->
<meta name="description" content="Red Bull Music Academy presents the Internet's Best, First, and Official Infinite Relaxation Generator">
<link rel="author" href="https://plus.google.com/+RBMA">
<link rel="publisher" href="https://plus.google.com/+RBMA">
<!--Schema Markup for Google-->
<meta itemprop="name" content="Eternal Bliss™: The Internet's Most Relaxing Website">
<meta itemprop="description" content="Red Bull Music Academy presents the Internet's Best, First, and Official Infinite Relaxation Generator">
<meta itemprop="image" content="https://s3-us-west-2.amazonaws.com/eternalbliss/images/walking.jpg">
<!--twitter-->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@rbma">
<meta name="twitter:title" content="Eternal Bliss™: The Internet's Most Relaxing Website">
<meta name="twitter:description" content="Red Bull Music Academy presents the Internet's Best, First, and Official Infinite Relaxation Generator">
<meta name="twitter:creator" content="@rbma">
<meta name="twitter:image:src" content="https://s3-us-west-2.amazonaws.com/eternalbliss/images/walking.jpg">
<!--Facebook-->
<meta property="og:title" content="Eternal Bliss™: The Internet's Most Relaxing Website">
<meta property="og:type" content="website">
<meta property="og:url" content="http://daily.redbullmusicacademy.com/specials/eternal-bliss/">
<meta property="og:image" content="https://s3-us-west-2.amazonaws.com/eternalbliss/images/walking.jpg">
<meta property="og:description" content="Red Bull Music Academy presents the Internet's Best, First, and Official Infinite Relaxation Generator">
<meta property="og:see_also" content="http://www.redbullmusicacademy.com">
<meta property="fb:profile_id" content="RedBullMusicAcademy">
<meta property="og:site_name" content="Eternal Bliss™">
<meta property="fb:admins" content="100006789941377">
<!-- STYLES-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css">
<link rel="stylesheet" href="linker/styles/main.css">
<!-- STYLES END-->
</head>
<body>
<div id="spinner">
<div id="spin-wrap">
<div id="border">
<div id="line"></div>
</div>
</div>
</div>
<nav>
<a href="#">
<div id="logo"></div>
</a>
<!--get rid of certain marquee text for mobile-->
<div class="marquee"><span class="mobile-drop">This is</span> Eternal Bliss™. You are in the <span class="zone"></span> Zone, listening to <span class="song"></span> by <span class="artist"></span>.
<span class="mobile-drop"> You are currently travelling at a <strong><span class="speed">normal</span></strong> meditation rate.</span>
</div>
<a href="#"><img src="images/playing.png" class="playing audio-button"></a>
<a href="#"><img src="images/muted.png" class="muted audio-button"></a>
<div class="social">
<a href="#"><img src="images/info.svg" class="question"></a>
<a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fdaily.redbullmusicacademy.com/specials/eternal-bliss/" target="_blank"><img src="https://d3qcuxqrj7wgbi.cloudfront.net/images/facebook.png"></a>
<a href="#" target="_blank" id="twitter"><img src="https://d3qcuxqrj7wgbi.cloudfront.net/images/twitter.png" class="twitter"></a>
</div>
</nav>
<div id="about">
<div class="exit">
<a href="#" id="close"><img src="images/exit.png"></a>
</div>
<div itemscope itemtype="http://schema.org/CreativeWork" class="text">
<h1>Eternal Bliss<span>™</span></h1>
<p>Eternal Bliss™ is the Internet’s most relaxing website. Utilizing proprietary, advanced intelligence technology, Eternal Bliss™ is the world’s first guided meditation that puts you in charge.</p>
<p>If you don’t like the text that appears on screen, click on the words to change them. If you don’t like the Zone that you’ve been placed in, use the arrow keys or swipe to move to a different one. Over time, the algorithm will learn your habits and give you a better meditation experience. Over time, you too can attain Eternal Bliss™.</p>
<p>Soundtracked and <span class="about-change">manifested</span> into existence by your friends at
<a href="http://www.redbullmusicacademy.com" target="_blank">
Red Bull Music Academy</a></p>
</div>
<div class="about-logo">
<a href="http://www.redbullmusicacademy.com" target="_blank"><img src="images/RBMA_relax_logo_bulls.svg"></a>
</div>
</div>
<div id="landing">
<div class="cloud-wrap">
<div class="sky"></div>
</div>
<div id="startvideo"></div>
<div id="title">
<div class="title-logo"></div>
<h1 id="title-text">Eternal Bliss<span class="tm">™</span></h1></div>
<form id="relax" method="post" action="">
<h2>Step Inside The Internet's Most Relaxing Website</h2>
<input value="1" id="r1" name="time" type="radio">
<label for="r1"><span></span> 1 Minute</label>
<input value="10" id="r10" name="time" checked="checked" type="radio" class="css-checkbox">
<label for="r10"><span></span> 10 Minutes</label>
<input value="60" id="r60" name="time" type="radio">
<label for="r60"><span></span> 1 Hour</label>
<input value="70" id="r70" name="time" type="radio" class="infinite-input">
<label for="r70" class="infinite-input"><span></span> ∞ Infinity</label>
<br>
<input type="submit" value="Relax" class="submit">
</form>
</div>
<div id="wrapper">
<section id="poems">
<p class="intro">Welcome to Eternal Bliss™, the Internet’s most relaxing website. We are glad you have joined us for this guided meditation.
<br>
<br> If a phrase takes you away from peace, we encourage you to click key words to get closer to your own personal bliss.
<br>
<br> Take a deep, relaxing breath... and slowly exhale. Your body is at ease... soft and pliable. You are safe. You are about to achieve Eternal Bliss™. Let us begin...</p>
<p class="intro-short">Welcome to Eternal Bliss™, the Internet’s most relaxing website. We are glad you have joined us for this short, guided meditation. Let's begin...
</p>
</section>
</div>
<div class="share">
<div class="exit">
<a href="#" id="close"><img src="images/exit.png"></a>
</div>
<p>Thank you for joining us today. Taking time for yourself is very important.
<br> You can click on the logo in the left hand corner to enjoy a different Eternal Bliss™. Or you can simply lie back and visualize your own journey while <a href="http://www.redbullmusicacademy.com">Red Bull Music Academy</a> kindred spirit
<a id="globallink" href="#" target="_blank"><span id="globalartist"></span></a> provides the soundtrack.</p>
<div class="outro-logo">
<a href="http://www.redbullmusicacademy.com"><img src="images/RBMA_relax_logo_bulls.svg"></a>
</div>
<div class="outro-social">
<a href="https://www.facebook.com/sharer/sharer.php?u=http://daily.redbullmusicacadmy.com/specials/eternal-bliss/" target="_blank">
<div class="share-box"><span>Share on Facebook</span></div>
</a>
<a href="http://twitter.com/share?text=Achieve%20Eternal%20Bliss%20now!%20@rbma%20&url=http://daily.redbullmusicacadmy.com/specials/eternal-bliss/" target="blank">
<div class="share-box"><span>Share on Twitter</span></div>
</a>
</div>
</div>
<div id="song">
<audio loop></audio>
</div>
<div id="video"></div>
<div id="arrows">
<a href="#" class="atop"><img src="images/arrow.png" class="top"></a>
<br>
<a href="#" class="aleft"><img src="images/arrow-left.png" class="row-left"></a>
<a href="#" class="abottom"><img src="images/arrow-bottom.png" class="bottom"></a>
<a href="#" class="aright"><img src="images/arrow-right.png" class="row-right"></a>
</div>
<div id="about">
<a href="#"></a>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- SCRIPTS-->
<script type="text/javascript" src="linker/js/transit.js"></script>
<script type="text/javascript" src="linker/js/marquee.js"></script>
<script type="text/javascript" src="linker/js/touchswipe.js"></script>
<script type="text/javascript" src="linker/js/main.min.js"></script>
<script type="text/javascript" src="linker/js/okshadow.min.js"></script>
<!-- SCRIPTS END-->
<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-50173398-1', 'relaxinfinity.com');
ga('require', 'displayfeatures');
ga('send', 'pageview');
</script>
</body>