68 lines
4.4 KiB
JavaScript
68 lines
4.4 KiB
JavaScript
var content = document.getElementById("ateliers");
|
|
var js = document.getElementById("js");
|
|
var ateliers =
|
|
`
|
|
<div id="Container">
|
|
<div id="News">
|
|
<div class="Scroller-Container">
|
|
|
|
<div id="img_atelier"><img src="images/ateliers/ateliers1.jpg" style="margin-top:25px;" alt="Le site des ateliers Bloc-House" width="480" height="283" /></div>
|
|
<div class="legende">Site des ateliers Bloc-House</div>
|
|
|
|
<!-- ici la liste des artistes résidents, pour ajouter ou échanger un artiste, mettre "- nom de l'artiste" à l'endroit souhaité-->
|
|
<div class="artistes">
|
|
<p style="font-size:14px;font-weight:bold;">Les artistes résidents</p>
|
|
<p style="margin-top:2px;">Underground <span style="margin-left:5px;">Milan Atanaskovic</span></p>
|
|
<p style="margin-top:2px;">First level <span style="margin-left:23px;">Eliza Magri - Macha Pandellé - Vincent Pandellé</span></p>
|
|
<p style="margin-top:2px;">Second level <span style="margin-left:7px;">Altone Mishino - Jérome Bouchez - Paule Millara</span></p>
|
|
<p style="margin-top:2px;">Third level <span style="margin-left:19px;">Christophe Bogdan - Margot Montenoise - Lahouari Mansouri dit Wari</span></p>
|
|
</div><!-- fin de la liste des artistes -->
|
|
<!-- les images -->
|
|
<div id="carton"><img src="images/ateliers/ateliers2.jpg" style="margin-left:5px;margin-top:25px;" alt="carton invitation 1" width="228" height="320" /><img src="images/ateliers/ateliers3.jpg" style="margin-left:5px;margin-top:25px;" alt="carton invitation 1" width="238" height="320" /></div>
|
|
<!-- fin des images -->
|
|
|
|
<!-- pour ajouter un carton d'invitation, calculer l'image à une hauteur de 320px, la nommer par exemple "ateliers4.jpg" et la glisser dans le dossier images/ateliers/, ensuite ajouter dans le code ci dessus
|
|
<div id="carton"><img src="images/ateliers/ateliers4.jpg" style="margin-left:5px;margin-top:25px;" alt="carton invitation 3" width="" height="320" /></div> -->
|
|
<div id="texte" style="margin-top:18px;font-size:12px;">
|
|
<p>Chaque année, Bloc-House organise deux portes ouvertes : en octobre, dans le cadre des ateliers portes ouvertes, en partenariat avec la ville de Sceaux; en juin des ateliers portes ouvertes directement proposés par les artistes résidents Bloc-House.</p>
|
|
<p style="width:100px;height:1px;border-bottom:1px solid #cc3300;margin-left:190px;margin-top:25px;"></p>
|
|
<p style="margin-top:25px;font-style:italic;">"... l'Etat, en lien avec les collectivités territoriales, pourrait faciliter l'implantation de collectifs d'artistes dans des lieux dits "intercalaires", c'est à dire des bâtiments en attente d'affectation ou de travaux, sur un temps donné, clairement défini dans une convention d'occupation précaire - précaire car temporaire."</p>
|
|
<p style="margin-top:10px;font-style:italic;">" Ces espaces de travail alternatifs... - même éphémères - ont un impact extrêmement positif sur la vie d'un quartier, son animation et son dynamisme. Il s'agit là d'une autre manière d'accéder à l'art, ni sacrée comme dans les musées, ni marchande comme dans les galeries. C'est un atout considérable, une chance pour les habitants, une opportunité pour les artistes."</p>
|
|
<p style="margin-top:10px;font-weight:bold;">Christophe Girard</p>
|
|
<p>Le petit livre rouge de la culture - Propositions pour une république culturelle</p>
|
|
<p>Flammarion, 2012.</p>
|
|
<p style="margin-top:20px;margin-bottom:10px;font-weight:bold;">Le site des ateliers a fait l'objet d'une convention de mise à disposition éphémère entre la ville de Sceaux et l'association Bloc-House</p>
|
|
</div>
|
|
</div><!-- fin scroller container -->
|
|
</div><!-- fin news -->
|
|
</div><!-- fin container -->
|
|
|
|
<div id="Scrollbar-Container">
|
|
<div class="Scrollbar-Up"></div>
|
|
<div class="Scrollbar-Down"></div>
|
|
<div class="Scrollbar-Track">
|
|
<div class="Scrollbar-Handle"></div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
content.innerHTML = ateliers;
|
|
|
|
|
|
|
|
var script1 = document.createElement('script');
|
|
script1.type = 'text/javascript';
|
|
script1.async = false;
|
|
script1.src = 'javascript/jsScrollbar.js';
|
|
var script2 = document.createElement('script');
|
|
script2.type = 'text/javascript';
|
|
script2.async = false;
|
|
script2.src = 'javascript/jsScroller.js';
|
|
var script3 = document.createElement('script');
|
|
script3.type = 'text/javascript';
|
|
script3.async = false;
|
|
script3.src = 'javascript/jsScrollOnload.js';
|
|
js.appendChild(script1);
|
|
js.appendChild(script2);
|
|
js.appendChild(script3);
|