diff --git a/public/images/hutopymedia/icons/logohutopy.png b/public/images/hutopymedia/icons/logohutopy.png new file mode 100644 index 0000000..4935df6 Binary files /dev/null and b/public/images/hutopymedia/icons/logohutopy.png differ diff --git a/src/layouts/DefaultLayout.vue b/src/layouts/DefaultLayout.vue index ca114d9..5ba3c0b 100644 --- a/src/layouts/DefaultLayout.vue +++ b/src/layouts/DefaultLayout.vue @@ -3,16 +3,22 @@ - - + + @@ -544,17 +341,39 @@ import FooterLayout from '@/layouts/FooterLayout.vue'; import PostContentMenu from '@/layouts/PostContentMenu.vue'; import { ref } from 'vue'; import StripePayment from '../StripePayment.vue'; + let imageSrc = '/images/usersmedia/guillaumeMousseau/banners/bannerGuillaumeMousseau01.png'; let profilePicture = '/images/usersmedia/guillaumeMousseau/profilepictures/profileGuillaumeMousseau01.png'; -let name = 'Guillaume Mousseau' -let title = 'Créateur de contenus' -let drawerbottom = ref(false) +let name = 'Guillaume Mousseau'; +let title = 'Créateur de contenus'; +let drawerbottom = ref(false); let navigationItems = [ { icon: 'mdi-home', text: 'Accueil', link: 'home' }, { icon: 'mdi-account-group', text: 'Utilisateur', link: '/userbrowser' }, { icon: 'mdi-handshake', text: 'Aidez-nous', link: '/contact' }, ]; + +// Ajouter la variable réactive pour gérer l'état d'affichage du contenu +let showMore = ref(false); + +// Ajouter les variables et méthodes pour gérer le carrousel +let carouselVisible = ref(false); +let currentImage = ref(0); +let images = [ + '/images/usersmedia/guillaumeMousseau/profilepictures/profileGuillaumeMousseau01.png', + '/images/usersmedia/chloebeaugrand/profilepictures/profileChloeBeaugrand.jpg', + // Ajoutez ici toutes les images que vous souhaitez afficher dans le carrousel +]; + +const toggleShowMore = () => { + showMore.value = !showMore.value; +}; + +const openCarousel = (index) => { + currentImage.value = index; + carouselVisible.value = true; +};