jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adds SocialNetworks for Creators

Browse Source
This commit is contained in:
Jonathan Bourdon
2024-08-06 00:01:03 -04:00
parent b83db5b33b
commit fd1937b56f
28 changed files with 194 additions and 342 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/views/Profile/Dialogs/PageInformations/ModalFacebook.vue
View File

@@ -1,24 +0,0 @@
<template>
<div class="pb-5 text-2xl">Lien Facebook</div>
<v-text-field
variant="outlined"
v-model="facebookLink"
label="Votre lien Facebook"
outlined
></v-text-field>
<div class="flex justify-end space-x-4">
<v-btn variant="plain" color="black">Annuler</v-btn>
<v-btn color="#A6147D">Enregistrer</v-btn>
</div>
</template>
<script setup>
import { ref } from 'vue';
const facebookLink = ref('');
</script>
<style scoped>
</style>

24
src/views/Profile/Dialogs/PageInformations/ModalInstagram.vue
View File

@@ -1,24 +0,0 @@
<template>
<div class="pb-5 text-2xl">Lien Instagram</div>
<v-text-field
variant="outlined"
v-model="instagramLink"
label="Votre lien Instagram"
outlined
></v-text-field>
<div class="flex justify-end space-x-4">
<v-btn variant="plain" color="black">Annuler</v-btn>
<v-btn color="#A6147D">Enregistrer</v-btn>
</div>
</template>
<script setup>
import { ref } from 'vue';
const instagramLink = ref('');
</script>
<style scoped>
</style>

24
src/views/Profile/Dialogs/PageInformations/ModalLinkedIn.vue
View File

@@ -1,24 +0,0 @@
<template>
<div class="pb-5 text-2xl">Lien LinkedIn</div>
<v-text-field
variant="outlined"
v-model="linkedInLink"
label="Votre lien LinkedIn"
outlined
></v-text-field>
<div class="flex justify-end space-x-4">
<v-btn variant="plain" color="black">Annuler</v-btn>
<v-btn color="#A6147D">Enregistrer</v-btn>
</div>
</template>
<script setup>
import { ref } from 'vue';
const linkedInLink = ref('');
</script>
<style scoped>
</style>

24
src/views/Profile/Dialogs/PageInformations/ModalReddit.vue
View File

@@ -1,24 +0,0 @@
<template>
<div class="pb-5 text-2xl">Lien Reddit</div>
<v-text-field
variant="outlined"
v-model="redditLink"
label="Votre lien Reddit"
outlined
></v-text-field>
<div class="flex justify-end space-x-4">
<v-btn variant="plain" color="black">Annuler</v-btn>
<v-btn color="#A6147D">Enregistrer</v-btn>
</div>
</template>
<script setup>
import { ref } from 'vue';
const redditLink = ref('');
</script>
<style scoped>
</style>

24
src/views/Profile/Dialogs/PageInformations/ModalTikTok.vue
View File

@@ -1,24 +0,0 @@
<template>
<div class="pb-5 text-2xl">Lien TikTok</div>
<v-text-field
variant="outlined"
v-model="tiktokLink"
label="Votre lien TikTok"
outlined
></v-text-field>
<div class="flex justify-end space-x-4">
<v-btn variant="plain" color="black">Annuler</v-btn>
<v-btn color="#A6147D">Enregistrer</v-btn>
</div>
</template>
<script setup>
import { ref } from 'vue';
const tiktokLink = ref('');
</script>
<style scoped>
</style>

24
src/views/Profile/Dialogs/PageInformations/ModalWebsite.vue
View File

@@ -1,24 +0,0 @@
<template>
<div class="pb-5 text-2xl">Page Web personnel</div>
<v-text-field
variant="outlined"
v-model="websiteLink"
label="Lien de votre page web personnel"
outlined
></v-text-field>
<div class="flex justify-end space-x-4">
<v-btn variant="plain" color="black">Annuler</v-btn>
<v-btn color="#A6147D">Enregistrer</v-btn>
</div>
</template>
<script setup>
import { ref } from 'vue';
const websiteLink = ref('');
</script>
<style scoped>
</style>

24
src/views/Profile/Dialogs/PageInformations/ModalX.vue
View File

@@ -1,24 +0,0 @@
<template>
<div class="pb-5 text-2xl">Lien X</div>
<v-text-field
variant="outlined"
v-model="xLink"
label="Votre lien x"
outlined
></v-text-field>
<div class="flex justify-end space-x-4">
<v-btn variant="plain" color="black">Annuler</v-btn>
<v-btn color="#A6147D">Enregistrer</v-btn>
</div>
</template>
<script setup>
import { ref } from 'vue';
const xLink = ref('');
</script>
<style scoped>
</style>

24
src/views/Profile/Dialogs/PageInformations/ModalYoutube.vue
View File

@@ -1,24 +0,0 @@
<template>
<div class="pb-5 text-2xl">Lien Youtube</div>
<v-text-field
variant="outlined"
v-model="youtubeLink"
label="Votre lien Youtube"
outlined
></v-text-field>
<div class="flex justify-end space-x-4">
<v-btn variant="plain" color="black">Annuler</v-btn>
<v-btn color="#A6147D">Enregistrer</v-btn>
</div>
</template>
<script setup>
import { ref } from 'vue';
const youtubeLink = ref('');
</script>
<style scoped>
</style>

123
src/views/Profile/Dialogs/PageInformations/SocialNetworks.vue Normal file
View File

@@ -0,0 +1,123 @@
<script setup>
import {ref} from 'vue'
import {useClient} from "@/plugins/api.js";
const props = defineProps({
creator: {
required: true
}
})
const emits = defineEmits(['closeRequested'])
const facebookUrl = ref(props.creator.socialNetworks.facebookUrl)
const instagramUrl = ref(props.creator.socialNetworks.instagramUrl)
const linkedInUrl = ref(props.creator.socialNetworks.linkedInUrl)
const redditUrl = ref(props.creator.socialNetworks.redditUrl)
const tikTokUrl = ref(props.creator.socialNetworks.tikTokUrl)
const websiteUrl = ref(props.creator.socialNetworks.websiteUrl)
const xUrl = ref(props.creator.socialNetworks.xUrl)
const youtubeUrl = ref(props.creator.socialNetworks.youtubeUrl)
const client = useClient()
const save = async () => {
try {
await client.post(
`/api/creators/${props.creator.id}/socials`,
{
"facebookUrl": facebookUrl.value || null,
"instagramUrl": instagramUrl.value || null,
"linkedInUrl": linkedInUrl.value || null,
"redditUrl": redditUrl.value || null,
"tikTokUrl": tikTokUrl.value || null,
"websiteUrl": websiteUrl.value || null,
"xUrl": xUrl.value || null,
"youtubeUrl": youtubeUrl.value || null,
})
props.creator.socialNetworks.facebookUrl = facebookUrl
props.creator.socialNetworks.instagramUrl = instagramUrl
props.creator.socialNetworks.linkedInUrl = linkedInUrl
props.creator.socialNetworks.redditUrl = redditUrl
props.creator.socialNetworks.tikTokUrl = tikTokUrl
props.creator.socialNetworks.websiteUrl = websiteUrl
props.creator.socialNetworks.xUrl = xUrl
props.creator.socialNetworks.youtubeUrl = youtubeUrl
emits('closeRequested')
} catch (error) {
console.error(error)
}
}
const cancel = () => {
emits('closeRequested')
}
</script>
<template>
<div class="pb-5 text-2xl">Reseaux Sociaux</div>
<v-text-field
variant="outlined"
v-model="facebookUrl"
label="Lien Facebook"
outlined
></v-text-field>
<v-text-field
variant="outlined"
v-model="instagramUrl"
label="Lien Instagram"
outlined
></v-text-field>
<v-text-field
variant="outlined"
v-model="linkedInUrl"
label="Lien LinkedIn"
outlined
></v-text-field>
<v-text-field
variant="outlined"
v-model="redditUrl"
label="Lien Reddit"
outlined
></v-text-field>
<v-text-field
variant="outlined"
v-model="tikTokUrl"
label="Lien TikTok"
outlined
></v-text-field>
<v-text-field
variant="outlined"
v-model="websiteUrl"
label="Lien site web"
outlined
></v-text-field>
<v-text-field
variant="outlined"
v-model="xUrl"
label="Lien X"
outlined
></v-text-field>
<v-text-field
variant="outlined"
v-model="youtubeUrl"
label="Lien Youtube"
outlined
></v-text-field>
<div class="flex justify-end space-x-4">
<v-btn color="black" variant="text" @click="cancel">Annuler</v-btn>
<v-btn color="#A6147D" @click="save">Enregistrer</v-btn>
</div>
</template>

66
src/views/Profile/PageInformations.vue
View File

@@ -1,13 +1,6 @@
<script setup>
import {ref} from 'vue';
import ModalFacebook from '@/views/Profile/Dialogs/PageInformations/ModalFacebook.vue';
import ModalInstagram from '@/views/Profile/Dialogs/PageInformations/ModalInstagram.vue';
import ModalLinkedIn from '@/views/Profile/Dialogs/PageInformations/ModalLinkedIn.vue';
import ModalReddit from '@/views/Profile/Dialogs/PageInformations/ModalReddit.vue';
import ModalTikTok from '@/views/Profile/Dialogs/PageInformations/ModalTikTok.vue';
import ModalWebsite from '@/views/Profile/Dialogs/PageInformations/ModalWebsite.vue';
import ModalX from '@/views/Profile/Dialogs/PageInformations/ModalX.vue';
import ModalYoutube from '@/views/Profile/Dialogs/PageInformations/ModalYoutube.vue';
import SocialNetworks from '@/views/Profile/Dialogs/PageInformations/SocialNetworks.vue';
import BannerPicker from '@/views/Profile/Dialogs/PageInformations/BannerPicker.vue';
import ColorTopBanner from '@/views/Profile/Dialogs/PageInformations/ColorTopBanner.vue';
import ColorBottomBanner from "@/views/Profile/Dialogs/PageInformations/ColorBottomBanner.vue";
@@ -22,14 +15,7 @@ const dialog = ref(false);
const currentComponent = ref('');
const componentsMap = {
ModalFacebook,
ModalInstagram,
ModalLinkedIn,
ModalReddit,
ModalTikTok,
ModalWebsite,
ModalX,
ModalYoutube,
SocialNetworks,
BannerPicker,
ColorTopBanner,
ColorBottomBanner,
@@ -39,6 +25,7 @@ const componentsMap = {
};
const openDialog = (component) => {
console.dir(userStore.creator)
currentComponent.value = componentsMap[component]
dialog.value = true
}
@@ -51,7 +38,7 @@ const closeDialog = () => {
</script>
<template>
<v-dialog v-model="dialog" max-width="600px">
<v-card>
<v-card-text>
@@ -62,7 +49,7 @@ const closeDialog = () => {
</v-card-text>
</v-card>
</v-dialog>
<div class="flex flex-col items-center w-full">
<h1 class="uppercase pb-5 text-2xl">
<v-icon class="mr-2">mdi-file-edit-outline</v-icon>
@@ -127,91 +114,92 @@ const closeDialog = () => {
<!-- Réseaux sociaux -->
<div class="mt-10 border rounded-2xl w-full max-w-[800px]">
<div class="py-5 uppercase ml-4">Réseaux Sociaux</div>
<div class="flex flex-col w-full">
<button
@click="openDialog('ModalFacebook')"
@click="openDialog('SocialNetworks')"
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
<span class="pa-2 min-w-32 text-left"><v-icon>mdi-facebook</v-icon></span>
<span class="flex-auto text-left pr-6">Facebook</span>
<span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.facebookUrl }}</span>
<span class="flex-none">
<v-icon>mdi-chevron-right</v-icon>
</span>
</button>
<button
@click="openDialog('ModalInstagram')"
@click="openDialog('SocialNetworks')"
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
<span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-instagram</v-icon></span>
<span class="flex-auto text-left pr-6">Instagram</span>
<span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.instagramUrl }}</span>
<span class="flex-none">
<v-icon>mdi-chevron-right</v-icon>
</span>
</button>
<button
@click="openDialog('ModalX')"
@click="openDialog('SocialNetworks')"
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
<span class="flex-none pa-2 min-w-32 text-left"> <img src="/images/hutopymedia/icons/black/xblack.png"
class="w-5 h-5"></span>
<span class="flex-auto text-left pr-6">X</span>
<span class="flex-none pa-2 min-w-32 text-left"><v-icon>mdi-twitter</v-icon></span>
<span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.xUrl }}</span>
<span class="flex-none">
<v-icon>mdi-chevron-right</v-icon>
</span>
</button>
<button
@click="openDialog('ModalLinkedIn')"
@click="openDialog('SocialNetworks')"
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
<span class="pa-2 min-w-32 text-left"><v-icon>mdi-linkedin</v-icon></span>
<span class="flex-auto text-left pr-6">LinkedIn</span>
<span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.linkedInUrl }}</span>
<span class="flex-none">
<v-icon>mdi-chevron-right</v-icon>
</span>
</button>
<button
@click="openDialog('ModalTikTok')"
@click="openDialog('SocialNetworks')"
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
<span class="flex-none pa-2 min-w-32 text-left"> <img src="/images/externals/tiktok-black.png"
class="w-5 h-5"></span>
<span class="flex-auto text-left pr-6">TikTok</span>
<span class="flex-none pa-2 min-w-32 text-left">
<img src="/images/socials/tiktok-black.png" class="w-5 h-5">
</span>
<span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.tikTokUrl }}</span>
<span class="flex-none">
<v-icon>mdi-chevron-right</v-icon>
</span>
</button>
<button
@click="openDialog('ModalYoutube')"
@click="openDialog('SocialNetworks')"
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
<span class="pa-2 min-w-32 text-left"><v-icon>mdi-youtube</v-icon></span>
<span class="flex-auto text-left pr-6">Youtube</span>
<span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.youtubeUrl }}</span>
<span class="flex-none">
<v-icon>mdi-chevron-right</v-icon>
</span>
</button>
<button
@click="openDialog('ModalReddit')"
@click="openDialog('SocialNetworks')"
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
<span class="pa-2 min-w-32 text-left"><v-icon>mdi-reddit</v-icon></span>
<span class="flex-auto text-left pr-6">Reddit</span>
<span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.redditUrl }}</span>
<span class="flex-none">
<v-icon>mdi-chevron-right</v-icon>
</span>
</button>
<button
@click="openDialog('ModalWebsite')"
@click="openDialog('SocialNetworks')"
class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl ">
<span class="pa-2 min-w-32 text-left"><v-icon>mdi-web</v-icon></span>
<span class="flex-auto text-left pr-6">Site web personnel</span>
<span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.websiteUrl }}</span>
<span class="flex-none">
<v-icon>mdi-chevron-right</v-icon>
</span>
</button>
</div>
</div>
</div>

40
src/views/contents/contents.json
View File

@@ -1,40 +0,0 @@
[
{
"id": "00000002-0000-0000-0000-000000000001",
"url": "https://www.youtube.com/embed/neKWqjE0eSs?si=Bo7xbYaw9-56w3lU",
"description": "Bonjour, Nous sommes fiers de vous présenter la version 0.10 d'Hutopy. Nous sommes au début d'une aventure visant à transformer la sphère des médias sociaux. Notre objectif est d'apporter un souffle de fraîcheur en favorisant des interactions plus constructives entre les individus. Dans cette première version, seuls nos utilisateurs testeurs ont accès à la plateforme comme créateur. Dans un futur proche, avec le déploiement de la version 0.2, nous contacterons les personnes qui se sont inscrites via l'onglet d'inscription et ont rempli quelques questions. Si vous souhaitez soutenir le développement de la plateforme, deux options s'offrent à vous. La première consiste à nous apporter un soutien financier, tandis que la seconde est de nous contacter pour faire partie de l'équipe de développement. Nous recherchons actuellement un programmeur supplémentaire pour faire progresser certaines fonctionnalités. Merci de visiter Hutopy.",
"created_by": {
"id": "00000001-0000-0000-0000-000000000001",
"alias": "@marchy"
},
"created_at": "",
"thumb_up_count": 0,
"thumb_down_count": 0
},
{
"id": "00000002-0000-0000-0000-000000000002",
"url": "/images/usersmedia/HutopyProfile/pictures/version.png",
"title": "Déploiement de la version 0.10 d'Hutopy",
"description": "Bonjour, Nous sommes fiers de vous présenter la version 0.10 d'Hutopy. Nous sommes au début d'une aventure visant à transformer la sphère des médias sociaux. Notre objectif est d'apporter un souffle de fraîcheur en favorisant des interactions plus constructives entre les individus. Dans cette première version, seuls nos utilisateurs testeurs ont accès à la plateforme comme créateur. Dans un futur proche, avec le déploiement de la version 0.2, nous contacterons les personnes qui se sont inscrites via l'onglet d'inscription et ont rempli quelques questions. Si vous souhaitez soutenir le développement de la plateforme, deux options s'offrent à vous. La première consiste à nous apporter un soutien financier, tandis que la seconde est de nous contacter pour faire partie de l'équipe de développement. Nous recherchons actuellement un programmeur supplémentaire pour faire progresser certaines fonctionnalités. Merci de visiter Hutopy.",
"created_by": {
"id": "00000001-0000-0000-0000-000000000001",
"alias": "@marchy",
"portrait_url": ""
},
"created_at": "",
"thumb_up_count": 0,
"thumb_down_count": 0
},
{
"id": "00000002-0000-0000-0000-000000000003",
"url": "/images/usersmedia/HutopyProfile/pictures/version.png",
"description": "Bonjour, Nous sommes fiers de vous présenter la version 0.10 d'Hutopy. Nous sommes au début d'une aventure visant à transformer la sphère des médias sociaux. Notre objectif est d'apporter un souffle de fraîcheur en favorisant des interactions plus constructives entre les individus. Dans cette première version, seuls nos utilisateurs testeurs ont accès à la plateforme comme créateur. Dans un futur proche, avec le déploiement de la version 0.2, nous contacterons les personnes qui se sont inscrites via l'onglet d'inscription et ont rempli quelques questions. Si vous souhaitez soutenir le développement de la plateforme, deux options s'offrent à vous. La première consiste à nous apporter un soutien financier, tandis que la seconde est de nous contacter pour faire partie de l'équipe de développement. Nous recherchons actuellement un programmeur supplémentaire pour faire progresser certaines fonctionnalités. Merci de visiter Hutopy.",
"created_by": {
"id": "00000001-0000-0000-0000-000000000001",
"alias": "@marchy"
},
"created_at": "",
"thumb_up_count": 0,
"thumb_down_count": 0
}
]

46
src/views/creators/CreatorBanner.vue
View File

@@ -1,5 +1,5 @@
<template>
<!-- Bannière-->
<div class="relative bottom-4 z-20 m">
<div class="relative flex flex-col">
@@ -89,26 +89,54 @@ function GetActiveSocialNetworkUrls() {
const socialNetworks = [];
const userSocialNetworks = props.creator.socialNetworks;
if (userSocialNetworks.facebookUrl !== null) {
socialNetworks.push({icon: "mdi-facebook", url: props.creator.socialNetworks.facebookUrl})
}
if (userSocialNetworks.xUrl !== null) {
socialNetworks.push({icon: "mdi-twitter", url: props.creator.socialNetworks.xUrl})
socialNetworks.push({
icon: "mdi-facebook",
url: props.creator.socialNetworks.facebookUrl
})
}
if (userSocialNetworks.instagramUrl !== null) {
socialNetworks.push({icon: "mdi-instagram", url: props.creator.socialNetworks.instagramUrl})
socialNetworks.push({
icon: "mdi-instagram",
url: props.creator.socialNetworks.instagramUrl
})
}
if (userSocialNetworks.xUrl !== null) {
socialNetworks.push({
icon: "mdi-twitter",
url: props.creator.socialNetworks.xUrl
})
}
if (userSocialNetworks.linkedInUrl !== null) {
socialNetworks.push({
icon: 'mdi-linkedin',
url: props.creator.socialNetworks.linkedInUrl
})
}
if (userSocialNetworks.tikTokUrl !== null) {
socialNetworks.push({
icon: '/images/externals/tiktok-white.png',
icon: '/images/socials/tiktok-white.png',
url: props.creator.socialNetworks.tikTokUrl
})
}
if (userSocialNetworks.youtubeUrl !== null) {
socialNetworks.push({icon: 'mdi-youtube', url: props.creator.socialNetworks.youtubeUrl})
socialNetworks.push({
icon: 'mdi-youtube',
url: props.creator.socialNetworks.youtubeUrl
})
}
if (userSocialNetworks.redditUrl !== null) {
socialNetworks.push({
icon: 'mdi-reddit',
url: props.creator.socialNetworks.redditUrl
})
}
if (userSocialNetworks.websiteUrl !== null) {
socialNetworks.push({icon: 'mdi-web', url: props.creator.socialNetworks.websiteUrl})
socialNetworks.push({
icon: 'mdi-web',
url: props.creator.socialNetworks.websiteUrl
})
}
return socialNetworks;

1
src/views/creators/CreatorList.vue
View File

@@ -28,6 +28,5 @@
<script setup>
import CreatorCard from "@/views/creators/CreatorCard.vue";
import creators from "@/views/creators/creators.json";
</script>

51
src/views/creators/creators.json
View File

@@ -1,51 +0,0 @@
[
{
"ìd": 1,
"name": "Hutopy",
"title": "Page officielle",
"description": "Site officiel pour Hutopy. Venez-nous-y retrouver avec tous vos fans!",
"imageUrl": "/images/usersmedia/HutopyProfile/profilepictures/profileHutopyProfile01.png",
"routerLink": "@hutopy",
"about": "Notre mission chez Hutopy est d'aider les gens à s'épanouir en leur proposant un environnement de partage unique qui va leur permettre de se surpasser. Nous travaillons étroitement avec la communauté d'Hutopy afin de concentrer notre développement sur ce que vous demandez et sur vos besoins, afin d'offrir les meilleurs outils. Le tout en gardant à l'esprit l'aspect humain de chacun. Il est important pour nous de contribuer à créer un monde meilleur.",
"contacts": {
"twitter": "https://twitter.com/Hutopyinc",
"facebook": "https://www.facebook.com/Hutopy",
"instagram": "https://www.instagram.com/hutopy.inc/"
}
},
{
"id": 2,
"name": "L'effet",
"description": "Fondation",
"imageUrl": "/images/usersmedia/leffet/profilepictures/leffetProfile01.png",
"routerLink": "@leffet"
},
{
"id": 3,
"name": "Guillaume M",
"description": "Créateur de contenus",
"imageUrl": "/images/usersmedia/guillaumeMousseau/profilepictures/profileGuillaumeMousseau01.png",
"routerLink": "@guillaumeaime"
},
{
"id": 4,
"name": "Chloé Beaugrand",
"description": "Spécialiste en médias sociaux",
"imageUrl": "/images/usersmedia/chloebeaugrand/profilepictures/profileChloeBeaugrand01.png",
"routerLink": "@chloebeaugrand"
},
{
"id": 5,
"name": "Mathieu Caron",
"description": "Entrevue Atypique",
"imageUrl": "/images/usersmedia/mathieuCaron/profilepictures/profileMathieuCaron01.png",
"routerLink": "@mathieuCaron"
},
{
"id": 6,
"name": "ARPS",
"description": "Agence créative",
"imageUrl": "/images/usersmedia/ARPS/profilepictures/profileARPS.png",
"routerLink": "@ARPS"
}
]

17
src/views/main/SiteMenu.vue
View File

@@ -3,16 +3,16 @@
<div class="flex flex-row justify-center pb-4 pt-2 py-4">
<!-- Facebook -->
<a href="https://www.facebook.com/profile.php?id=61556819217561">
<img src="/images/hutopymedia/icons/pink/facebookpink.png" alt="Facebook Logo">
<a href="https://www.facebook.com/profile.php?id=61556819217561" class="social">
<v-icon>mdi-facebook</v-icon>
</a>
<!-- Instagram -->
<a href="https://www.instagram.com/hutopy.inc/">
<img src="/images/hutopymedia/icons/pink/instagrampink.png" alt="Instagram Logo">
<a href="https://www.instagram.com/hutopy.inc/" class="social">
<v-icon>mdi-instagram</v-icon>
</a>
<!-- X / Twitter -->
<a href="https://twitter.com/Hutopyinc">
<img src="/images/hutopymedia/icons/pink/xpink.png" alt="X Logo">
<a href="https://twitter.com/Hutopyinc" class="social">
<v-icon>mdi-twitter</v-icon>
</a>
</div>
@@ -41,11 +41,8 @@
@apply text-purple-800 bg-gray-50;
}
img {
.social {
@apply m-2 w-10 h-10;
}
</style>
<script setup lang="ts">
</script>