Commit c04dcd42 authored by svilayphiou's avatar svilayphiou

Big commit...

parent f98832de
This diff is collapsed.
This diff is collapsed.
# IDS
#IDS=(Limoges Cambre)
IDS=(Limoges Cambre Mans Arson Bosio HEAD Andrin Ripoll Katalin Barisano Gigan Hijos Stehling Folliot Heroux Joo Lunen Pineau Massereau Andre Chun Yu Fort Bauer Fauveau Enyegue Issa Zeng Fu Loughran Garcelon Kabiry Hyewon Collas Pouch Bureau Chen Kim Boisrame Martineau Passama Corregan Roman Perreto Ravanchad Maillot Audau Doumbe Lavergne Ducruet Bostanci Stefani Bauchet Orlando Audras Grapain Roch Moenne Cleveland Buffard Piette Toussaint Wang Emine Marseille Lievre Cavallier Grey Practice Decor Maarten Colonnes Benque Scenographie genres Bourcier Dellsperger Verna Delille Regazzoni Smith BoudryLorenz Alfonsi Jouvet Pipes Figueroa Buro Recchia Incertains KIT Manges Matray Keep TACT Alizer Ondine Tasses Clouzeau Jun Barde Doleac Rovero Gerber)
for ID in ${IDS[@]}; do
cat ecart.tmpl > dot/$ID.dot
echo "$ID[pos=\"-4, 3\", pin=true, fontname=\"Tsukurimashou-AnbirutekiPS\", fontsize=96, fixedsize=false]" >> dot/$ID.dot
echo "}" >> dot/$ID.dot
neato dot/$ID.dot -T svg > svg/ecart-$ID.svg
done
<!DOCTYPE>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="http://meyerweb.com/eric/tools/css/reset/reset.css" />
<link rel="stylesheet/less" type="text/css" href="/styles.less" />
<script src="less.min.js" type="text/javascript"></script>
</head>
<body>
<!--div id="logo">
<h1>Incertains Genres</h1><br/>
</div-->
<div class="intro">
<h1>Incertains<br/>Genres</h1><br/>
<p>Exposition consacrée aux travaux des ateliers de céramique des&nbsp;écoles supérieures participant au réseau Écart: </br>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 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&nbsp;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="pratique">
<h2>Réseau</h2>
<h3>(E) (C) (A) (R) (T)</h3>
<p class="date">
(1) {0} octobre 2015<br/>
&thinsp;{1} (0) 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>
<ul id="ecoles">
<li>La Cambre
<ul class="participants">
<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 class="participants">
<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 class="participants">
<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 class="participants">
<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
<ul class="participants">
<li>Mathieu Alary</li>
<li>Rémi Amiot</li>
<li>Benoit Barbagli</li>
<li>Néphéli Barbas</li>
<li>Jeanne Berbinau Aubry</li>
<li>Gillian Brett</li>
<li>Julie Buffard-Moret</li>
<li>Baptiste Carluy</li>
<li>Junkai Chen</li>
<li>Brice Courtès</li>
<li>Solène Doually</li>
<li>Maxime Duveau</li>
<li>Helena Gouveia Monteiro</li>
<li>Magali Halter</li>
<li>Lucie Henault</li>
<li>Florence Lattraye</li>
<li>Juliette Liautaud</li>
<li>Marie Ouazzani</li>
<li>David Perreard</li>
<li>Jérémy Piette</li>
<li>Raphaël Schwarz</li>
<li>Iommy Sanchez</li>
<li>Lola Taillefer</li>
<li>Aude Van Wyller</li>
</ul>
</li>
</ul>
</body>
</html>
mock-up/carte.png

362 KB | W: | H:

mock-up/carte.png

242 KB | W: | H:

mock-up/carte.png
mock-up/carte.png
mock-up/carte.png
mock-up/carte.png
  • 2-up
  • Swipe
  • Onion skin
This diff is collapsed.
mock-up/ecart-cambre.png

488 KB | W: | H:

mock-up/ecart-cambre.png

771 KB | W: | H:

mock-up/ecart-cambre.png
mock-up/ecart-cambre.png
mock-up/ecart-cambre.png
mock-up/ecart-cambre.png
  • 2-up
  • Swipe
  • Onion skin
digraph graphviz {
graph[overlap=false, splines=true, bgcolor="#EFEFEF"]
node[fontname="Tsukurimashou Maru", fontsize=10, fontcolor=navy, shape=circle, fixedsize=true, width=0.75, sep=50, color=white]
edge[color=navy, arrowhead=curvecurvecurve, arrowsize=1]
"ENSA Limoges"[pos="0, 0", pin=true, fontname="Tsukurimashou-AnbirutekiPS", fontsize=20, fixedsize=false]
"ENSA Limoges"[shape=box, margin=0.25, fixedsize=false]
"ENSAV\nLa Cambre"[shape=box, margin=0.25, fixedsize=false]
"ESBA TALM\nLe Mans"[shape=box, margin=0.25, fixedsize=false]
"Villa Arson"[shape=box, margin=0.25, fixedsize=false]
"Pavillon Bosio"[shape=box, margin=0.25, fixedsize=false]
// ÉCOLES
"ENSAV\nLa Cambre" -> "Caroline\nAndrin"
"ENSAV\nLa Cambre" -> "Mahé\nRipoll"
"ENSAV\nLa Cambre" -> "Laura\nKatalin\nKossack"
"ENSAV\nLa Cambre" -> "Olivia\nBarisano"
"ENSAV\nLa Cambre" -> "Charlotte\nGigan"
"ENSAV\nLa Cambre" -> "Safia\nHijos"
"ENSAV\nLa Cambre" -> "Julia\nStehling"
"ENSAV\nLa Cambre" -> "Elise\nFolliot"
"ENSAV\nLa Cambre" -> "Lisa\nHeroux"
"ENSAV\nLa Cambre" -> "Myung-Joo\nKim"
"ENSAV\nLa Cambre" -> "Paloma\nMartinez"
"ENSAV\nLa Cambre" -> "Emmanuelle\nMusset"
"ENSAV\nLa Cambre" -> "Emma\nHyvernat"
"ENSAV\nLa Cambre" -> "Ophélie\nMac"
"ENSAV\nLa Cambre" -> "Léa\nKreling"
"ENSAV\nLa Cambre" -> "Florence\nLenain"
"ENSAV\nLa Cambre" -> "Maëlle\nPoupard"
"ENSAV\nLa Cambre" -> "Théo\nCazaubon"
"ESBA TALM\nLe Mans" -> "Clémence\nVan Lunen"
"ESBA TALM\nLe Mans" -> "Maxence\nPineau"
"ESBA TALM\nLe Mans" -> "Maely\nMasserau"
"ESBA TALM\nLe Mans" -> "Elise\nAndré"
"ESBA TALM\nLe Mans" -> "Jiang\nChun"
"ESBA TALM\nLe Mans" -> "Fu\nYu"
"ESBA TALM\nLe Mans" -> "Marine\nBiron"
"ESBA TALM\nLe Mans" -> "Elisa\nGilbert"
"ESBA TALM\nLe Mans" -> "Quentin\nFort"
"ESBA TALM\nLe Mans" -> "Barbara\nBauer"
"ESBA TALM\nLe Mans" -> "Nikita\nFauveau"
"ESBA TALM\nLe Mans" -> "Francine\nEnyegue\nAbada"
"ESBA TALM\nLe Mans" -> "Tammy\nIssa"
"ESBA TALM\nLe Mans" -> "Zhuyin\nZeng"
"ESBA TALM\nLe Mans" -> "Jiamin\nFu"
"ENSA Limoges" -> "Patrick\nLoughran"
"ENSA Limoges" -> "Morgane\nKabiry"
"ENSA Limoges" -> "Choi\nHyewon"
"ENSA Limoges" -> "Marion\nCollas"
"ENSA Limoges" -> "Jeremy\nPouch"
"ENSA Limoges" -> "Anthony\nBureau"
"ENSA Limoges" -> "Ho-Cheng\nChen"
"ENSA Limoges" -> "Minkyung\nJun"
"ENSA Limoges" -> "Hélène\nBoisramé"
"ENSA Limoges" -> "Aliénor\nMartineau"
"ENSA Limoges" -> "Lucie\nPassama"
"Pavillon Bosio" -> "Daphen\nCorregan"
"Pavillon Bosio" -> "Cécile\nPerreto"
"Pavillon Bosio" -> "Panthéa\nRavanchad"
"Pavillon Bosio" -> "Amandine\nMaillot"
"Pavillon Bosio" -> "Lucie\nAudau "
"Pavillon Bosio" -> "Charly\nN'Doumbé"
"Pavillon Bosio" -> "Fanny\nLavergne"
"Pavillon Bosio" -> "Roxane\nDucruet"
"Pavillon Bosio" -> "Sinem\nBostanci"
"Pavillon Bosio" -> "Matthieu\nStefani"
"Villa Arson" -> "Frédéric\nBauchet"
"Villa Arson" -> "Sophie\nOrlando"
"Villa Arson" -> "Stessie\nAudras"
"Villa Arson" -> "Arnaud\nGrapain"
"Villa Arson" -> "Lea\nRoch"
"Villa Arson" -> "Jonas\nMoenne"
"Villa Arson" -> "Felicia\nCleveland\nStevens"
"Villa Arson" -> "Julie\nBuffard"
"Villa Arson" -> "Jeremy\nPiette"
"Villa Arson" -> "Nelly\nToussaint"
"Villa Arson" -> "Yuan\nWang"
"Villa Arson" -> "Raphael\nEmine"
// ÉVÉNEMENTS
"Voyage d'étude\nMarseille" -> "Daphne\nCorregan"
"Voyage d'étude\nMarseille" -> "Marseille"
"Voyage d'étude\nMarseille" -> "Nelly\nToussaint"
"Voyage d'étude\nMarseille" -> "Stessie\nAudras"
"Voyage d'étude\nMarseille" -> "Junkai\nChen"
"Voyage d'étude\nMarseille" -> "Jeanne\nBerbinau-Aubry"
"Voyage d'étude\nMarseille" -> "Omar"
"Kris Grey" -> "Caroline\nAndrin"
"Kris Grey" -> "Bruxelles"
"Kris Grey" -> "ENSAV\nLa Cambre"
"Kris Grey" -> "ESBA Talm\nLe Mans"
"Kris Grey" -> "ENSA Limoges"
"Kris Grey" -> "Pavillon Bosio"
"Workshop\nLimoges" -> "Patrick\nLougrhan"
"Workshop\nLimoges" -> "Christian\nGarcelon"
"Workshop\nLimoges" -> "Limoges"
"Workshop\nLimoges" -> "ENSAV\nLa Cambre"
"Workshop\nLimoges" -> "ESBA Talm\nLe Mans"
"Workshop\nLimoges" -> "ENSA Limoges"
"Workshop\nLimoges" -> "Pavillon Bosio"
"Workshop\nLimoges" -> "Villa Arson"
"Colonnes" -> "Clémence\nVan Lunen"
"Colonnes" -> "Les Rairies Montrieux"
"Colonnes" -> "ENSAV\nLa Cambre"
"Colonnes" -> "ESBA Talm\nLe Mans"
"Colonnes" -> "ENSA Limoges"
"Colonnes" -> "Pavillon Bosio"
"Colonnes" -> "Villa Arson"
"Rencontres\nDes genres au queer" -> "Sophie\nOrlando"
"Rencontres\nDesgenres au queer" -> "Villa Arson"
"Workshop\nMonaco" -> "Éric\nBenqué"
"Workshop\nMonaco" -> "ENSAV\nLa Cambre"
"Workshop\nMonaco" -> "ESBA Talm\nLe Mans"
"Workshop\nMonaco" -> "ENSA Limoges"
"Workshop\nMonaco" -> "Pavillon Bosio"
"Workshop\nMonaco" -> "Villa Arson"
"Les Pipes\nde Sainte-Claudine" -> "Amandine\nMaillot"
"Les Pipes\nde Sainte-Claudine" -> "Daphné\nCorregan"
"Buro(caricia)" -> "Micael\nFigueroa"
"Incertains\ngenres" -> "Keramis"
"Incertains\ngenres" -> "Ludovic\nRecchia"
"Incertains\ngenres" -> "ENSAV\nLa Cambre"
"Incertains\ngenres" -> "ESBA Talm\nLe Mans"
"Incertains\ngenres" -> "ENSA Limoges"
"Incertains\ngenres" -> "Pavillon Bosio"
"Incertains\ngenres" -> "Villa Arson"
"KIT\nKeep in Touch" -> "Pavillon Bosio"
"KIT\nKeep in Touch" -> "Maxime\nMatray"
"Dis-moi\nce que tu manges" -> "Hôtel\nVan De Velde"
"TACT" -> "Caroline\nAndrin"
}
This source diff could not be displayed because it is too large. You can view the blob instead.
mock-up/ecart-limoges.png

455 KB | W: | H:

mock-up/ecart-limoges.png

562 KB | W: | H:

mock-up/ecart-limoges.png
mock-up/ecart-limoges.png
mock-up/ecart-limoges.png
mock-up/ecart-limoges.png
  • 2-up
  • Swipe
  • Onion skin
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
......@@ -23,17 +23,16 @@
font-family: tsukurimashou-mincho;
src: url("/fonts/TsukurimashouMincho.otf");
}
@keyframes example {
0% {background-color: white;}
50% {background-color: #FFF6C8; }
100% {background-color: white;}
}
/* ---------- VARIABLES ----------- */
@rand: `Math.random()`;
@font-fat: tsukurimashou-anbiruteki;
@font-narrow: tsukurimashou-maru;
@font-size: 27px;
@line-height: 28px;
@background-color: antiquewhite;
@color: navy;
/* ---------- MIXINS ----------- */
/* Mixin to generate random number;
......@@ -48,19 +47,29 @@
@randNum: @base + @min;
}
@keyframes example {
0% {background-color: white;}
50% {background-color: @background-color; }
100% {background-color: white;}
}
/* ---------- GENERIC STYLES ----------- */
body {
font-family: @font-fat;
font-size: 27px;
line-height: 28px;
font-size: @font-size;
line-height: @line-height;
-webkit-font-feature-settings: "ss02", "kern", "clig", "dlig", "ligs";
-moz-font-feature-settings: "ss02", "kern", "clig", "dlig", "ligs";
margin: 1.5em 5em;
animation-name: example;
animation-duration: 10s;
animation-iteration-count: infinite;
padding: 1.5em;
//animation-name: example;
//animation-duration: 10s;
//animation-iteration-count: infinite;
//
// background-color: #BFFD9C;
// background-color: white;
text-align: center;
color: @color;
}
h1 {
......@@ -74,9 +83,10 @@
//background-position: 4px 0;
background-size: 55%;
margin-bottom: @line-height;
}
h2{
h2 {
font-size: 35px;
line-height: 40px;
text-align: left;
......@@ -84,7 +94,8 @@
padding-top: 60px;
text-transform: uppercase;
font-family: @font-narrow;
}
margin-bottom: @line-height;
}
h3 {
font-family: @font-narrow;
......@@ -120,7 +131,7 @@
//background-color: white;
background: url(mock-up/mockup-motif6.svg);
border-radius: 1.5em;
padding: 2.5em 1em;
//padding: 2.5em 1em;
display: inline-block;
margin: auto;
text-align: left;
......@@ -134,37 +145,90 @@
ul {
box-sizing: border-box;
}
p {
max-width: 30em;
margin: auto;
}
/* ---------- SPECIFIC STYLES ----------- */
#menu {
background-color: rgba(255, 255, 255, 0.95);
z-index: 2000;
position: relative;
li {
display: inline;
a {
text-decoration: none;
}
}
}
#graph {
position: absolute;
top: @line-height * 3;
left: 0;
width: 100%;
z-index: -1000;
transition: all 1s;
&.graph--show:hover,
&.graph--show {
z-index: 1000;
background-color: rgba(235, 245, 225, 0.95);
}
}
#graph svg {
width: 100%;
.node--show {
fill: white;
stroke: navy;
}
}
#container {
width: 100%;
padding: 2 * @line-height;
box-sizing: border-box;
background-color: rgba(255, 255, 255, 0.8);
}
#logo {
margin: auto;
text-align: center;
display: flex;
align-items: flex-end;
// background: url(mock-up/mockup-motif1.svg);
h1,
h2 {
font-size: @font-size;
//background-color: white;
border-radius: 1em;
display: inline-block;
padding: 1em;
font-family: @font-narrow;
}
}
.pratique {
float: left;
width: 35%%;
text-align: center;
width: 35%;
position: relative;
font-family: @font-narrow;
font-size: 18px;
line-height: 22px;
margin-top: -35px;
}
.date {
// background-color: white;
background: url(mock-up/mockup-motif4.svg);
border-radius: 1.5em;
padding: 1em;
padding-left: 3em;
padding-top: 3em;
display: inline-block;
margin-bottom: 0;
//background-position: -30px 3px;
......@@ -178,15 +242,10 @@
}
.intro {
font-family: @font-narrow;
font-size: 18px;
line-height: 22px;
width: 55%;
float: left;
position: relative;
#description {
margin-top: -40px;
}
.intro p + p {
.intro {
font-family: @font-fat;
font-size: 27px;
line-height: 27px;
......@@ -208,7 +267,7 @@
ul#ecoles {
clear: both;
display: flex;
margin-top: 2em
//margin-top: 2em
}
ul#ecoles > li {
//background-color: white;
......
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