This commit is contained in:
Elisa 2020-07-10 19:17:10 +02:00
commit 78670513b7
8 changed files with 34 additions and 24 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -13,17 +13,23 @@
<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>
<div id="download">
<a class="button" href="magazine/Metamorphose.pdf">
<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 (HD)</span>
</a>
<div id="alternative_downloads">
<a href="magazine/Metamorphose_(moyenne_definition).pdf">Moyenne définition</a>
<a href="magazine/Metamorphose_(basse_definition).pdf">Faible définition</a>
</div>
</div>
</header>
<section id="charte">
@ -184,17 +190,21 @@
<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" />
<h3>édito 1&nbsp;: Donner cest donner</h3>
<audio controls preload="none">
<source src="audio/meta-edito-1_Donner_c_est_donner.mp3" type="audio/mpeg" />
</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" />
<h3>édito 2&nbsp;: La métamorphose du pantalon</h3>
<audio controls preload="none">
<source src="audio/meta-edito-2_la_metamorphose_du_pantalon.mp3" type="audio/mpeg" />
</audio>
</div>
<div class="audioblock" >
<h3>édito 3&nbsp;: Ton tissus tue</h3>
<audio controls preload="none">
<source src="audio/meta-edito-3_Ton_tissus_tue" type="audio/mpeg" />
</audio>
</div>
</div>

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -96,7 +96,7 @@ header {
text-align: center;
}
header svg, header .button, .couleur, h2::first-letter{
header svg, header .button, .couleur, h2::first-letter, header a, header #alternative_downloads{
fill: #4C8F29;
color: #4C8F29;
}
@ -113,9 +113,6 @@ header .button {
font-size: 1.25em;
padding: 0.5em;
border: 2px solid currentColor;
text-decoration: none;
font-family: "Kiona";
font-weight: bold;
}
header .button span {
@ -127,6 +124,9 @@ header .button span {
}
header #download {
text-decoration: none;
font-family: "Kiona";
font-weight: bold;
margin-top: 12vh;
margin-bottom: calc(83vh - 531px);
}
@ -447,4 +447,4 @@ footer {
font-size: 1.2em;
padding: 7px 0;
color: #111;
}
}