Commit 02b3117b authored by sarah's avatar sarah

first page

parent f98832de
......@@ -6,26 +6,40 @@
<link rel="stylesheet/less" type="text/css" href="/styles.less" />
<script src="less.min.js" type="text/javascript"></script>
</head>
<body>
<div class="header pratique">
<h2>réseau</h2>
<h3>(E) (C) (A) (R) (T)</h3>
</div>
<div class="graphviz">
<!--div id="logo">
<h1>Incertains Genres</h1><br/>
</div-->
<div class="workshop">
<h1>Kris Grey</h2>
<h2>Material Practice Workhop – Queerobjetcs </h2>
<p>Kris Grey/Justin Credible <a href="">http://www.kristingrey.com</a> est un-e artiste queer, basé à New York, dont le travail passe par différentes stratégies : communication, activisme, construction communautaire, formation, conférences et productions d’atelier.
<div class="intro">
<h1>Incertains<br/>Genres</h1><br/>
<p>Invité en collaboration avec le cours de performance dirigé par Antoine Pickels, il a donné une conférence plénière, puis un workshop spécifique pour les étudiants du réseau ECART. </p>
<p>Lors de sa conférence intitulée Queering the body – Performing the Self, Kris Grey a parlé de son parcours et de la transition qu’il a opérée, depuis une créatrice d’objets formée dans un département de céramique, jusqu’à un-e artiste du corps, investi dans l’exposition de la perméabilité et de la nature construite du schéma binaire masculin/féminin. </p>
<p>Pendant le workshop de quatre jours, les 17 étudiants (venant du Pavillon Bosio, de l’Ensa Limoges et de La Cambre) ont questionné et mis à l’épreuve l’implication liée au genre des corps et des objets. Il a été question de réfléchir à la manière de percevoir le corps et les objets à travers un langage qui ne se résume pas au seul classement binaire homme/femme. Kris Grey a proposé différents défis que les étudiants ont relevés avec humour, originalité et implication personnelle. Ce workshop a offert de nombreux et précieux moments d’échanges permis par la générosité et l’aisance de communication dont l’artiste fait preuve. </p>
<p>Ces jours de travail et de réflexion ont été étayés par une conférence de Ludovic Recchia retraçant les perspectives historiques sur la céramique et le genre. Suite à cette intervention, Ludovic Recchia a proposé au réseau ECART une collaboration avec le musée Keramis. </p>
<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>
<div class="pratique">
<h2>Réseau</h2>
<!-- <div class="pratique">
<h2>réseau</h2>
<h3>(E) (C) (A) (R) (T)</h3>
<p class="date">
......@@ -43,100 +57,90 @@ Place des Fours-Bouteilles 1
Belgique
<a href="http://www.keramis.be" target="_blank">www.keramis.be</a>
</address>
</div>
</div> -->
<!-- <div id="ecoles">
La Cambre
Mahé Ripoll
Laura Katalin Kossack
Olivia Barisano
Charlotte Gigan
Safia Hijos
Julia Stehling
Elise Folliot
Lisa Heroux
Myung-Joo Kim
Paloma Martinez
Emmanuelle Musset
Emma Hyvernat
Ophélie Mac
Léa Kreling
Florence Lenain
Maëlle Poupard
Théo Cazaubon
Limoges
Morgane Kabiry
Choi Hyewon
Marion Collas
Jeremy Pouch
Anthony Bureau
Ho-Cheng Chen
Minkyung Jun
Hélène Boisramé
Aliénor Martineau
Lucie Passama
Monaco
Cécile Perreto
Panthéa Ravanchad
Amandine Maillot
Lucie Audau
Charly N'Doumbé
Fanny Lavergne
Roxane Ducruet
Sinem Bostanci
Matthieu Stefani
TALM, le Mans
Maxence Pineau
Maely Masserau
Elise André
Jiang Chun
Fu Yu
Marine Biron
Elisa Gilbert
Quentin Fort
Barbara Bauer
Nikita Fauveau
Francine Enyegue Abada
Tammy Issa
Zhuyin Zeng
Jiamin Fu
Villa Arson
Mathieu Alary
Rémi Amiot
Benoit Barbagli
Néphéli Barbas
Jeanne Berbinau Aubry
Gillian Brett
Julie Buffard-Moret
Baptiste Carluy
Junkai Chen
Brice Courtès
Solène Doually
Maxime Duveau
Helena Gouveia Monteiro
Magali Halter
Lucie Henault
Florence Lattraye
Juliette Liautaud
Marie Ouazzani
David Perreard
Jérémy Piette
Raphaël Schwarz
Iommy Sanchez
Lola Taillefer
Aude Van Wyller
<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>
</div> -->
</body>
</html>
......@@ -55,35 +55,55 @@
line-height: 28px;
-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;
// background-color: #BFFD9C;
// animation-name: example;
// animation-duration: 10s;
// animation-iteration-count: infinite;
background-color: #BFFD9C;
// background-color: white;
}
div.header{
background: url(/mock-up/cartesheader.svg);
height: 200pt;
background-position: 0px -35px;
background-repeat: no-repeat;
background-size: cover;
top: 0pt;
right: 0;
left: 0;
}
div.header h2, div.header h3 {
margin-left: 2em;
}
div.header h2:first-of-type{
padding-top: 34pt;
}
div.header h3{
margin-top: -6pt;
}
h1 {
//text-transform: uppercase;
background: url(mock-up/mockup-motif8.svg);
font-family: @font-fat;
font-size: 70px;
text-align: right;
line-height: 50px;
border-radius: 0.5em;
font-family: @font-fat;
font-size: 45px;
// text-align: right;
line-height: 40px;
// border-radius: 0.5em;
//background-position: 4px 0;
background-size: 55%;
}
h2{
font-size: 35px;
font-size: 25px;
line-height: 40px;
text-align: left;
padding-left: 27px;
padding-top: 60px;
text-transform: uppercase;
font-family: @font-narrow;
text-transform: uppercase;
}
h3 {
......@@ -96,11 +116,18 @@
}
p {
text-align: left;
padding: 0.5em 1em;
padding-left: 1em;
}
p + p {
text-indent: 2em;
}
a {
text-transform: lowercase;
color: inherit;
font-family: @font-narrow;
font-size: 18px;
}
a:hover {
background-color: whitesmoke;
......@@ -118,7 +145,6 @@
font-size: 18px;
line-height: 22px;
//background-color: white;
background: url(mock-up/mockup-motif6.svg);
border-radius: 1.5em;
padding: 2.5em 1em;
display: inline-block;
......@@ -154,14 +180,15 @@
}
.pratique {
float: left;
width: 35%%;
text-align: center;
position: relative;
// float: left;
// width: 35%%;
// text-align: center;
// position: relative;
// right: 0;
// left: 25%;
}
.date {
// background-color: white;
background: url(mock-up/mockup-motif4.svg);
border-radius: 1.5em;
padding: 1em;
padding-left: 3em;
......@@ -178,60 +205,47 @@
}
.intro {
.workshop {
font-family: @font-narrow;
font-size: 18px;
line-height: 22px;
width: 55%;
float: left;
position: relative;
margin-top: 20pt;
}
.intro p + p {
div.workshop {
border: 1px solid black;
padding:1em;
margin-left: 2em;
// background: url(/mock-up/cartesheader2.svg);
// background-size: 407%;
}
.workshop p {
font-family: @font-fat;
font-size: 27px;
line-height: 27px;
padding-left: 2em;
}
.intro p:first-of-type{
margin-top: 18px;
padding: 0.5em 1.5em;
background-size: 10% ;
background: url(mock-up/mockup-motif8.svg);
.workshop p:first-of-type{
margin-top: 1em;
}
.intro p {
.workshop p {
//background-color: white;
background: url(mock-up/mockup-motif5.svg);
border-radius: 1.5em;
// background: url(mock-up/mockup-motif5.svg);
// border-radius: 1.5em;
//background-position: -18px 47px;
background-size: 50%;
}
ul#ecoles {
clear: both;
display: flex;
margin-top: 2em
}
ul#ecoles > li {
//background-color: white;
background: url(mock-up/mockup-motif9.svg);
//background-position: -44px -9px;
background-size: 50%;
font-family: @font-narrow;
display: inline-table;
border-radius: 3em;
text-transform: uppercase;
font-size: 18px;
padding: 1em;
}
ul.participants{
width: 160px;
}
.participants li {
font-family: @font-fat;
font-size: 27px;
padding: 0;
}
.participants li:nth-child(2n) {
color: #666;
.workshop h2, .workshop h3, .workshop h1 {
background-color: white;
}
div.graphviz{
background: url(/mock-up/ecart-cambre.png);
background-position: 2em 0pt;
background-repeat: no-repeat;
height: 100%;
width: 100%;
background-size: cover;
}
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