-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·195 lines (184 loc) · 10.4 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
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="ie lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="ie lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="ie lt-ie9"> <![endif]-->
<!--[if gt IE 8]> <html> <![endif]-->
<!--[if !IE]><!--><html lang="en"><!-- <![endif]-->
<head>
<title>칸나님 Happy Birthday</title>
<meta charset="UTF-8" />
<meta name="description" content="Happy Birthday Xola">
<meta name="robots" content="index, follow" />
<link rel="author" href="https://plus.google.com/u/1/+AyushSharma1/" />
<meta name="keywords" content="Birthday, Happy">
<!-- Strat of Facebook Meta -->
<meta property="og:type" content="E-Greeting" />
<meta property="og:image" content="favicon.ico" />
<meta property="og:description" content="Wish you a very Happy Birthday">
<!-- End of Facebook Meta Tags -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<link rel="stylesheet" type="text/css" href="loading.css">
<link href='http://fonts.googleapis.com/css?family=Signika' rel='stylesheet' type='text/css'>
<!-- <link href='http://fonts.googleapis.com/css?family=Nunito' rel='stylesheet' type='text/css'> -->
<link rel="stylesheet/less" href="cake.less">
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.1.0/less.min.js"></script>
</head>
<body>
<div class="loading"></div>
<audio class="song" controls loop>
<source src="hbd.mp3"></source>
Your browser isn't invited for super fun audio time.
</audio>
<div class="balloons text-center" id="b1">
<h2 style="color:#F2B300;">A</h2>
</div>
<div class="balloons text-center" id="b2">
<h2 style="color:#0719D4;">i</h2>
</div>
<div class="balloons text-center" id="b3">
<h2 style="color:#D14D39;">r</h2>
</div>
<div class="balloons text-center" id="b4">
<h2 style="color:#8FAD00;">i</h2>
</div>
<div class="balloons text-center" id="b5">
<h2 style="color:#8377E4;">K</h2>
</div>
<div class="balloons text-center" id="b6">
<h2 style="color:#99C96A;">a</h2>
</div>
<div class="balloons text-center" id="b7">
<h2 style="color:#20CFB4;">n</h2>
</div>
<div class="balloons text-center" id="b8">
<h2 style="color:#99C96A;">n</h2>
</div>
<div class="balloons text-center" id="b9">
<h2 style="color:#D14D39;">a</h2>
</div>
<img src="Balloon-Border.png" width="100%" class="balloon-border">
<div class="container">
<div class="row">
<div class="col-md-2 col-xs-2 bulb-holder">
<div class="bulb" id="bulb_yellow"></div>
</div>
<div class="col-md-2 col-xs-2 bulb-holder">
<div class="bulb" id="bulb_red"></div>
</div>
<div class="col-md-2 col-xs-2 bulb-holder">
<div class="bulb" id="bulb_blue"></div>
</div>
<div class="col-md-2 col-xs-2 bulb-holder">
<div class="bulb" id="bulb_green"></div>
</div>
<div class="col-md-2 col-xs-2 bulb-holder">
<div class="bulb" id="bulb_pink"></div>
</div>
<div class="col-md-2 col-xs-2 bulb-holder">
<div class="bulb" id="bulb_orange"></div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<img src="banner.png" class="bannar">
</div>
</div>
<div class="row cake-cover">
<div class="col-md-12 texr-center">
<div class="cake">
<div class="velas">
<div class="fuego"></div>
<div class="fuego"></div>
<div class="fuego"></div>
<div class="fuego"></div>
<div class="fuego"></div>
</div>
<div class="cobertura"></div>
<div class="bizcocho"></div>
</div>
</div>
</div>
<div class="finish">
<div id="text">다시 한 번 생일을 진심으로 축하드립니다!</div>
</div>
<div class="row message">
<div class="col-md-12">
<p><strong>라시온</strong><br><br>칸나님!! 생일 진심으로 진짜 축하드려요!!!</p>
<p><strong>바다별무리</strong><br><br>너의 한걸음 한걸음 빛나는 순간마다 함께 하고싶어. 우리곁에 와줘서 고마워!</p>
<p><strong>칸나 남편</strong><br><br>칸나랑 함께한 시간들이 너무나 즐거워 생일축하해! 앞으로도 잘부탁해</p>
<p><strong>노랑칸나</strong><br><br>항상 빛나는 칸나님!!<br>앞으로 더 밝게, 영원히 빛날거에요!!<br>생일 축하드려요</p>
<p><strong>II</strong><br><br>칸나의 눈부신 여정을 응원합니다</p>
<p><strong>황금갸라도스짱</strong><br><br>항상 행복한 일들만 가득하길 빌게욤★</p>
<p><strong>시로잘</strong><br><br>칸나를 만날 수 있게 된 인연에 감사를.</p>
<p><strong>체애</strong><br><br>우리의 영원한 아이돌 칸나야,생일 축하해!<br>앞으로도 끊임없이 응원할테니까 아프지말고 건강하게 오래오래 보자!</p>
<p><strong>깽깡꽁</strong><br><br>항상 행복했으면 좋겠어요 오늘 생일 정말 축하드리고<br>생일 정말 오랫동안 기억에 남는 특별한 날이 되었으면 좋겠어요<br>항상 고맙고 사랑해요❣️❣️</p>
<p><strong>묘키</strong><br><br>생일축하해요^^ 앞으로도 당신만 사랑할게요.</p>
<p><strong>gk0901</strong><br><br>우리 곁에 와줘서 고맙고, 앞으로도 오래오래 함께해요!</p>
<p><strong>그랭줄리</strong><br><br>칸나의 생일을 진심으로 축하합니다~!</p>
<p><strong>Altale</strong><br><br>같은 시대에 태어나 영광입니다. 당신의 찬란함이 언제나 우릴 비춰주길</p>
<p><strong>뮤매멈</strong><br><br>칸나가 있는 곳이면 어디든 찾아갈꺼고 칸나가 가는 곳이면 어디든 따라갈꺼야!<br>생일 진심으로 축하하고 앞으로도 행복하자!</p>
<p><strong>용궁 기록관 앤더위더</strong><br><br>힘들때마다 항상 와서 행복을 나누어주는 우리의 칸나! 앞으로도 오래가자! 칸나는 최강이니까!</p>
<p><strong>사쵸잡는 유니 칸나</strong><br><br>이번 생일은 행복하게 보내자 항상 응원할게</p>
<p><strong>캥슈이</strong><br><br>생일 축하해요! 행복한 하루 보내고 모든 이의 길잡이별이 되는 날까지 함께할게!</p>
<p><strong>하이터브</strong><br><br>용기내어 우리 앞에 와줘서 고마워요. 평생 응원할게요. 생일 너무 축하해요!</p>
<p><strong>댕컨</strong><br><br>언제나 빛나는 칸나칸나야 생일축하해</p>
<p><strong>에르멘</strong><br><br>별이 되어 빛나고 있는 아이리 칸나의 생일을 축하해요!<br>앞으로도 함께하며 행복했으면 좋겠어요</p>
<p><strong>TenLer</strong><br><br>울며 보내던 지난날은 슬픈기억을 가져갔지만<br>이번나날은 웃으며 행복했던 기억을 가져갔으면</p>
<p><strong>나에게로의초대</strong><br><br>항상 빛나는 칸나의 생일을 축하해요! 앞으로도 행복만 가득하길</p>
<p><strong>스텔라이차차차</strong><br><br>찬란히 빛나는 우리의 아이돌 칸나의 생일을 진심으로 축하합니다.<br>칸나가 가는 길 언제나 함께할 거야</p>
<p><strong>사실과진실</strong><br><br>생일 축하드리며 항상 응원합니다 칸나 화이팅!</p>
<p><strong>인도여우</strong><br><br>너는 내 빛이야. 항상 응원해</p>
<p><strong>하카긴</strong><br><br>작년보다 행복한 올해가, 올해보다 행복한 내년이 되기를. 생일 축하해!</p>
<p><strong>🌟오늘일내일이56🌟</strong><br><br>칸나야 생일축하해! 오래오래 건강하게 보자💕</p>
<p><strong>달이떳다고 전화를</strong><br><br>칸나야 생일축하해!<br>트위치에서 너를 처음봤을때의 그 순간을 잊지 못할 것 같아<br>다음생일 때는 사정이 나아지면 만나자 항상 방송한다고 고생이 많아 사랑해!</p>
<p><strong>이뿌</strong><br><br>칸나칸나야 생일축하해!!! 항상 칸나의 곁은 비늘이가 지킬게💕</p>
<p><strong>🌟따뜻한치즈볼🌟</strong><br><br>칸나야! 생일축하하고 앞으로도 우리 영원히 같이있자 축하꼬리!!</p>
<p><strong>ㅣ오드ㅣ</strong><br><br>칸나야 생일 축하하고 즐거운 생일 보내! 항상 응원할게!!</p>
<p><strong>공략노트</strong><br><br>칸나야 생일 축하해!<br>1년을 기다린 생일이 칸나에게 최고의 하루가 될거야</p>
</p>
</div>
</div>
<div class="navbar navbar-fixed-bottom">
<div class="row">
<div class="col-md-6 text-center col-md-offset-3">
<button class="btn btn-primary" id="turn_on">불 켜기</button>
<button class="btn btn-primary" id="play">음악 재생</button>
<button class="btn btn-primary" id="bannar_coming">장식 시작</button>
<button class="btn btn-primary" id="balloons_flying">풍선 날리기</button>
<button class="btn btn-primary" id="cake_fadein">케이크 전달</button>
<button class="btn btn-primary" id="light_candle"> 케이크 불켜기</button>
<button class="btn btn-primary" id="wish_message">생일 축하드립니다!</button>
<button class="btn btn-primary" id="story">메세지 전달</button>
<!-- <button class="btn btn-primary" id="cake_cut">Lrt's Cut the Cake</button> -->
</div>
</div>
<!-- <div class="col-md-2">
</div>
<div class="col-md-2">
</div>
<div class="col-md-2">
</div>
<div class="col-md-2">
</div>
<div class="col-md-2">
</div> -->
</div>
</div>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="effect.js"></script>
<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-58229732-1', 'auto');
ga('send', 'pageview');
</script>
</html>