From 8e8b137dc1f99e3de1fd389a616cacf6aff71a5d Mon Sep 17 00:00:00 2001 From: PascalMarchesseault <97350299+PascalMarchesseault@users.noreply.github.com> Date: Tue, 9 Apr 2024 23:33:46 -0400 Subject: [PATCH] =?UTF-8?q?Am=C3=A9lioration=20de=20la=20structure=20de=20?= =?UTF-8?q?la=20homepage?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- images/anonymelarge.png | Bin 0 -> 6315 bytes src/views/main/HomeView.vue | 423 ++++++++++++++++++++++-------------- 2 files changed, 263 insertions(+), 160 deletions(-) create mode 100644 images/anonymelarge.png diff --git a/images/anonymelarge.png b/images/anonymelarge.png new file mode 100644 index 0000000000000000000000000000000000000000..b3f3071ceb80026984d79566e388d505b443027c GIT binary patch literal 6315 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 - - + - - - - - - - - - - - - - - - - - - - -

CRÉER -

-

Libérez votre créativité sur Hutopy, - où - chaque idée trouve sa place et chaque créateur détient la clé d'un monde rempli de - possibilités infinies. Rejoignez-nous et transformez votre passion en réalité.

- - - - - - - - - - - - - -

- PROFITER -

-

Plongez dans l'univers Hutopy et - découvrez un espace où profiter rime avec s'enrichir. Savourez des contenus uniques, des - interactions authentiques et une expérience personnalisée conçue pour éveiller vos sens et - enrichir votre quotidien.

- - - - - - - - - - - - - -

- INSPIRER -

-

Devenez une source d'inspiration sur - Hutopy, en partageant votre vision, votre talent et vos histoires. Influencez positivement - la - communauté, éveillez la curiosité et inspirez les autres à poursuivre leurs rêves dans un - cercle vertueux de créativité et d'inspiration.

- - - - - - - - - - - - - - - - - - - - - -

- Bienvenue sur Hutopy, votre nouvelle frontière de création, de connexion et d'innovation. Au - cœur de notre mission réside une ambition audacieuse : transformer l'espace numérique en un - écosystème où chaque créateur, chaque rêveur, chaque professionnel, peut non seulement imaginer - mais concrétiser son utopie personnelle. Hutopy est plus qu'une simple plateforme c'est une - communauté vibrante qui défie les conventions de l’éducation, encourage l'originalité et célèbre - la créativité. -

-

- Chez Hutopy, nous croyons en la puissance de la créativité sans limites. Notre environnement est - conçu pour inspirer, soutenir et propulser chaque membre vers de nouveaux sommets de - réalisation. Qu'il s'agisse de vidéo, d'art, de musique, d'écriture, de formation ou de toute - autre forme d'expression, Hutopy offre les outils nécessaires pour que chaque vision puisse - prendre vie. -

- - - - Inscription - - + + + + + + + + + + + + +

CRÉER +

+

Libérez votre créativité sur Hutopy, + où + chaque idée trouve sa place et chaque créateur détient la clé d'un monde rempli de + possibilités infinies. Rejoignez-nous et transformez votre passion en réalité.

+ + + + + - + + + + + + + +

+ PROFITER +

+

Plongez dans l'univers Hutopy et + découvrez un espace où profiter rime avec s'enrichir. Savourez des contenus uniques, des + interactions authentiques et une expérience personnalisée conçue pour éveiller vos sens et + enrichir votre quotidien.

+ + + + + + + + + + + + + +

+ INSPIRER +

+

Devenez une source d'inspiration sur + Hutopy, en partageant votre vision, votre talent et vos histoires. Influencez positivement + la + communauté, éveillez la curiosité et inspirez les autres à poursuivre leurs rêves dans un + cercle vertueux de créativité et d'inspiration.

+ + + + + + + - - - - - - - - + + + + + + + + + + + + +

+ Bienvenue sur Hutopy, votre nouvelle frontière de création, de connexion et d'innovation. Au + cœur de notre mission réside une ambition audacieuse : transformer l'espace numérique en un + écosystème où chaque créateur, chaque rêveur, chaque professionnel, peut non seulement imaginer + mais concrétiser son utopie personnelle. Hutopy est plus qu'une simple plateforme c'est une + communauté vibrante qui défie les conventions de l’éducation, encourage l'originalité et célèbre + la créativité. +

+

+ Chez Hutopy, nous croyons en la puissance de la créativité sans limites. Notre environnement est + conçu pour inspirer, soutenir et propulser chaque membre vers de nouveaux sommets de + réalisation. Qu'il s'agisse de vidéo, d'art, de musique, d'écriture, de formation ou de toute + autre forme d'expression, Hutopy offre les outils nécessaires pour que chaque vision puisse + prendre vie. +

+ + + + + Inscription + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -190,14 +197,11 @@ - Profile Image + Profile Image - - Inscription - + @@ -209,10 +213,7 @@ - - Inscription - + @@ -221,14 +222,11 @@ - Profile Image + Profile Image - - Inscription - + @@ -368,7 +366,8 @@ - + @@ -594,45 +593,149 @@ body { font-size: .2em; } -@media (max-width: 475px) { +@media (max-width: 600px) { .votre_hutopy_fontsize { font-size: 0.55em; } } -@media (min-width: 476px) and (max-width: 640px) { + +@media (min-width: 601px) and (max-width: 889px) { .votre_hutopy_fontsize { font-size: 0.9em; } + + + .créer-profiter-inspirer-row { + margin-left: -120px; + margin-top: -120px + } + + .card-size { + transform: scale(.7); + + } + + .banner-homepage { + transform: scale(1.19) + } + + + } -@media (min-width: 641px) and (max-width: 768px) { + +@media (min-width: 890px) and (max-width: 960px) { .votre_hutopy_fontsize { font-size: 0.9em; } -} -@media (min-width: 769px) and (max-width: 1024px) { - .votre_hutopy_fontsize { - font-size: 0.9em; + .card-size { + transform: scale(.75); + } -} -@media (min-width: 1025px) and (max-width: 1536px) { - .votre_hutopy_fontsize { - font-size: 0.9em; + .créer-profiter-inspirer-row { + margin-left: -80px; + margin-top: -130px } + + .banner-homepage { + transform: scale(1.07) + } + + + } -@media (min-width: 1537px) and (max-width: 1920px) { +@media (min-width: 961px) and (max-width: 1280px) { .votre_hutopy_fontsize { font-size: 1.1em; } + + .banner-homepage { + transform: scale(1.06) + } + + .card-size { + transform: scale(.90); + + } + + .créer-profiter-inspirer-row { + margin-left: -55px; + margin-top: -90px + } + + .in-between-image { + margin-left: -100px; + + } + + } -@media (min-width: 1921px) { +@media (min-width: 1281px) and (max-width: 1920px) { .votre_hutopy_fontsize { - font-size: 1.5em; + font-size: 1.1em; } + + .card-size { + transform: scale(1); + } + + + + .banner-homepage { + transform: scale(1.03) + } + + .créer-profiter-inspirer-row { + margin-left: -25px; + margin-top: -70px + } + +} + +@media (min-width: 1921px) and (max-width: 2560px) { + .votre_hutopy_fontsize { + font-size: 1.3em; + } + + .créer-profiter-inspirer-row { + margin-top: -60px; + + } + + + + .banner-homepage { + transform: scale(1.0) + } + +} + +@media (min-width: 2561px) { + .votre_hutopy_fontsize { + font-size: 1.4em; + + + } + + .créer-profiter-inspirer-row { + margin-top: -50px; + + } + + + .card-size { + transform: scale(.98); + } + + + .banner-homepage { + transform: scale(.98) + } + }