diff --git a/src/background.png b/src/background.png index 8fc5a3f..b184937 100644 Binary files a/src/background.png and b/src/background.png differ diff --git a/src/background.psd b/src/background.psd new file mode 100644 index 0000000..5552896 Binary files /dev/null and b/src/background.psd differ diff --git a/src/background2.png b/src/background2.png new file mode 100644 index 0000000..2569149 Binary files /dev/null and b/src/background2.png differ diff --git a/src/index.html b/src/index.html index 3714ff1..b9cfabf 100644 --- a/src/index.html +++ b/src/index.html @@ -29,26 +29,14 @@

Le manifeste

- Optio sit quis itaque. Tempore ipsam ut dolor nesciunt quo voluptatem asperiores. Quidem aut veniam consequatur necessitatibus eligendi vero. Sed ad esse doloremque iure quasi officiis. - - Aut repudiandae molestiae nam ipsum maxime exercitationem. Numquam hic esse nisi. Maiores sit magni alias reiciendis. Maiores tenetur omnis assumenda aut blanditiis autem et et. Voluptatem nulla qui non quas. - - Amet perspiciatis aut eum qui aspernatur. Sequi atque molestiae deleniti dolores est nihil. In sunt occaecati ex et repudiandae. Quaerat qui autem vero architecto ullam ex aut neque. Ab illum a ut aut minima. - - Molestiae facere rerum consequatur nisi provident expedita sit neque. Quia aliquam sint unde corrupti sed maiores impedit laboriosam. Quo suscipit perferendis est voluptatem quisquam aut beatae eos. Officiis recusandae harum non nihil. - - Est maiores eveniet rerum doloribus rerum possimus nesciunt. Labore exercitationem nesciunt sit sit. Nostrum velit quis minus eveniet quia ipsam. Et sunt ipsa sunt nemo rerum voluptates quisquam. Est est et iste. Dolorem sequi ab dignissimos neque tempore officia molestiae. + Bienvenue dans l’aventure du magazine Métamorphose ! Métamorphose est un magazine, un magazine de mode : il présente des vêtements, issus de la seconde main. C’est aussi une aventure, un support de réflexions, 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 dans toutes ses formes, sujet auquel il nous semblait utile de contribuer et de développer. 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,
- Optio sit quis itaque. Tempore ipsam ut dolor nesciunt quo voluptatem asperiores. Quidem aut veniam consequatur necessitatibus eligendi vero. Sed ad esse doloremque iure quasi officiis. - - Aut repudiandae molestiae nam ipsum maxime exercitationem. Numquam hic esse nisi. Maiores sit magni alias reiciendis. Maiores tenetur omnis assumenda aut blanditiis autem et et. Voluptatem nulla qui non quas. - - Amet perspiciatis aut eum qui aspernatur. Sequi atque molestiae deleniti dolores est nihil. In sunt occaecati ex et repudiandae. Quaerat qui autem vero architecto ullam ex aut neque. Ab illum a ut aut minima. - - Molestiae facere rerum consequatur nisi provident expedita sit neque. Quia aliquam sint unde corrupti sed maiores impedit laboriosam. Quo suscipit perferendis est voluptatem quisquam aut beatae eos. Officiis recusandae harum non nihil. - - Est maiores eveniet rerum doloribus rerum possimus nesciunt. Labore exercitationem nesciunt sit sit. Nostrum velit quis minus eveniet quia ipsam. Et sunt ipsa sunt nemo rerum voluptates quisquam. Est est et iste. Dolorem sequi ab dignissimos neque tempore officia molestiae. + 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. 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 avec les vêtements et peut-être avec soi et les autres. Si l’idée et le magazine vous plaisent, n’hésitez pas à le partager autour de vous. +
+
+ On vous souhaite une bonne lecture, les copains de Métamorphose
@@ -57,22 +45,46 @@

Qui sommes nous ?

- +
+ +

Louise Goutheraud

-

Réalisatrice

+

Réalisatrice + + + + + +

- +
+ +

Ayoub Imam

-

Photographe

+

+ + + + + + Photographe +

+
+ + + + + +

Mannequins

+
+ + + + + +

Ecrivains

+
+ + + + + +

Site internet

- + diff --git a/src/logo.png b/src/logo.png new file mode 100644 index 0000000..d02be9c Binary files /dev/null and b/src/logo.png differ diff --git a/src/main.css b/src/main.css index 29de4fb..de8712c 100644 --- a/src/main.css +++ b/src/main.css @@ -133,13 +133,37 @@ header #download { text-align: right; } -.profil > div { - padding: 0 10px; +.profil > div:not(.img) { + margin: 0 10px; + display: flex; + flex-direction: column; + justify-content: center; +} + +.profil > div p { + margin-top: 0; } .profil img { - height: 100px; + max-height: 100%; + object-fit: cover; + margin-left: -20%; +} + +.img { + height: 150px; + width: 150px; border-radius: 100%; + overflow: hidden; +} + +.profil .role { + display: inline-flex; + align-items: center; +} + +.profil .role svg { + margin: 0 15px; } .participants { @@ -324,4 +348,16 @@ ul,ol,li { width: 50px; line-height: 45px; padding: 0; +} + +footer { + background-color: #c6d9bdc4; + padding: 5px 0; + width: 100%; + position: absolute; + left: 0; + text-align: center; + align-items: center; + display: flex; + justify-content: center; } \ No newline at end of file