Commit 48627886 authored by sarah's avatar sarah

background pattern and index

parent 4b25adaf
<!DOCTYPE>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="http://meyerweb.com/eric/tools/css/reset/reset.css" />
<style type="text/css">
@font-face {
font-family: sniglet;
src: url("../fonts/LeagueMoveableType/Sniglet.ttf");
}
@font-face {
font-family: neuton;
src: url("../fonts/Neuton 1.46/Neuton-Regular.ttf");
}
@font-face {
font-family: tsukurimashou-maru;
src: url("fonts/TsukurimashouMaruPS.otf");
}
@font-face {
font-family: tsukurimashou-anbiruteki;
src: url("fonts/TsukurimashouAnbirutekiPS.otf");
}
@font-face {
font-family: tsukurimashou-tenshino-kami;
src: url("fonts/TsukurimashouTenshinoKami.otf");
}
@font-face {
font-family: tsukurimashou-maru;
src: url("fonts/TsukurimashouMaru.otf");
}
@font-face {
font-family: tsukurimashou-mincho;
src: url("fonts/TsukurimashouMincho.otf");
}
body {
font-family: tsukurimashou-anbiruteki;
font-size: 27px;
line-height: 28px;
-webkit-font-feature-settings: "ss02", "kern", "clig", "dlig", "ligs";
margin: 1.5em;
animation-name: example;
animation-duration: 4s;
animation-iteration-count: infinite;
}
h1 {
text-transform: uppercase;
}
h2, h3 {
font-family: tsukurimashou-maru;
text-transform: uppercase;
/* font-size: 20px*/
margin-bottom: 1.5em;
}
p {
margin-bottom: 1em;
}
a {
text-transform: lowercase;
}
address {
white-space: pre-wrap;
/*margin-bottom: 1.5em;*/
font-family: tsukurimashou-maru;
text-transform: uppercase;
font-size: 18px;
line-height: 22px;
}
ul {
/*margin: 1.5em;*/
padding-right: 1.5em;
box-sizing: border-box;
}
ul#participants {
display: flex;
}
ul li {
font-family: tsukurimashou-maru;
text-transform: uppercase;
font-size: 18px;
}
ul li ul li {
text-transform: none;
font-family: tsukurimashou-anbiruteki;
font-size: 27px;
}
.pratique{
float: left;
width: 30%;
}
.intro {
font-family: tsukurimashou-maru;
font-size: 18px;
line-height: 22px;
}
.intro p + p {
font-family: tsukurimashou-anbiruteki;
font-size: 27px;
line-height: 28px;
}
.ecoles {
margin-top: 2em
}
/* Standard syntax */
@keyframes example {
0% {background-color: white;}
100% {background-color: antiquewhite;}
}
</style>
</head>
<body>
<div class="pratique">
<h1>Incertains Genres</h1>
<h2>Réseau [E] [C] [A] [R] [T]</h2>
<p class="date">
Du ((1)) {0} octobre 2015 <br/>
au 10 janvier 2016.<br/>
mer - dim 10h-18h<br/>
mar sur rendez-vous<br/>
pour groupes scolaires.
</p>
<address>
Centre Keramis
Place des Fours-Bouteilles 1
7100 La Louvière
Belgique
<a href="http://www.keramis.be" target="_blank">www.keramis.be</a>
</address>
</div>
<div class="intro">
<p>Exposition consacrée aux travaux des ateliers de céramique des écoles supérieures participant au réseau Écart: La Cambre (Bruxelles), Pavillon Bosio (Monaco), Villa Arson (Nice), Esba (Le Mans) et Ensa (Limoges). </p>
<p>
Le réseau Écart, mis sur pied en 2009, offre un lieu d’échange aux écoles supérieures d’enseignement de la céramique artistique. Il mise sur la la pédagogie collaborative et l’ouverture. Depuis sa création le réseau met en valeur les compétences des différentes écoles et favorise la mise en commun des idées, recherches et pratiques de chacune. La synergie entre les établissement se manifeste dans des rencontres, des publications, des échanges entre professeurs et la réalisation de projets évolutifs et transversaux. Ce projet qui se déroule depuis 2013 a pour thématique «&#x202F;le Genre&#x202F;». Par la céramique, les ateliers ont questionné ses multiples définitions dans nos sociétés. Le fruit de ces deux années de travail sera exposé au Centre Keramis du 10 octobre 2015 au 10 janvier 2016.
</p>
</div>
<div class="ecoles">
<ul id="participants">
<li>La Cambre
<ul>
<li>Mahé Ripoll</li>
<li>Laura Katalin Kossack</li>
<li>Olivia Barisano</li>
<li>Charlotte Gigan</li>
<li>Safia Hijos</li>
<li>Julia Stehling</li>
<li>Elise Folliot</li>
<li>Lisa Heroux</li>
<li>Myung-Joo Kim</li>
<li>Paloma Martinez</li>
<li>Emmanuelle Musset</li>
<li>Emma Hyvernat</li>
<li>Ophélie Mac</li>
<li>Léa Kreling</li>
<li>Florence Lenain</li>
<li>Maëlle Poupard</li>
<li>Théo Cazaubon</li>
</ul></li>
<li>Limoges
<ul>
<li>Morgane Kabiry</li>
<li>Choi Hyewon</li>
<li>Marion Collas</li>
<li>Jeremy Pouch</li>
<li>Anthony Bureau</li>
<li>Ho-Cheng Chen</li>
<li>Minkyung Jun</li>
<li>Hélène Boisramé</li>
<li>Aliénor Martineau</li>
<li>Lucie Passama</li>
</ul></li>
<li>Monaco
<ul>
<li>Cécile Perreto</li>
<li>Panthéa Ravanchad</li>
<li>Amandine Maillot</li>
<li>Lucie Audau</li>
<li>Charly N'Doumbé</li>
<li>Fanny Lavergne</li>
<li>Roxane Ducruet</li>
<li>Sinem Bostanci</li>
<li>Matthieu Stefani</li>
</ul></li>
<li>TALM, le Mans
<ul>
<li>Maxence Pineau</li>
<li>Maely Masserau</li>
<li>Elise André</li>
<li>Jiang Chun</li>
<li>Fu Yu</li>
<li>Marine Biron</li>
<li>Elisa Gilbert</li>
<li>Quentin Fort</li>
<li>Barbara Bauer</li>
<li>Nikita Fauveau</li>
<li>Francine Enyegue Abada</li>
<li>Tammy Issa</li>
<li>Zhuyin Zeng</li>
<li>Jiamin Fu</li>
</ul></li>
<li>Villa Arson</li>
</ul>
</div>
</body>
</html>
This diff is collapsed.
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment