286 lines
32 KiB
HTML
286 lines
32 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta lang="fr" />
|
||
<link rel="stylesheet" href="./main.css" />
|
||
<link rel="stylesheet" href="./fonts/fonts.css" />
|
||
<script type="text/javascript" src="js/modale.js"></script>
|
||
<title>Métamorphose</title>
|
||
</head>
|
||
|
||
<body id="body">
|
||
<header>
|
||
<h1><div>Méta</div><div>morph<span class="couleur">o</span>se</div></h1>
|
||
<h4><span class="couleur">Manifeste de mode de seconde main,</span> Manifeste pour la mode de demain.</h4>
|
||
<a class="button" href="pdf/métamorphose1.pdf" id="download">
|
||
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="5 1 170 170">
|
||
<g>
|
||
<path d="M102.34,10.75l37.41,37.41v113.09h-116.1v-150.5h78.69M103.2,8.6h-81.7v154.8h120.4v-116.1l-38.7,-38.7z"></path>
|
||
<path d="M102.125,48.375v-38.7h0.645l38.055,38.055v0.645z" opacity="0.7"></path>
|
||
<path d="M103.2,11.61l35.69,35.69h-35.69v-35.69M103.2,8.6h-2.15v40.85h40.85v-2.15l-38.7,-38.7zM52.245,129c-3.01,0 -4.945,-2.365 -4.945,-4.515c0,-5.805 7.74,-10.75 17.845,-14.19c4.3,-7.525 8.385,-16.985 11.18,-25.585c-2.365,-6.235 -3.87,-12.04 -3.87,-16.125c0,-2.365 0.43,-4.3 1.29,-5.59c1.075,-1.72 2.795,-2.795 4.73,-2.795c1.935,0 3.44,1.075 4.3,2.795c0.645,1.29 1.075,3.01 1.075,5.375c0,4.085 -1.075,9.89 -3.225,16.555c2.795,7.095 7.095,14.405 12.04,19.78c7.74,-0.645 13.975,-0.43 17.845,0.86c4.3,1.505 5.375,3.87 5.375,5.805c0,1.935 -0.86,6.235 -7.955,6.235c-6.02,0 -11.825,-3.44 -16.77,-8.385c-7.955,0.86 -16.125,2.58 -23.005,4.945c-5.16,8.385 -10.75,14.835 -15.91,14.835zM51.6,124.485c0,0 0.215,0.215 0.645,0.215c2.365,0 5.59,-3.225 9.03,-8.17c-5.805,2.58 -9.675,5.375 -9.675,7.955zM97.18,108.575c3.44,2.795 7.095,4.515 10.965,4.515c3.655,0 3.655,-1.29 3.655,-1.935c0,-0.86 -1.72,-1.505 -2.365,-1.72c-2.15,-0.645 -5.16,-1.075 -9.03,-1.075c-1.075,0.215 -2.15,0.215 -3.225,0.215zM78.905,90.73c-2.15,6.02 -4.73,12.255 -7.74,17.845c5.375,-1.505 11.18,-2.58 16.555,-3.225c-3.44,-4.515 -6.45,-9.675 -8.815,-14.62zM78.475,64.5c-0.43,0 -0.645,0 -1.075,0.645c-0.215,0.43 -0.645,1.505 -0.645,3.44c0,2.58 0.43,5.59 1.505,9.03c0.86,-3.655 1.29,-6.88 1.29,-9.46c0,-1.935 -0.43,-3.01 -0.43,-3.44c-0.215,-0.215 -0.43,-0.215 -0.645,-0.215z"></path>
|
||
</g>
|
||
</svg><!--
|
||
-->
|
||
<span>Télécharger</span>
|
||
</a>
|
||
</header>
|
||
|
||
<section id="charte">
|
||
<h2>Le manifeste</h2>
|
||
<div>
|
||
<div style="max-width: 60%;">
|
||
<span>Bienvenue dans l’aventure du magazine Métamorphose !</span>
|
||
<br>
|
||
<br>
|
||
<span>Métamorphose est un magazine, un magazine de mode. Cependant, il présente des vêtements, issus de la seconde main. C’est aussi une aventure, un support de réflexion, d’histoires, de conseils, de poèmes, sur des thèmes inspirants autour du vêtement et de sa réutilisation. Les vêtements de seconde mains y sont mis à l’honneur mais permettent aussi de parler d’écologie, de confiance en soi, de politique. Cet ouvrage emprunte la forme d’un magazine de mode mais parle avant tout d’un sujet de fond : la seconde main sous toutes ses formes, sujet auquel il nous semblait utile de contribuer et de développer.</span>
|
||
<br>
|
||
<span>Métamorphose, c’est aussi une équipe d’une dizaine de copains, passionnés mais peu expérimentés, ayant travaillé dur pour lui donner naissance. Une équipe qui tient à son indépendance et à son originalité, et qui souhaite partager une idée, une façon d’envisager autrement le quotidien à travers son mode de vie pour consommer moins mais mieux, pour vivre plus simplement, mais vivre vraiment. Ce magazine, comme une petite graine fraîchement semée aidera peut-être à faire germer un nouveau mode de vie où nous serons plus conscients de nos choix, avec éthique et confiance en soi. Le vêtement, parfait étendard de la consommation outrancière, meurtrière et polluante, pourrait devenir autre chose : une transmission, une création ou encore un souvenir.</span>
|
||
<br>
|
||
<span>Ainsi, Métamorphose, que vous pouvez télécharger gratuitement sur ce site, porte un message d’espoir et d’amitié pour une modification de notre consommation, de notre rapport aux vêtements et peut-être à soi et aux autres. Si l’idée et le magazine vous plaisent, n’hésitez pas à le partager autour de vous !</span>
|
||
<br>
|
||
<br>
|
||
<span>On vous souhaite une bonne lecture !</span>
|
||
<br>
|
||
<br>
|
||
<span class="align-right">Les copains de Métamorphose</span>
|
||
</div>
|
||
<div>
|
||
<img src="img/Page_de_couverture.jpg">
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
|
||
<section id="qui">
|
||
<h2>Qui sommes nous ?</h2>
|
||
<div class="content">
|
||
<div class="profil">
|
||
<div class="img">
|
||
<img src="img/louise.png"/>
|
||
</div>
|
||
<div>
|
||
<h3>Louise Goutheraud</h3>
|
||
<p class="role">Réalisatrice
|
||
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="30" height="30" viewBox="0 0 172 172">
|
||
<g fill="#333333">
|
||
<path d="M153.1875,68.53125h-97.01875l93.79375,-25.12813c1.075,-0.26875 1.88125,-0.94062 2.41875,-1.88125c0.5375,-0.94063 0.67188,-2.01562 0.40312,-3.09063l-3.49375,-13.03437c-2.55313,-9.27188 -12.09375,-14.78125 -21.36563,-12.3625l-97.42187,26.20313c-9.00313,2.41875 -14.5125,11.55625 -12.49687,20.69375c-4.3,2.55313 -7.25625,7.25625 -7.25625,12.63125c0,6.71875 4.56875,12.49688 10.75,14.24375v66.38125c0,9.675 7.79375,17.46875 17.46875,17.46875h100.78125c9.675,0 17.46875,-7.79375 17.46875,-17.46875v-80.625c0,-2.28437 -1.74687,-4.03125 -4.03125,-4.03125zM119.72813,23.65l22.97812,13.30312l-14.64687,3.89688l-22.97813,-13.30313zM80.89375,34.13125l22.97813,13.30312l-14.64688,3.89688l-22.97813,-13.30313zM32.65313,47.03125l9.27188,-2.55313l22.97813,13.30313l-14.64688,4.03125l-21.63438,-12.49687c1.075,-1.075 2.41875,-1.88125 4.03125,-2.28438zM25.53125,79.28125c-3.7625,0 -6.71875,-2.95625 -6.71875,-6.71875c0,-3.7625 2.95625,-6.71875 6.71875,-6.71875c3.7625,0 6.71875,2.95625 6.71875,6.71875c0,3.7625 -2.95625,6.71875 -6.71875,6.71875zM149.15625,153.1875c0,5.24062 -4.16563,9.40625 -9.40625,9.40625h-100.78125c-5.24063,0 -9.40625,-4.16563 -9.40625,-9.40625v-54.01875l22.575,-22.575h15.18437l-22.84375,22.84375h25.12813l22.84375,-22.84375h15.18437l-22.84375,22.84375h25.12813l22.84375,-22.84375h15.18438l-22.84375,22.84375h24.05313z"></path>
|
||
</g>
|
||
</svg>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="profil">
|
||
<div class="img">
|
||
<img src="img/ayoub.png"/>
|
||
</div>
|
||
<div>
|
||
<h3>Ayoub Imam</h3>
|
||
<p class="role">
|
||
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="30" height="30" viewBox="0 0 172 172">
|
||
<g fill="#333333">
|
||
<path d="M83.57495,21.5c-4.56665,0 -8.5874,2.1521 -11.2749,5.9104l-6.71875,10.2146h-17.2063v-5.375c0,-2.96045 -2.41455,-5.375 -5.375,-5.375h-16.125c-2.96045,0 -5.375,2.41455 -5.375,5.375v5.375h-8.0625c-4.56665,0 -8.0625,3.49585 -8.0625,8.0625v96.75c0,4.56665 3.49585,8.0625 8.0625,8.0625h145.125c4.56665,0 8.0625,-3.49585 8.0625,-8.0625v-96.75c0,-4.56665 -3.49585,-8.0625 -8.0625,-8.0625h-2.6875v-2.6875c0,-2.96045 -2.41455,-5.375 -5.375,-5.375h-5.375c-2.96045,0 -5.375,2.41455 -5.375,5.375v2.6875h-6.71875l-6.71875,-10.2146c-2.41455,-3.7583 -6.71875,-5.9104 -11.2854,-5.9104zM83.57495,26.875h31.45215c2.6875,0 5.10205,1.34375 6.71875,3.49585l7.5166,11.54785c0.5459,0.80835 1.35425,1.0813 2.1626,1.0813h27.13745c1.6167,0 2.6875,1.0708 2.6875,2.6875v96.75c0,0 -0.80835,2.6875 -2.42505,2.6875h-145.38745c-1.6167,0 -2.6875,-1.0708 -2.6875,-2.6875v-96.75c0,-1.6167 1.0708,-2.6875 2.6875,-2.6875h53.75c0.80835,0 1.6167,-0.5354 2.1521,-1.0813l7.5166,-11.54785c1.6167,-2.1521 4.03125,-3.49585 6.71875,-3.49585zM26.875,32.25h16.125v5.375h-16.125zM145.125,34.9375h5.375v2.6875h-5.375zM18.8125,48.375c-1.6167,0 -2.6875,1.0708 -2.6875,2.6875v5.375c0,1.6167 1.0708,2.6875 2.6875,2.6875c1.6167,0 2.6875,-1.0708 2.6875,-2.6875v-5.375c0,-1.6167 -1.0708,-2.6875 -2.6875,-2.6875zM32.25,48.375c-1.6167,0 -2.6875,1.0708 -2.6875,2.6875v5.375c0,1.6167 1.0708,2.6875 2.6875,2.6875c1.6167,0 2.6875,-1.0708 2.6875,-2.6875v-5.375c0,-1.6167 -1.0708,-2.6875 -2.6875,-2.6875zM45.6875,48.375c-1.6167,0 -2.6875,1.0708 -2.6875,2.6875v5.375c0,1.6167 1.0708,2.6875 2.6875,2.6875c1.6167,0 2.6875,-1.0708 2.6875,-2.6875v-5.375c0,-1.6167 -1.0708,-2.6875 -2.6875,-2.6875zM59.125,48.375c-1.6167,0 -2.6875,1.0708 -2.6875,2.6875v5.375c0,1.6167 1.0708,2.6875 2.6875,2.6875c1.6167,0 2.6875,-1.0708 2.6875,-2.6875v-5.375c0,-1.6167 -1.0708,-2.6875 -2.6875,-2.6875zM72.5625,48.375c-1.6167,0 -2.6875,1.0708 -2.6875,2.6875v5.375c0,1.6167 1.0708,2.6875 2.6875,2.6875c1.6167,0 2.6875,-1.0708 2.6875,-2.6875v-5.375c0,-1.6167 -1.0708,-2.6875 -2.6875,-2.6875zM86,48.375c-1.6167,0 -2.6875,1.0708 -2.6875,2.6875v5.9104c-14.24585,6.18335 -24.1875,20.4292 -24.1875,37.0896c0,22.30835 18.00415,40.3125 40.3125,40.3125c22.30835,0 40.3125,-18.00415 40.3125,-40.3125c0,-16.6604 -9.94165,-30.90625 -24.1875,-37.0896v-5.9104c0,-1.6167 -1.0708,-2.6875 -2.6875,-2.6875c-1.6167,0 -2.6875,1.0708 -2.6875,2.6875v4.03125c-2.6875,-0.80835 -5.375,-1.0708 -8.0625,-1.34375v-2.6875c0,-1.6167 -1.0708,-2.6875 -2.6875,-2.6875c-1.6167,0 -2.6875,1.0708 -2.6875,2.6875v2.6875c-2.6875,0.27295 -5.375,0.5354 -8.0625,1.34375v-4.03125c0,-1.6167 -1.0708,-2.6875 -2.6875,-2.6875zM126.3125,48.375c-1.6167,0 -2.6875,1.0708 -2.6875,2.6875v5.375c0,1.6167 1.0708,2.6875 2.6875,2.6875c1.6167,0 2.6875,-1.0708 2.6875,-2.6875v-5.375c0,-1.6167 -1.0708,-2.6875 -2.6875,-2.6875zM139.75,48.375c-1.6167,0 -2.6875,1.0708 -2.6875,2.6875v5.375c0,1.6167 1.0708,2.6875 2.6875,2.6875c1.6167,0 2.6875,-1.0708 2.6875,-2.6875v-5.375c0,-1.6167 -1.0708,-2.6875 -2.6875,-2.6875zM153.1875,48.375c-1.6167,0 -2.6875,1.0708 -2.6875,2.6875v5.375c0,1.6167 1.0708,2.6875 2.6875,2.6875c1.6167,0 2.6875,-1.0708 2.6875,-2.6875v-5.375c0,-1.6167 -1.0708,-2.6875 -2.6875,-2.6875zM99.4375,58.86255c19.3479,0 35.19995,15.85205 35.19995,35.19995c0.27295,19.3479 -15.5791,35.19995 -35.19995,35.19995c-19.3479,0 -35.19995,-15.85205 -35.19995,-35.19995c0,-19.3479 15.85205,-35.19995 35.19995,-35.19995zM45.6875,64.5c-1.6167,0 -2.6875,1.0708 -2.6875,2.6875v69.875c0,1.6167 1.0708,2.6875 2.6875,2.6875c1.6167,0 2.6875,-1.34375 2.6875,-2.6875v-69.875c0,-1.6167 -1.0708,-2.6875 -2.6875,-2.6875zM99.4375,64.5c-16.39795,0 -29.5625,13.16455 -29.5625,29.5625c0,16.39795 13.16455,29.5625 29.5625,29.5625c16.39795,0 29.5625,-13.16455 29.5625,-29.5625c0,-16.39795 -13.16455,-29.5625 -29.5625,-29.5625zM99.4375,69.3396c13.71045,0 24.7229,11.01245 24.7229,24.7229c0.27295,13.71045 -10.75,24.7229 -24.7229,24.7229c-13.71045,0 -24.7229,-11.01245 -24.7229,-24.7229c0,-13.71045 11.01245,-24.7229 24.7229,-24.7229z"></path>
|
||
</g>
|
||
</svg>
|
||
Photographe
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="participants">
|
||
<div class="mannequins">
|
||
<div>
|
||
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="64" height="64" viewBox="0 0 226 226">
|
||
<g fill="#222222">
|
||
<path d="M93.99305,18.08l-49.64055,21.22281l-0.75039,1.34188c-3.43551,6.16211 -6.78237,17.20842 -10.53195,31.20742c-3.74958,13.99901 -7.65764,30.65206 -11.20289,46.65664c-7.09049,32.00916 -12.74781,61.43492 -12.74781,61.43492l-0.87398,4.55531l35.85102,5.97664l17.82399,-74.83602c0.58594,6.26694 1.35953,11.6686 1.35953,19.96039c0,16.57333 -9.04,43.99467 -9.04,67.8v4.52h58.76h58.76v-4.52c0,-23.80533 -9.04,-51.22667 -9.04,-67.8c0,-8.2918 0.77359,-13.69345 1.35953,-19.96039l17.82399,74.83602l35.85101,-5.97664l-0.87398,-4.55531c0,0 -5.65995,-29.42891 -12.73899,-61.42609c-3.5395,-15.99859 -7.431,-32.63585 -11.16758,-46.62133c-3.73658,-13.98548 -7.06724,-25.01332 -10.47898,-31.15445l-0.75039,-1.3507l-49.73766,-21.31109zM96.21773,27.12h33.49391l-17.20602,64.54242c-7.12897,-28.51155 -14.49692,-57.5264 -16.28789,-64.54242zM138.16016,30.55414l11.50305,4.93492l-11.89148,15.85531l9.47258,4.73188l-28.12641,45.91508zM87.75156,30.58063c1.75272,6.8733 10.65465,41.73996 18.13297,71.79914l-27.21711,-46.25937l8.7575,-4.37875l-8.66039,-17.32078zM70.43961,37.97859l4.85547,9.71976l-9.3225,4.66125l47.02742,79.9475v66.57289h-49.12852c1.03225,-20.6085 8.44852,-44.97347 8.44852,-63.28c0,-3.14559 -0.07846,-6.14089 -0.18539,-9.04h13.74539v-9.04h-14.23977c-1.28747,-17.35051 -3.97266,-28.21469 -3.97266,-28.21469l-4.49352,-17.97406l-25.91054,108.83312l-18.31836,-3.0457c0.75312,-3.8913 5.21648,-27.16308 11.75023,-56.65891c3.52855,-15.92922 7.41431,-32.48616 11.10578,-46.26821c3.53946,-13.21452 7.01443,-23.48978 9.29602,-27.94101zM158.21766,39.15273l16.76461,7.18609c2.2615,4.42965 5.72464,14.68612 9.25188,27.88805c3.67904,13.77014 7.5563,30.32664 11.0793,46.25055c6.52328,29.48527 10.98813,52.74889 11.74141,56.64125l-18.31836,3.0457l-25.91054,-108.83312l-4.49352,17.97406c0,0 -2.68518,10.86418 -3.97266,28.21469h-14.23977v9.04h13.74539c-0.10693,2.89911 -0.18539,5.89441 -0.18539,9.04c0,18.30653 7.41627,42.6715 8.44852,63.28h-40.08852v-68.3032l-0.10594,-0.48555c-0.48122,-2.14376 -1.80708,-7.45078 -2.67492,-11.05281l40.84773,-66.63469l-8.59859,-4.2993zM103.96,135.6c-2.49633,0 -4.52,2.02367 -4.52,4.52c0,2.49633 2.02367,4.52 4.52,4.52c2.49633,0 4.52,-2.02367 4.52,-4.52c0,-2.49633 -2.02367,-4.52 -4.52,-4.52zM103.96,153.68c-2.49633,0 -4.52,2.02367 -4.52,4.52c0,2.49633 2.02367,4.52 4.52,4.52c2.49633,0 4.52,-2.02367 4.52,-4.52c0,-2.49633 -2.02367,-4.52 -4.52,-4.52z"></path>
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
<h4>Mannequins</h4>
|
||
<ul>
|
||
<li>Louise Gouthéraud</li>
|
||
<li>Jeanne Gouthéraud</li>
|
||
<li>Serge Gouthéraud</li>
|
||
<li>Marylou Gricourt</li>
|
||
<li>Louise Dailloux</li>
|
||
<li>Ayoub Imam</li>
|
||
<li>Odilon Jacquard</li>
|
||
</ul>
|
||
</div>
|
||
<div class="ecrivains">
|
||
<div>
|
||
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="64" height="64" viewBox="0 0 226 226">
|
||
<g fill="#111111">
|
||
<path d="M48.22363,14.125c-4.71753,0 -9.14539,1.83459 -12.48352,5.17273l-30.56738,30.56738c-3.33814,3.33813 -5.17273,7.76599 -5.17273,12.48352v138.93262c0,5.83484 4.75891,10.59375 10.59375,10.59375h141.25c5.83484,0 10.59375,-4.75891 10.59375,-10.59375v-62.34863l43.42334,-43.5199l12.46973,-12.48352c2.67603,-2.66223 4.13818,-6.22107 4.13818,-9.98682c0,-3.76575 -1.46216,-7.32459 -4.13818,-9.98682l-19.97363,-19.97363c-5.33826,-5.33826 -14.64917,-5.33826 -19.97363,0l-9.82129,9.8075l-0.81384,0.82764l-1.84839,1.84839v0.0138l-3.46228,3.44848v-34.20898c0,-5.83484 -4.75891,-10.59375 -10.59375,-10.59375zM49.4375,21.1875h102.40625c1.94495,0 3.53125,1.5863 3.53125,3.53125v41.28528l-14.29053,14.31812c-0.04138,0.04138 -0.11035,0.05518 -0.16553,0.11035c-0.04138,0.05518 -0.05518,0.12414 -0.11035,0.17932l-69.68701,69.83875c-0.56555,0.56555 -0.9242,1.29663 -1.00696,2.09668l-2.60705,22.3186l-2.49671,17.42175c-0.15173,1.10352 0.2207,2.22082 1.00696,3.00708c0.66211,0.66211 1.57251,1.03454 2.4967,1.03454c0.16553,0 0.33105,-0.01379 0.51038,-0.02759l17.36658,-2.48291l22.5393,-2.40015c0.81384,-0.08276 1.55872,-0.44141 2.13806,-1.00696l8.99365,-9.02124v5.76587c0,1.94495 1.5863,3.53125 3.53125,3.53125c1.94495,0 3.53125,-1.5863 3.53125,-3.53125v-7.0625c0,-1.57251 -1.04834,-2.85535 -2.46912,-3.31055l30.71912,-30.78809v55.28613c0,1.94495 -1.5863,3.53125 -3.53125,3.53125h-141.25c-1.94495,0 -3.53125,-1.5863 -3.53125,-3.53125v-137.71875h31.78125c5.83484,0 10.59375,-4.75891 10.59375,-10.59375zM42.375,22.95313v30.01563c0,1.94495 -1.5863,3.53125 -3.53125,3.53125h-30.01562c0.37244,-0.57934 0.82764,-1.1311 1.33801,-1.64148l30.56738,-30.56738c0.51038,-0.49658 1.06214,-0.93799 1.64148,-1.33801zM188.37012,45.97522c1.83459,0 3.65539,0.66211 4.99341,2.00012l19.97363,19.97363c1.33801,1.33801 2.06909,3.10364 2.06909,4.99341c0,1.88977 -0.73108,3.65539 -2.06909,4.99341l-9.98682,9.98682l-29.96045,-29.96045l0.17932,-0.17932v-0.01379l9.8075,-9.7937c1.33801,-1.33802 3.15881,-2.00012 4.99341,-2.00012zM168.39648,62.95557l29.96045,29.96045l-5.0072,5.021c-1.37939,-1.31043 -3.54504,-1.29663 -4.91064,0.05518l-4.97961,4.99341c-1.3656,1.3656 -1.3656,3.54504 -0.05518,4.92444l-5.0072,5.0072l-29.96045,-29.96045zM165.96875,71.9906c-0.89661,0 -1.79321,0.34485 -2.48291,1.03455l-5.0072,4.99341c-1.37939,1.37939 -1.37939,3.61402 0,4.99341c0.6897,0.6897 1.5863,1.03454 2.49671,1.03454c0.9104,0 1.807,-0.34485 2.4967,-1.03454l4.99341,-4.99341c1.37939,-1.37939 1.37939,-3.61401 0,-4.99341c-0.6897,-0.6897 -1.5863,-1.03455 -2.4967,-1.03455zM38.84375,77.6875c-1.94495,0 -3.53125,1.5863 -3.53125,3.53125c0,1.94495 1.5863,3.53125 3.53125,3.53125h49.4375c1.94495,0 3.53125,-1.5863 3.53125,-3.53125c0,-1.94495 -1.5863,-3.53125 -3.53125,-3.53125zM102.40625,77.6875c-1.94495,0 -3.53125,1.5863 -3.53125,3.53125c0,1.94495 1.5863,3.53125 3.53125,3.53125h14.125c1.94495,0 3.53125,-1.5863 3.53125,-3.53125c0,-1.94495 -1.5863,-3.53125 -3.53125,-3.53125zM178.45227,84.47412c-0.89661,0 -1.807,0.34485 -2.4967,1.03455l-4.97961,4.99341c-1.39319,1.37939 -1.39319,3.61402 0,4.99341c0.6759,0.6897 1.5863,1.03455 2.4967,1.03455c0.89661,0 1.80701,-0.34485 2.48291,-1.03455l5.0072,-4.99341c1.37939,-1.37939 1.37939,-3.61401 0,-4.99341c-0.70349,-0.6897 -1.6001,-1.03455 -2.5105,-1.03455zM143.45703,87.9502l29.96045,29.96045l-62.34863,62.48657l-1.5863,-15.42163c-0.19311,-1.80701 -1.71045,-3.17261 -3.51745,-3.17261h-6.45557v-4.99341l18.95288,-18.93909c1.37939,-1.39319 1.37939,-3.61402 0,-5.0072c-1.39319,-1.37939 -3.61401,-1.37939 -5.0072,0l-18.77356,18.78736l-13.39392,-1.40698zM38.84375,91.8125c-1.94495,0 -3.53125,1.5863 -3.53125,3.53125c0,1.94495 1.5863,3.53125 3.53125,3.53125h63.5625c1.94495,0 3.53125,-1.5863 3.53125,-3.53125c0,-1.94495 -1.5863,-3.53125 -3.53125,-3.53125zM135.93933,111.8551c-0.9104,0 -1.80701,0.34485 -2.5105,1.03455l-9.98682,9.98682c-1.37939,1.37939 -1.37939,3.61402 0,5.0072c0.6897,0.6759 1.5863,1.02075 2.49671,1.02075c0.9104,0 1.807,-0.34485 2.4967,-1.02075l10.00061,-9.98682c1.37939,-1.37939 1.37939,-3.61402 0,-5.0072c-0.70349,-0.6897 -1.6001,-1.03455 -2.4967,-1.03455zM38.84375,113c-1.94495,0 -3.53125,1.5863 -3.53125,3.53125c0,1.94495 1.5863,3.53125 3.53125,3.53125h45.90625c1.94495,0 3.53125,-1.5863 3.53125,-3.53125c0,-1.94495 -1.5863,-3.53125 -3.53125,-3.53125zM38.84375,127.125c-1.94495,0 -3.53125,1.5863 -3.53125,3.53125c0,1.94495 1.5863,3.53125 3.53125,3.53125h28.25c1.94495,0 3.53125,-1.5863 3.53125,-3.53125c0,-1.94495 -1.5863,-3.53125 -3.53125,-3.53125zM76.70813,156.86475l15.75269,1.65527v6.80041c-0.01379,1.95874 1.57251,3.54505 3.51746,3.54505h6.81421l1.64148,15.932l-17.13208,1.80701l-12.59387,-12.58008zM17.65625,176.5625c-1.94495,0 -3.53125,1.5863 -3.53125,3.53125v7.0625c0,1.94495 1.5863,3.53125 3.53125,3.53125c1.94495,0 3.53125,-1.5863 3.53125,-3.53125v-7.0625c0,-1.94495 -1.5863,-3.53125 -3.53125,-3.53125zM35.3125,176.5625c-1.94495,0 -3.53125,1.5863 -3.53125,3.53125v7.0625c0,1.94495 1.5863,3.53125 3.53125,3.53125c1.94495,0 3.53125,-1.5863 3.53125,-3.53125v-7.0625c0,-1.94495 -1.5863,-3.53125 -3.53125,-3.53125zM52.96875,176.5625c-1.94495,0 -3.53125,1.5863 -3.53125,3.53125v7.0625c0,1.94495 1.5863,3.53125 3.53125,3.53125c1.94495,0 3.53125,-1.5863 3.53125,-3.53125v-7.0625c0,-1.94495 -1.5863,-3.53125 -3.53125,-3.53125zM141.25,176.5625c-1.94495,0 -3.53125,1.5863 -3.53125,3.53125v7.0625c0,1.94495 1.5863,3.53125 3.53125,3.53125c1.94495,0 3.53125,-1.5863 3.53125,-3.53125v-7.0625c0,-1.94495 -1.5863,-3.53125 -3.53125,-3.53125z"></path>
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
<h4>écrivain(e)s</h4>
|
||
<ul>
|
||
<li>Marylou Gricourt</li>
|
||
<li>Jeanne Gouthéraud</li>
|
||
<li>Louise Gouthéraud
|
||
<li>Serge Gouthéraud</li>
|
||
<li>Louise Dailloux</li>
|
||
<li>Antoine Ponza</li>
|
||
<li>Gabin Boës</li>
|
||
<li>Angèle Le pot de Gel</li>
|
||
<li>Axelle Lausseur</li>
|
||
<li>Justine Niet</li>
|
||
<li>Émeline Callarec</li>
|
||
</ul>
|
||
</div>
|
||
<div class="site">
|
||
<div>
|
||
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="64" height="64" viewBox="0 0 226 226">
|
||
<g fill="#222222">
|
||
<path d="M32.133,26.66025c-7.0625,0.17656 -12.71112,5.82863 -12.71112,12.71457v125.00418c0,7.0625 5.64862,12.71457 12.71112,12.71457h53.49982c0,11.82969 -1.23663,13.24012 -7.76944,16.41825h-3.70712c-3.00156,0 -5.29687,2.29531 -5.29687,5.29688c0,3.00156 2.29531,5.29688 5.29688,5.29688h4.94513h67.62137h5.121c3.00156,0 5.29688,-2.29531 5.29688,-5.29687c0,-3.00156 -2.29531,-5.29687 -5.29687,-5.29687h-3.70712c-6.35625,-3.17812 -7.76944,-4.76512 -7.76944,-16.41825h53.49981c7.0625,0 12.71112,-5.65207 12.71112,-12.71457v-125.00418c0,-7.0625 -5.64862,-12.71457 -12.71112,-12.71457zM32.133,37.254h161.90988c1.05937,0 2.11737,0.88488 2.11737,2.12082v97.63699h-166.14462v-97.63699c0,-1.05938 0.88143,-2.12082 2.11737,-2.12082zM30.01563,147.78143h165.96875v16.77344c0,1.05937 -0.88144,2.12082 -2.11737,2.12082h-161.73401c-1.05937,0 -2.11737,-0.88488 -2.11737,-2.12082zM113,151.84375c-2.92538,0 -5.29687,2.37149 -5.29687,5.29688c0,2.92538 2.37149,5.29688 5.29688,5.29688c2.92538,0 5.29688,-2.37149 5.29688,-5.29687c0,-2.92538 -2.37149,-5.29687 -5.29687,-5.29687zM96.22656,185.92169h33.54688v7.0625h-33.54687z"></path>
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
<h4>Site internet</h4>
|
||
<ul>
|
||
<li>Elisa Blancart</li>
|
||
<li>Adrian Amaglio</li>
|
||
</ul>
|
||
<br>
|
||
<h4>Aide et Conseils</h4>
|
||
<ul>
|
||
<li>Raphaël Parisse</li>
|
||
<li>Rémi Rozkwas</li>
|
||
<li>Axel Céard</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="galerie">
|
||
<h2>Galerie</h2>
|
||
<div class="wrapper">
|
||
<div class="content">
|
||
<div onclick="viewPicture(0)" style="background-image: url('img/miniature/galerie0.jpg'); background-position-y: 95%;">
|
||
</div>
|
||
<div onclick="viewPicture(1)" style="background-image: url('img/miniature/galerie1.jpg');">
|
||
</div>
|
||
<div onclick="viewPicture(2)" style="background-image: url('img/miniature/galerie2.jpg'); background-position-y: 75%;">
|
||
</div>
|
||
<div onclick="viewPicture(3)" style="background-image: url('img/miniature/galerie3.jpg'); background-position-y: 25%;">
|
||
</div>
|
||
<div onclick="viewPicture(4)" style="background-image: url('img/miniature/galerie4.jpg'); background-position-y: 73%;">
|
||
</div>
|
||
<div onclick="viewPicture(5)" style="background-image: url('img/miniature/galerie5.jpg');">
|
||
</div>
|
||
<div onclick="viewPicture(6)" style="background-image: url('img/miniature/galerie6.jpg');">
|
||
</div>
|
||
<div onclick="viewPicture(7)" style="background-image: url('img/miniature/galerie7.jpg');">
|
||
</div>
|
||
<div onclick="viewPicture(8)" style="background-image: url('img/miniature/galerie8.jpg');">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="audio">
|
||
<h2>Écoutez nous</h2>
|
||
<div class="content">
|
||
<div class="audioblock">
|
||
<h3>édito 1</h3>
|
||
<audio controls >
|
||
<source src="audio/edito1.mp3" type="audio/mpeg" />
|
||
<source src="audio/edito1.ogg" type="audio/ogg" />
|
||
</audio>
|
||
</div>
|
||
<div class="audioblock">
|
||
<h3>édito 2</h3>
|
||
<audio controls >
|
||
<source src="audio/edito1.mp3" type="audio/mpeg" />
|
||
<source src="audio/edito1.ogg" type="audio/ogg" />
|
||
</audio>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="contact">
|
||
<h2>Contactez nous</h2>
|
||
<form action="https://mailer.jean-cloud.net/submit" method="POST">
|
||
<input type="hidden" name="token" value="uZkIgnBHNh3t4qebsRCKPTFzVODLi0Wx6SjQar5foUJE7pAldm" />
|
||
<div>
|
||
<label for="nom">Nom :</label>
|
||
<input type="text" name="nom" required="required"/>
|
||
</div>
|
||
<div>
|
||
<label for="mail">Adresse mail :</label>
|
||
<input type="email" name="mail" required="required"/>
|
||
</div>
|
||
<div>
|
||
<label for="objet">Objet :</label>
|
||
<input type="text" name="objet" />
|
||
</div>
|
||
<div>
|
||
<label for="objet">Message :</label>
|
||
<textarea name="message" rows="8" required="required"></textarea>
|
||
</div>
|
||
<input type="submit" class="couleur" value="Envoyer" />
|
||
</form>
|
||
</section>
|
||
<footer>
|
||
<div class="footer">
|
||
<div class="logo">
|
||
<div class="h1"><div>Méta</div><div>morph<span class="couleur">o</span>se</div></div>
|
||
</div>
|
||
<div>
|
||
<div class="h4"><span class="couleur">Manifeste de mode de seconde main,</span> Manifeste pour la mode de demain.</div>
|
||
<div class="rs">
|
||
Vous avez aimez notre idée, vous souhaitez nous suivre de plus près? Rendez vous sur Mét-amorphose
|
||
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="30" height="30" viewBox="0 0 226 226">
|
||
<g fill="#4c8f29">
|
||
<path d="M180.8,30.13333h-135.6c-8.32433,0 -15.06667,6.74233 -15.06667,15.06667v135.6c0,8.32433 6.74233,15.06667 15.06667,15.06667h75.33333v-67.8h-22.6v-22.6h22.6v-12.1362c0,-22.97667 11.19453,-33.0638 30.29153,-33.0638c9.14547,0 13.98187,0.678 16.272,0.98687v21.61313h-13.02513c-8.10587,0 -10.9384,4.27893 -10.9384,12.94227v9.65773h23.76013l-3.22427,22.6h-20.53587v67.8h37.66667c8.32433,0 15.06667,-6.74233 15.06667,-15.06667v-135.6c0,-8.32433 -6.74987,-15.06667 -15.06667,-15.06667z"></path>
|
||
</g>
|
||
</svg>, Méta-morphose
|
||
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="30" height="30" viewBox="0 0 226 226">
|
||
<g fill="#4c8f29">
|
||
<path d="M75.31862,22.6c-29.07113,0 -52.71862,23.66938 -52.71862,52.74805v75.33333c0,29.07113 23.66938,52.71862 52.74805,52.71862h75.33333c29.07113,0 52.71862,-23.66938 52.71862,-52.74805v-75.33333c0,-29.07113 -23.66938,-52.71862 -52.74805,-52.71862zM165.73333,52.73333c4.1584,0 7.53333,3.37493 7.53333,7.53333c0,4.1584 -3.37493,7.53333 -7.53333,7.53333c-4.1584,0 -7.53333,-3.37493 -7.53333,-7.53333c0,-4.1584 3.37493,-7.53333 7.53333,-7.53333zM113,67.8c24.9278,0 45.2,20.2722 45.2,45.2c0,24.9278 -20.2722,45.2 -45.2,45.2c-24.9278,0 -45.2,-20.2722 -45.2,-45.2c0,-24.9278 20.2722,-45.2 45.2,-45.2zM113,82.86667c-16.64218,0 -30.13333,13.49115 -30.13333,30.13333c0,16.64218 13.49115,30.13333 30.13333,30.13333c16.64218,0 30.13333,-13.49115 30.13333,-30.13333c0,-16.64218 -13.49115,-30.13333 -30.13333,-30.13333z"></path>
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="date">· 2020 Métamorphose · Elisa & Adrian ·</div>
|
||
</footer>
|
||
<!--<div id="bandeau">
|
||
|
||
</div>-->
|
||
<section id="modale">
|
||
<button onclick="closeModalView()" title="Revenir au site" class="close">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 172 172">
|
||
<g>
|
||
<path d="M169.34609,86c0,-46.02344 -37.32266,-83.34609 -83.34609,-83.34609c-46.02344,0 -83.34609,37.32266 -83.34609,83.34609c0,46.02344 37.32266,83.34609 83.34609,83.34609c46.02344,0 83.34609,-37.32266 83.34609,-83.34609z" fill="#333"></path>
|
||
<path d="M95.74219,86l24.35547,-28.28594c2.65391,-3.09062 2.31797,-7.72656 -0.77266,-10.41406c-3.09063,-2.65391 -7.72656,-2.31797 -10.38047,0.77266l-22.94453,26.63984l-22.91094,-26.60625c-2.65391,-3.09062 -7.32344,-3.42656 -10.41406,-0.77266c-3.09062,2.65391 -3.42656,7.32344 -0.77266,10.41406l24.35547,28.25234l-24.35547,28.28594c-2.65391,3.09062 -2.31797,7.72656 0.77266,10.41406c1.37734,1.20937 3.09062,1.78047 4.80391,1.78047c2.08281,0 4.13203,-0.87344 5.57656,-2.55313l22.91094,-26.60625l22.91094,26.60625c1.44453,1.67969 3.52734,2.55313 5.57656,2.55313c1.71328,0 3.42656,-0.57109 4.80391,-1.78047c3.09063,-2.65391 3.42656,-7.32344 0.77266,-10.41406z" fill="#AAA"></path>
|
||
</g>
|
||
</svg>
|
||
</button>
|
||
<button onclick="leftModalView()" title="Photo précédente" class="left">
|
||
<div>
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 172 172">
|
||
<g>
|
||
<path d="M2.65391,86c0,-46.02344 37.32266,-83.34609 83.34609,-83.34609c46.02344,0 83.34609,37.32266 83.34609,83.34609c0,46.02344 -37.32266,83.34609 -83.34609,83.34609c-46.02344,0 -83.34609,-37.32266 -83.34609,-83.34609z" fill="#333"></path>
|
||
<path d="M77.73594,86.90703c10.31328,-10.31328 20.62656,-20.62656 30.93984,-30.93984c9.00312,-9.00313 -5.00547,-22.91094 -14.04219,-13.87422c-12.63125,12.63125 -25.2625,25.2625 -37.89375,37.89375c-3.82969,3.82969 -3.69531,10.17891 0.06719,13.94141c12.63125,12.63125 25.2625,25.2625 37.89375,37.89375c9.00313,9.00313 22.91094,-5.00547 13.87422,-14.04219c-10.27969,-10.31328 -20.55938,-20.59297 -30.83906,-30.87266z" fill="#AAA"></path>
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
</button>
|
||
<img id="modale_wide_view" href=""/>
|
||
<button onclick="rightModalView()" title="Photo suivante" class="right">
|
||
<div>
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 172 172">
|
||
<g>
|
||
<path d="M2.65391,86c0,-46.02344 37.32266,-83.34609 83.34609,-83.34609c46.02344,0 83.34609,37.32266 83.34609,83.34609c0,46.02344 -37.32266,83.34609 -83.34609,83.34609c-46.02344,0 -83.34609,-37.32266 -83.34609,-83.34609z" fill="#333"></path>
|
||
<path d="M120.06406,79.88594c-12.63125,-12.63125 -25.2625,-25.2625 -37.89375,-37.89375c-9.00313,-9.00313 -22.91094,5.00547 -13.87422,14.04219c10.27969,10.27969 20.59297,20.55937 30.87266,30.87266c-10.31328,10.31328 -20.62656,20.62656 -30.93984,30.93984c-9.00313,9.00312 5.00547,22.91094 14.04219,13.87422c12.63125,-12.63125 25.2625,-25.2625 37.89375,-37.89375c3.7625,-3.79609 3.66172,-10.17891 -0.10078,-13.94141z" fill="#AAA"></path>
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
</button>
|
||
</section>
|
||
</body>
|
||
</html>
|