-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdivebar.html
415 lines (415 loc) · 20.3 KB
/
divebar.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
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Dive Bar</title>
<meta name="description" content="Groupe de rock français situé en région parisienne, Dive Bar explore des univers bizarres et ténébreux."/>
<meta name="author" content="Léo Martin"/>
<meta name="robots" content="index, follow, noarchive"/>
<meta property="og:title" content="Dive Bar"/>
<meta property="og:type" content="article"/>
<meta property="og:image" content="http://divebartheband.com/img/albums/les_monstres_dans_la_cave.jpg"/>
<meta property="og:url" content="divebartheband.com"/>
<meta property="og:description" content="Groupe de rock français situé en région parisienne, Dive Bar explore des univers bizarres et ténébreux."/>
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Dive Bar"/>
<meta name="twitter:description" content="Groupe de rock français situé en région parisienne, Dive Bar explore des univers bizarres et ténébreux."/>
<meta name="twitter:image" content="http://divebartheband.com/img/albums/les_monstres_dans_la_cave.jpg"/>
<link href="//fonts.googleapis.com/css?family=Gentium+Basic:400italic,400,700italic,700" rel="stylesheet" type="text/css"/>
<link href="//fonts.googleapis.com/css?family=PT+Sans:400italic,400,700italic,700" rel="stylesheet" type="text/css"/>
<link rel="image_src" href="img/albums/les_monstres_dans_la_cave.jpg"/>
<link rel="stylesheet" href="css/divebar.css"/>
<link href="css/nanogallery.min.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div id="message" style="display: none;">
<p class="random">"Un dive bar, c'est un coin sombre et vivant, un comptoir moins cher qu'ailleurs recelant son lot de buveurs locaux et artistes paumés, où chaque 3, 4 ou 5ème verre est offert, où l'on prend rendez-vous avec une bonne dose de désespoir ou de contentement au verre."</br>Laurent P. Weber</p>
<p class="random">Une explosion constante, une energie tombée de scène, des mélodies envoutantes et sans scrupules.</p>
<p class="random">Définition : Lieu de débauche, de vice caché, où règne une atmosphère douteuse...</p>
<p class="random">Entrez dans l'univers du Dive Bar !</p>
<p class="random">Un monde énervé, puissant et fantasmagorique... au risque de vous y plaire...!</p>
</div>
<div id="logo_banner">
<img class="start logo" id="generic" src="img/logos/generic.png"></img>
<img class="start logo" style="display: none;" id="photos" src="img/logos/photos.jpg"></img>
<img class="start logo" style="display: none;" id="contact" src="img/logos/contact.png"></img>
</div>
<div id="accueil" class="banner">
<ul>
<a class="img_middle" href="https://www.facebook.com/events/1442678296042868">
<li class="bg" style="background-image:url(img/accueil/last_news.jpg);"></li>
</a>
<li class="bg" style="background-image:url(img/accueil/bg.jpg);"></li>
<li class="bg" style="background-image:url(img/accueil/norman_jangot.jpg);"></li>
<li class="bg" style="background-image:url(img/accueil/leo_martin.jpg);"></li>
<li class="bg" style="background-image:url(img/accueil/jeremie_girardot.jpg);"></li>
<li class="bg" style="background-image:url(img/accueil/madjid_djebbi.jpg);"></li>
<li class="bg" style="background-image:url(img/accueil/mathieu_andrieux.jpg);"></li>
</ul>
</div>
<div id="accueil_menu">
<ul id="menu">
<li id="accueil" class="menu start">Accueil</li>
<li id="news" class="menu">News</li>
<li id="members" class="menu">Membres</li>
<li id="albums" class="menu">Albums</li>
<li id="photos" class="menu">Photos</li>
<li id="videos" class="menu">Videos</li>
<li id="lyrics" class="menu">Paroles</li>
<li id="contact" class="menu">Contact</li>
</ul>
<div id="infos">
<p id="accueil_presentation">Groupe de rock français situé en région parisienne, Dive Bar explore des univers bizarres et ténébreux.</p>
<div id="next_event">
<h2>Prochain concert :</h2>
<hr>
<a class="link" href="https://www.facebook.com/events/1442678296042868">
<h2>Samedi 20 Juin - 21h30 - L'Entrepôt (Paris 14e)</h2>
</a>
<hr>
</div>
<div id="accueil_videos">
<h2>Session "Monstres dans la cave"</h2>
<iframe class="videos" src="http://www.youtube.com/embed/0z_L1nYsWnI?rel=0"></iframe>
<iframe class="videos" src="http://www.youtube.com/embed/QrECziN8XqY?rel=0"></iframe>
<iframe class="videos" src="http://www.youtube.com/embed/-R2F2XCQZn8?rel=0"></iframe>
</div>
<div class="fb-comments" data-href="https://www.facebook.com/pages/Dive-Bar/295570962262?fref=ts" data-numposts="5" data-colorscheme="dark"></div>
<div id="bottom_menu" align="center">
<a class="link" href="https://www.facebook.com/pages/Dive-Bar/295570962262?fref=ts">
<img class="zoom" src="img/facebook.png"></img>
</a>
<a class="link" href="https://www.youtube.com/channel/UCHuJG9vYqUD2lhXbJraWsvQ">
<img class="zoom" src="img/youtube.png"></img>
</a>
<a class="link" href="https://soundcloud.com/divebartheband">
<img class="zoom" src="img/soundcloud.png"></img>
</a>
</div>
</div>
</div>
<div id="menu">
<ul id="menu">
<li id="accueil" class="menu start">Accueil</li>
<li id="news" class="menu">News</li>
<li id="members" class="menu">Membres</li>
<li id="albums" class="menu">Albums</li>
<li id="photos" class="menu">Photos</li>
<li id="videos" class="menu">Videos</li>
<li id="lyrics" class="menu">Paroles</li>
<li id="contact" class="menu">Contact</li>
</ul>
<hr id="menu">
</div>
<div id="news" class="menu" align="center" style="display: none;">
<ul id="news">
<li>
<h2 class="news">Les Monstres envahissent <a class="url" href="http://www.lentrepot.fr/">L'Entrepôt</a> dès 21h30!</h2>
<p class="date">20 Juin 2015</p>
<a class="img_news" href="https://www.facebook.com/events/1411447239155049">
<img class="zoom" src="img/news/20150620_lentrepot.jpg"></img>
</a>
</li>
<li>
<h2 class="news">Avec les Monstres, 19h30 au <a class="url" href="http://www.abracadabar.fr">Abracadabar</a> !</h2>
<p class="date">15 Février 2015</p>
<a class="img_news" href="https://www.facebook.com/events/1411447239155049">
<img class="zoom" src="img/news/20140215_abracadabar.jpg"></img>
</a>
</li>
<li>
<h2 class="news">Les monstres Malaxe(nt)!</h2>
<p class="date">16 Janvier 2015</p>
<a class="img_news" href="https://www.youtube.com/watch?v=-R2F2XCQZn8">
<img class="zoom" src="img/news/les_monstres_dans_la_cave.jpg"></img>
</a>
<p class="albums">Notre 3ème vidéo est en ligne : Malaxe d'Alain Bashung!</p>
</li>
<li>
<h2 class="news">Les Monstres en Trio à la M.A.S!</h2>
<p class="date">19 Décembre 2014</p>
<a class="img_news" href="https://www.facebook.com/events/1565112403726449/"">
<img class="zoom" src="img/news/20141219_concert_mas.jpg"></img>
</a>
<h2 class="news">Les Monstres au Ton Air de Brest!</h2>
<p class="date">18 Octobre 2014</p>
<a class="img_news" href="https://www.facebook.com/events/938709469477169/?fref=ts">
<img class="zoom" src="img/news/les_monstres_dans_la_cave.jpg"></img>
</a>
<p class="albums">Premier concert de la rentrée : l'évènement facebook en cliquant sur l'image!</p>
</li>
<li>
<h2 class="news">Les Monstres accouchent de Rosa!</h2>
<p class="date">10 Octobre 2014</p>
<a class="img_news" href="https://www.youtube.com/watch?v=QrECziN8XqY">
<img class="zoom" src="img/news/les_monstres_dans_la_cave.jpg"></img>
</a>
<p class="albums">Notre 2ème vidéo est en ligne : Rosa dispo en cliquant sur l'image!</p>
</li>
<li>
<h2 class="news">Les Monstres sortent de la cave!</h2>
<p class="date">12 Septembre 2014</p>
<a class="img_news" href="http://www.youtube.com/watch?v=0z_L1nYsWnI">
<img class="zoom" src="img/news/les_monstres_dans_la_cave.jpg"></img>
</a>
<p class="albums">Enfermés pendant un court week-end, les monstres se sont acharnés à donner le meilleur d'eux-mêmes de prises en prises et de courbatures en courbatures. Voici donc la 1ère vidéo issue de ces enregistrements : Mr Personne. Cliquez sur l'image pour accéder à la vidéo!</p>
</li>
<li>
<h2 class="news">EP Disponible sur Grooveshark!</h2>
<p class="date">13 Janvier 2014</p>
<a class="img_news" href="http://grooveshark.com/#!/album/L+EP/9469170">
<img class="zoom" src="img/news/ep.jpg"></img>
</a>
<p class="albums">L'ep de Dive Bar : vous pouvez nous contacter pour en commander ! Le CD avec un design de Philippe Druillet avec un livret et une illustration de chaque chanson par Alexandre Paulmier est à 8 euros et parce qu'on est de bon gars, les frais de port sont offerts ! L'album est en libre écoute en cliquant sur la pochette de l'album!</p>
</li>
<!-- pour clotûrer -->
<li><h2 class="news"></h2></li>
</ul>
</div>
<div id="albums" class="menu" style="display: none;">
<ul id="albums">
<li>
<h2 class="albums">BIENTÔT : Les Monstres dans la cave!</h2>
<a class="img_albums">
<img class="zoom" class="img_albums" src="img/albums/les_monstres_dans_la_cave.jpg"></img>
</a>
<p class="albums">Enfermés pendant un court week-end, les monstres se sont acharnés à donner le meilleur d'eux-mêmes de prises en prises et de courbatures en courbatures. Cet album expérimente de nouvelles voies musicales au travers de nouvelles compositions et reprises.</p>
</li>
<li>
<h2 class="albums">EP (2013)</h2>
<a class="img_albums" href="http://grooveshark.com/#!/album/L+EP/9469170">
<img class="zoom" src="img/albums/ep.jpg"></img>
</a>
<p class="albums">L'ep de Dive Bar : vous pouvez nous contacter pour en commander ! Le CD avec un design de Philippe Druillet avec un livret et une illustration de chaque chanson par Alexandre Paulmier est à 8 euros et parce qu'on est de bon gars, les frais de port sont offerts ! L'album est en libre écoute en cliquant sur la pochette de l'album!</p>
</li>
<li>
<h2 class="albums">Le Revenant - BO (2012)</h2>
<a class="img_albums" href="http://grooveshark.com/#!/album/Le+Revenant+BOF/9831544">
<img class="zoom" src="img/albums/le_revenant.jpg"></img>
</a>
<p class="albums">Bande original du court métrage "Le Revenant", réalisé en 2012 par Victor Druillet et Norman Jangot, avec Thibault Fraisse dans le rôle principal.<br><br>Un jeune homme pense qu'il suffit de le vouloir pour ne pas mourir. Il saute de son balcon... Et ça marche! Mais pas seulement, il développe alors un sixième sens qui lui permet de percevoir une étrange silhouette noire que personne d’autre ne semble remarquer...</p>
</li>
</ul>
</div>
<div id="members" class="menu" align="center" style="display: none;">
<ul id="members">
<li id="norman_jangot" class="members">
<h2 class="name">Norman Jangot</h2>
<div class="biography right">
<p>Chanteur et guitariste du groupe depuis sa formation
en 2008, il prend des cours de chant avec <a class="url" href="http://caroline-rose.fr">Caroline Rose</a>.</p>
<p>Il est l'auteur des paroles des chansons, souvent
teintés de macabre et de double sens.</p>
<p>Il est aussi réalisateur de court-métrage et de
web-série dont <a class="url" href="http://lestutosdelavie.com">Les Tutos de la Vie</a>. Il affine ses
talents derrière la caméra en réalisant en 2011 le
clip "Hurt Time" pour le groupe puis en 2014, la
session "Les Monstre dans la Cave".</p>
</div>
</li>
<li id="leo_martin" class="members">
<h2 class="name">Léo Martin</h2>
<div class="biography left">
<p>Violoniste de formation classique formé à l’école de
Musique de Castelnaudary auprès de Céline Lesage. Il
découvre et s’initie aux musiques traditionnelles
bretonne et irlandaise et continue actuellement la
pratique classique au Conservatoire
d’Issy-les-Moulineaux.</p>
<p>Il rencontre Dive Bar en Mai 2013 et développe ses
connaissances webs en concevant le site internet du
groupe.</p>
<p>Il fait aussi partie d'un trio classique
<a class="url" href="http://adessotrio.free.fr">Adesso Trio</a> avec
Gabrielle Rousseau et Tania Pamard et d'un duo avec
Erwan Houssay, flûtiste breton.</p>
<p>Il gagne sa croûte comme ingénieur en système embarqué,
se nourrissant d'une curiosité sans limite!</p>
</div>
</li>
<li id="jeremie_girardot" class="members">
<h2 class="name">Jérémie Girardot</h2>
<div class="biography right">
<p>Guitariste et bassiste depuis 12 ans en
autodidacte après une formation classique en
violon pendant 5 ans. Fortement influencé par la
musique blues, il a joué dans plusieurs
formations jazz-funk avant de rentrer dans le
vif du Dive Bar en 2010.</p>
<p>Il met en place au sein du groupe un jeu de
guitare ambiance qui va de la nappe
mystérieuse à la saturation acide !</p>
<p>Ingénieur de formation, il se passionne pour
le matériel audio et la lutherie (guitares
et pédales fabriquées de ses propres mains).</p>
<p>Actuellement basé à Bordeaux où il participe
à une nouvelle formation funk-rock.</p>
</div>
</li>
<li id="mathieu_andrieux" class="members">
<h2 class="name">Mathieu Andrieux</h2>
<div class="biography left">
<p>Après une carrière sportive, il se dirige petit
à petit vers la musique. Tout d'abord pour
tuer le temps après une blessure importante
au genou puis ayant le virus.</p>
<p>Fils et frère de guitariste, il apprend les
rudiments de la musique et du jeu en groupe
à travers cet instrument: décrocher
quelques minutes de gloire lors des scènes
ouvertes des bars bordelais devient alors
le saint graal !</p>
<p>La basse est devenue une évidence en
découvrant des ténors tels que Juan Nelson
et Victor Wooten. Fraîchement arrivé sur
Paris, il s'accoquine rapidement avec ces
gais lurons fan de la scène rock
bordelaise. Quelques bricoles plus
tard... le voici embarqué dans l'aventure
Dive Bar.</p>
</div>
</li>
<li id="madjid_djebbi" class="members">
<h2 class="name">Madjid Djebbi</h2>
<div class="biography right">
<p>Chanteur, multi-instrumentiste et
percussionniste d'origine algérienne, Madjid
est - THE - champion de l'animation! Sa
fraîcheur est grandement appréciée partout
où il passe!</p>
<p>Parcourant émissions de radio, chaînes de
télévision, rencontrant des grands artistes
de la scène française (Jacques Higelin,
Alain Souchon, Laurent Voulzi, Titi Robin,
Salvadore Adamo), il acquiert une très
solide expérience de scène et une
inconstestable stabilité rythmique.</p>
<p>Membre de Dive Bar depuis 2014, il apporte
son expérience, son univers et expérimente
de nouvelles palettes sonores.</p>
</div>
</li>
</ul>
</div>
<div id="videos" class="menu" align="center" style="display: none;">
<ul>
<li>
<h2>Malaxe (2014)</h2>
<iframe src="http://www.youtube.com/embed/-R2F2XCQZn8"></iframe>
</li>
<li>
<h2>Rosa (2014)</h2>
<iframe src="http://www.youtube.com/embed/QrECziN8XqY"></iframe>
</li>
<li>
<h2>Mr Personne (2014)</h2>
<iframe src="http://www.youtube.com/embed/0z_L1nYsWnI"></iframe>
</li>
<li>s
<h2>Hurt Time (2012)</h2>
<iframe src="http://www.youtube.com/embed/kgyDqL4hx6s"></iframe>
</li>
</div>
<div id="photos" class="menu" align="center" style="display: none;">
</div>
<div id="lyrics" class="menu" align="center" style="display: none;">
<h2 class="lyrics">Monsieur Personne</h2>
<div class="lyrics">
<p>Sur un air nocturne, une levée de fantômes<br>
Menée par une diable au dessin improbable<br>
Soulevant les tombes oubliés sous le sable<br>
Exhuma lentement de putrides arômes</p>
<p>Sous une lune tordue, mister Nobody est revenu</p>
<p>Soufflant sur les cendres d'un des corps mal enterré<br>
Par un fossoyeur à la descente aisée<br>
Surgit de ces chairs fragmentées, une goule<br>
Au fond tendre, déversant des versets mal contenus.</p>
<p>Sous une lune tordue, mister Nobody est revenu</p>
<p>D'une lâchée de pisse spontanée comme une fissure de l'aorte<br>
Se forma sous son séant une marre d'acide blanc<br>
Lui permettant d'éviter les balles Dellamorte<br>
Et de se tirer tout de dédain, par la grande porte d'entrée</p>
<p>Sous une lune tordue, mister Nobody est revenu</p>
<p>La recette simple décoction<br>
De rétine d'alligator et<br>
Liqueur blême, un soupçon<br>
Nous ramène entre les porcs<br>
Sacrifiés à la décomposition<br>
Un sourire, un effort...<br>
On accueil le règne, le règne des morts...<br>
On accueil le règne, le règne des morts...<br>
On accueil le règne, le règne des morts...</p>
</div>
<h2 class="lyrics">Rosa</h2>
<div class="lyrics">
<p>Oh toi!<br>
Toi qui enfle en moi!<br>
Oh oui toi!<br>
Qui me dissuadera!<br>
De m’asseoir et de boire,<br>
De célébrer le trône.</p>
<p>Oh toi!<br>
Qui me surprendra,<br>
Les lèvres aux abois,<br>
Brûlante au bout des doigts,<br>
A chaque fois<br>
Que je tombe un bourgogne<br>
Que j'embrasse le trombone.<br>
Oh toi!</p>
<p>Oh toi!<br>
Toi qui n'est plus là,<br>
Je me vide déjà<br>
De toi.</p>
<p>Tu résonnes encore au rythme du palpitant,<br>
Mes entrailles te déclarent lieutenant,</p>
<p>Aux portes de l'enfer,<br>
Le carbone et le souffre<br>
Dynamite mortifère<br>
Pétarade dans le gouffre.</p>
<p>Oh toi!<br>
Asséché sans toi,<br>
Tu me manques déjà...<br>
Tu me manques déjà...</p>
</div>
</div>
<div id="contact" class="menu" align="center" style="display: none;">
<form id="contact" method="post" action="mailto:[email protected]">
<label for="contact_name">Votre nom :</label>
<input type="text" name="contact_name" required>
<label for="contact_email">Votre email :</label>
<input type="email" name="contact_email" required>
<label for="contact_msg">Votre message :</label>
<textarea rows="10" cols="20" name="contact_msg"></textarea>
<p id="contact_result"></p>
<input id="contact" type="submit">
</form>
<div id="bottom_menu" align="center">
<a class="link" href="https://www.facebook.com/pages/Dive-Bar/295570962262?fref=ts">
<img class="zoom" src="img/facebook.png"></img>
</a>
<a class="link" href="https://www.youtube.com/channel/UCHuJG9vYqUD2lhXbJraWsvQ">
<img class="zoom" src="img/youtube.png"></img>
</a>
<a class="link" href="https://soundcloud.com/divebartheband">
<img class="zoom" src="img/soundcloud.png"></img>
</a>
</div>
</div>
</body>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/unslider.js"></script>
<script src="js/jquery-ui-1.10.4.custom.min.js"></script>
<script src="js/jquery.nanogallery.min.js"></script>
<script src="js/divebar.js"></script>
</html>