diff --git a/src/audio/meta-edito-1_Donner_c_est_donner.mp3 b/src/audio/meta-edito-1_Donner_c_est_donner.mp3 new file mode 100644 index 0000000..ecd9870 Binary files /dev/null and b/src/audio/meta-edito-1_Donner_c_est_donner.mp3 differ diff --git a/src/audio/meta-edito-2_la_metamorphose_du_pantalon.mp3 b/src/audio/meta-edito-2_la_metamorphose_du_pantalon.mp3 new file mode 100644 index 0000000..a9712ef Binary files /dev/null and b/src/audio/meta-edito-2_la_metamorphose_du_pantalon.mp3 differ diff --git a/src/audio/meta-edito-3_Ton_tissus_tue b/src/audio/meta-edito-3_Ton_tissus_tue new file mode 100644 index 0000000..91095f1 Binary files /dev/null and b/src/audio/meta-edito-3_Ton_tissus_tue differ diff --git a/src/index.html b/src/index.html index 4c14890..d0511e3 100644 --- a/src/index.html +++ b/src/index.html @@ -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 : Donner c’est 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 : 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 : Ton tissus tue</h3> + <audio controls preload="none"> + <source src="audio/meta-edito-3_Ton_tissus_tue" type="audio/mpeg" /> </audio> </div> </div> diff --git a/src/magazine/Metamorphose.pdf b/src/magazine/Metamorphose.pdf new file mode 100644 index 0000000..1543e68 Binary files /dev/null and b/src/magazine/Metamorphose.pdf differ diff --git a/src/magazine/Metamorphose_(basse_definition).pdf b/src/magazine/Metamorphose_(basse_definition).pdf new file mode 100644 index 0000000..11b4cd6 Binary files /dev/null and b/src/magazine/Metamorphose_(basse_definition).pdf differ diff --git a/src/magazine/Metamorphose_(moyenne_definition).pdf b/src/magazine/Metamorphose_(moyenne_definition).pdf new file mode 100644 index 0000000..252e46e Binary files /dev/null and b/src/magazine/Metamorphose_(moyenne_definition).pdf differ diff --git a/src/main.css b/src/main.css index 79e862d..e333913 100644 --- a/src/main.css +++ b/src/main.css @@ -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; -} \ No newline at end of file +}