diff --git a/images/BannerGaspe.png b/images/BannerGaspe.png new file mode 100644 index 0000000..14d25c4 Binary files /dev/null and b/images/BannerGaspe.png differ diff --git a/images/Chevron.png b/images/Chevron.png index b5fb6d2..0a23b01 100644 Binary files a/images/Chevron.png and b/images/Chevron.png differ diff --git a/images/Chevron2.png b/images/Chevron2.png new file mode 100644 index 0000000..372961a Binary files /dev/null and b/images/Chevron2.png differ diff --git a/images/ChevronBlanc.png b/images/ChevronBlanc.png new file mode 100644 index 0000000..9a60443 Binary files /dev/null and b/images/ChevronBlanc.png differ diff --git a/images/Creer.png b/images/Creer.png new file mode 100644 index 0000000..95c339d Binary files /dev/null and b/images/Creer.png differ diff --git a/images/bannieremobile.png b/images/bannieremobile.png new file mode 100644 index 0000000..657db94 Binary files /dev/null and b/images/bannieremobile.png differ diff --git a/images/checkprofile.png b/images/checkprofile.png new file mode 100644 index 0000000..f979e5c Binary files /dev/null and b/images/checkprofile.png differ diff --git a/images/contactpicture.png b/images/contactpicture.png new file mode 100644 index 0000000..fec8353 Binary files /dev/null and b/images/contactpicture.png differ diff --git a/images/contactpicturemobile.png b/images/contactpicturemobile.png new file mode 100644 index 0000000..6488362 Binary files /dev/null and b/images/contactpicturemobile.png differ diff --git a/images/creermobile.png b/images/creermobile.png new file mode 100644 index 0000000..d9e757c Binary files /dev/null and b/images/creermobile.png differ diff --git a/images/dom.png b/images/dom.png new file mode 100644 index 0000000..4565c3e Binary files /dev/null and b/images/dom.png differ diff --git a/images/facebook.svg b/images/facebook.svg new file mode 100644 index 0000000..edf43cf --- /dev/null +++ b/images/facebook.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/facebookblack.png b/images/facebookblack.png new file mode 100644 index 0000000..8ab55f0 Binary files /dev/null and b/images/facebookblack.png differ diff --git a/images/facebookicon.png b/images/facebookicon.png new file mode 100644 index 0000000..1d3aa5c Binary files /dev/null and b/images/facebookicon.png differ diff --git a/images/guillaimeaime.png b/images/guillaimeaime.png new file mode 100644 index 0000000..6876523 Binary files /dev/null and b/images/guillaimeaime.png differ diff --git a/images/guillaimeaime2x.png b/images/guillaimeaime2x.png new file mode 100644 index 0000000..0a595bc Binary files /dev/null and b/images/guillaimeaime2x.png differ diff --git a/images/guillaimeaime3x.png b/images/guillaimeaime3x.png new file mode 100644 index 0000000..20edfb5 Binary files /dev/null and b/images/guillaimeaime3x.png differ diff --git a/images/guillaume.jpg b/images/guillaume.jpg new file mode 100644 index 0000000..96eef4e Binary files /dev/null and b/images/guillaume.jpg differ diff --git a/images/guillaume.png b/images/guillaume.png new file mode 100644 index 0000000..d4a1075 Binary files /dev/null and b/images/guillaume.png differ diff --git a/images/guillaumepublication.jpg b/images/guillaumepublication.jpg new file mode 100644 index 0000000..ecd07a0 Binary files /dev/null and b/images/guillaumepublication.jpg differ diff --git a/images/homepage/banniere.png b/images/homepage/banniere.png new file mode 100644 index 0000000..7a04ed9 Binary files /dev/null and b/images/homepage/banniere.png differ diff --git a/images/homepage/bannierenousjoindre.png b/images/homepage/bannierenousjoindre.png new file mode 100644 index 0000000..423cc05 Binary files /dev/null and b/images/homepage/bannierenousjoindre.png differ diff --git a/images/homepage/cestquoihutopy.png b/images/homepage/cestquoihutopy.png new file mode 100644 index 0000000..3e7b0ea Binary files /dev/null and b/images/homepage/cestquoihutopy.png differ diff --git a/images/homepage/creer.png b/images/homepage/creer.png new file mode 100644 index 0000000..6863383 Binary files /dev/null and b/images/homepage/creer.png differ diff --git a/images/homepage/inspirer.png b/images/homepage/inspirer.png new file mode 100644 index 0000000..88589d9 Binary files /dev/null and b/images/homepage/inspirer.png differ diff --git a/images/homepage/love.png b/images/homepage/love.png new file mode 100644 index 0000000..7f0f2de Binary files /dev/null and b/images/homepage/love.png differ diff --git a/images/homepage/profiter.png b/images/homepage/profiter.png new file mode 100644 index 0000000..189507f Binary files /dev/null and b/images/homepage/profiter.png differ diff --git a/images/hutopy.png b/images/hutopy.png new file mode 100644 index 0000000..c61baa3 Binary files /dev/null and b/images/hutopy.png differ diff --git a/images/hutopyblack.png b/images/hutopyblack.png new file mode 100644 index 0000000..5613afe Binary files /dev/null and b/images/hutopyblack.png differ diff --git a/images/icons/home.svg b/images/icons/home.svg new file mode 100644 index 0000000..b85fcf9 --- /dev/null +++ b/images/icons/home.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/inspirer.png b/images/inspirer.png new file mode 100644 index 0000000..6edf7ab Binary files /dev/null and b/images/inspirer.png differ diff --git a/images/inspirermobile.png b/images/inspirermobile.png new file mode 100644 index 0000000..40c62de Binary files /dev/null and b/images/inspirermobile.png differ diff --git a/images/instablack.png b/images/instablack.png new file mode 100644 index 0000000..173c319 Binary files /dev/null and b/images/instablack.png differ diff --git a/images/instafacebook.png b/images/instafacebook.png new file mode 100644 index 0000000..5853b50 Binary files /dev/null and b/images/instafacebook.png differ diff --git a/images/instagram.svg b/images/instagram.svg new file mode 100644 index 0000000..15b4568 --- /dev/null +++ b/images/instagram.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/instaicon.png b/images/instaicon.png new file mode 100644 index 0000000..93fa970 Binary files /dev/null and b/images/instaicon.png differ diff --git a/images/likeicon.svg b/images/likeicon.svg new file mode 100644 index 0000000..2db5aba --- /dev/null +++ b/images/likeicon.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/marco.jpg b/images/marco.jpg new file mode 100644 index 0000000..27ca96a Binary files /dev/null and b/images/marco.jpg differ diff --git a/images/pascal.jpg b/images/pascal.jpg new file mode 100644 index 0000000..96cedbe Binary files /dev/null and b/images/pascal.jpg differ diff --git a/images/profitez.png b/images/profitez.png new file mode 100644 index 0000000..36034ff Binary files /dev/null and b/images/profitez.png differ diff --git a/images/profitezmobile.png b/images/profitezmobile.png new file mode 100644 index 0000000..38077c8 Binary files /dev/null and b/images/profitezmobile.png differ diff --git a/images/roadmapbanner.png b/images/roadmapbanner.png new file mode 100644 index 0000000..2689189 Binary files /dev/null and b/images/roadmapbanner.png differ diff --git a/images/surhutopyfille01.png b/images/surhutopyfille01.png new file mode 100644 index 0000000..e9d4e58 Binary files /dev/null and b/images/surhutopyfille01.png differ diff --git a/images/surhutopygars01.png b/images/surhutopygars01.png new file mode 100644 index 0000000..e7441a6 Binary files /dev/null and b/images/surhutopygars01.png differ diff --git a/images/surhutopygars02.png b/images/surhutopygars02.png new file mode 100644 index 0000000..f73f4e2 Binary files /dev/null and b/images/surhutopygars02.png differ diff --git a/images/tampa.jpg b/images/tampa.jpg new file mode 100644 index 0000000..7c1b1ba Binary files /dev/null and b/images/tampa.jpg differ diff --git a/images/tiktok.svg b/images/tiktok.svg new file mode 100644 index 0000000..3445dfa --- /dev/null +++ b/images/tiktok.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/world.png b/images/world.png new file mode 100644 index 0000000..154bd71 Binary files /dev/null and b/images/world.png differ diff --git a/images/x.svg b/images/x.svg new file mode 100644 index 0000000..c40bd3d --- /dev/null +++ b/images/x.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/xblack.png b/images/xblack.png new file mode 100644 index 0000000..21e614a Binary files /dev/null and b/images/xblack.png differ diff --git a/images/xicon.png b/images/xicon.png new file mode 100644 index 0000000..d6e6aa4 Binary files /dev/null and b/images/xicon.png differ diff --git a/src/cssstyle/homeView.css b/src/cssstyle/homeView.css new file mode 100644 index 0000000..3974177 --- /dev/null +++ b/src/cssstyle/homeView.css @@ -0,0 +1,49 @@ +.banner-image { + + margin: 0 auto; + width: 100%; /* Augmenter la largeur de l'image */ + max-height: 40vh; /* Réduire légèrement la hauteur de l'image */ + object-fit: cover; + object-position: center; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Ajouter une ombre à l'image */ + } + + .banner-images-row { + display: flex; + justify-content: space-between; + gap: 0; /* Supprime l'espacement entre les éléments */ + } + + .banner-image-item-wrapper { + width: 76%; /* Définit la largeur du conteneur à 20% de la largeur de l'écran */ + height: auto; /* Garde la hauteur d'origine */ + + + } + + .banner-image-item { + width: 100%; /* Définit la largeur de l'image à 100% du conteneur */ + height: 300x; /* Hauteur fixe pour l'exemple, à ajuster selon vos besoins */ + object-fit: cover; /* Coupe l'image pour remplir le conteneur tout en conservant les proportions */ +} + .dropdown-menu { + position: absolute; + top: 100%; + left: 50%; + transform: translateX(-50%); + background-color: white; + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); + padding: 10px; + border-radius: 5px; + display: none; + } + + .banner-image-item:hover .dropdown-menu { + display: block; + } + + .custom-container { + width: 40%; + } + + \ No newline at end of file diff --git a/src/cssstyle/index.css b/src/cssstyle/index.css index a322786..e48adb5 100644 --- a/src/cssstyle/index.css +++ b/src/cssstyle/index.css @@ -1,48 +1,112 @@ -/* Arrière-plan de la page */ -body { - background-color: #f0f0f0; - /* Couleur d'arrière-plan de la page */ - margin: 0; - /* Supprimer les marges par défaut */ - padding: 0; - /* Supprimer les espaces de remplissage par défaut */ +/* CSS pour ajuster la taille de l'image */ +.img-small { + width: 70px; + height: 70px; +} + +.img-Logo { + width: 200px; + height: 70px; +} + + +.text-custom { + color: #000000; + /* Couleur de texte spécifique */ +} + +/* CSS pour le texte du menu-left */ +.menu-left a { + color: #000000; + /* Couleur du texte */ + font-weight: bold; + /* Gras */ + text-decoration: none; + /* Pas de soulignement */ + font-size: 24px; + /* Taille de la police en pixels */ +} + +/* CSS pour le texte des liens du menu-center */ +.menu-center { + display: flex; + justify-content: center; + /* Centrer les éléments horizontalement */ + align-items: center; + /* Centrer les éléments verticalement */ + flex: 1; + /* Utiliser tout l'espace disponible */ + margin-right: 8% +} + +/* CSS pour le texte du menu-right */ +.menu-right a { + color: #e4e4e4; + /* Couleur du texte */ +} + +.bg-custom { + background-color: #ffffff; + /* Définissez la couleur de fond souhaitée */ +} + +.textLogo { + font-size: 35px; + /* Taille de la police en pixels */ +} + + + +.logo { + margin-right: 5px; + /* Réduire la marge entre le logo et le texte */ + +} + +.profilePicture { + box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4); + /* Ajouter une ombre à la photo */ + border: 2px solid #a30e79; + /* Ajouter une bordure de 2px solide de couleur rouge (#f00) */ +} + +.bg-customdarker { + background-color: #ffffffa4; + /* Définissez la couleur de fond souhaitée */ } .top-aligned-column { display: flex; - flex-direction: row; - /* Afficher les colonnes en ligne */ justify-content: space-between; - /* Espacement égal entre les colonnes */ - align-items: flex-start; - /* Aligner le contenu en haut */ - min-height: 100vh; - /* Ajustez selon vos besoins */ - padding: 20px; - /* Ajouter un espace autour du contenu */ - box-sizing: border-box; - /* Inclure le padding dans la hauteur */ - overflow-y: auto; - /* Activer le défilement vertical */ } -/* Style de la colonne */ .column { flex: 1; - /* Chaque colonne occupe autant d'espace que possible */ - padding: 20px; - /* Espacement interne */ } .center-column { - flex: 1; - /* Augmenter la taille de la colonne centrale */ - background-color: #ffffff; - /* Couleur de fond de la colonne */ - border-radius: 20px; - /* Arrondir les coins de la colonne */ - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); - /* Ajouter une ombre à la colonne */ + flex: 3; + /* La colonne centrale occupe 3 fois plus d'espace que les autres */ +} + + +.colum-aligncenter { text-align: center; - /* Centrer le contenu */ +} + +.menu-center a:nth-child(1):hover svg { + color: rgba(163, 14, 121, 1); + /* Changer la couleur en rouge au survol */ +} + +/* Pour le deuxième bouton */ +.menu-center a:nth-child(2):hover svg { + color: rgba(163, 14, 121, 1); + /* Changer la couleur en bleu au survol */ +} + +/* Pour le troisième bouton */ +.menu-center a:nth-child(3):hover svg { + color: rgba(163, 14, 121, 1); + /* Changer la couleur en vert au survol */ } \ No newline at end of file diff --git a/src/layouts/CardDonate.vue b/src/layouts/CardDonate.vue new file mode 100644 index 0000000..123c1a1 --- /dev/null +++ b/src/layouts/CardDonate.vue @@ -0,0 +1,41 @@ + + + + + + + \ No newline at end of file diff --git a/src/layouts/DefaultLayout.vue b/src/layouts/DefaultLayout.vue index 01fe4e8..4ba01c8 100644 --- a/src/layouts/DefaultLayout.vue +++ b/src/layouts/DefaultLayout.vue @@ -1,55 +1,111 @@ @@ -61,7 +117,6 @@ import { useRouter } from 'vue-router'; const authStore = useAuthStore(); const router = useRouter() - const logout = () => { authStore.logout(); router.push('/login'); @@ -69,61 +124,5 @@ const logout = () => { const user = authStore.user; - - - @/plugins/store/authStore \ No newline at end of file + \ No newline at end of file diff --git a/src/layouts/FooterLayout.vue b/src/layouts/FooterLayout.vue new file mode 100644 index 0000000..248b5e4 --- /dev/null +++ b/src/layouts/FooterLayout.vue @@ -0,0 +1,104 @@ + + + + + + + \ No newline at end of file diff --git a/src/layouts/FormInscriptionBeta.vue b/src/layouts/FormInscriptionBeta.vue new file mode 100644 index 0000000..5264e90 --- /dev/null +++ b/src/layouts/FormInscriptionBeta.vue @@ -0,0 +1,24 @@ + + + + + + + diff --git a/src/layouts/SimpleVideoCard.vue b/src/layouts/SimpleVideoCard.vue new file mode 100644 index 0000000..703ad58 --- /dev/null +++ b/src/layouts/SimpleVideoCard.vue @@ -0,0 +1,36 @@ + + + \ No newline at end of file diff --git a/src/router/index.js b/src/router/index.js index 4a8e448..90adce9 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -5,6 +5,7 @@ import LoginView from '../views/LoginView.vue' import ContactView from '../views/main/ContactView.vue' import CreatorFolio from '../views/main/CreatorFolio.vue' import YourProfile from '../views/main/YourProfile.vue' +import ProjectRoadmap from '@/views/main/ProjectRoadmap.vue' const router = createRouter({ history: createWebHistory(import.meta.env.BASE_URL), routes: [ @@ -38,6 +39,11 @@ const router = createRouter({ name: 'login', component: LoginView }, + { + path: '/roadmap', + name: 'roadmap', + component: ProjectRoadmap + }, ] diff --git a/src/views/main/ContactView.vue b/src/views/main/ContactView.vue index d3737ee..1e12cc8 100644 --- a/src/views/main/ContactView.vue +++ b/src/views/main/ContactView.vue @@ -1,28 +1,192 @@ - + + - - - \ No newline at end of file + + diff --git a/src/views/main/CreatorFeed.vue b/src/views/main/CreatorFeed.vue new file mode 100644 index 0000000..877fbe5 --- /dev/null +++ b/src/views/main/CreatorFeed.vue @@ -0,0 +1,16 @@ + + +
+ +
+ + + + + + + + +
+
\ No newline at end of file diff --git a/src/views/main/CreatorFolio.vue b/src/views/main/CreatorFolio.vue index bec6ad0..e8b3b03 100644 --- a/src/views/main/CreatorFolio.vue +++ b/src/views/main/CreatorFolio.vue @@ -1,23 +1,584 @@ - + - + + + + diff --git a/src/views/main/CreatorFolioLeftMenu.vue b/src/views/main/CreatorFolioLeftMenu.vue new file mode 100644 index 0000000..06250d4 --- /dev/null +++ b/src/views/main/CreatorFolioLeftMenu.vue @@ -0,0 +1,64 @@ + + + + + \ No newline at end of file diff --git a/src/views/main/HomeView.vue b/src/views/main/HomeView.vue index 719b2b1..da09a5e 100644 --- a/src/views/main/HomeView.vue +++ b/src/views/main/HomeView.vue @@ -1,22 +1,331 @@