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

Fix the timing/loading issues with branding when navigating the site

Browse Source
This commit is contained in:
Jonathan Bourdon
2024-10-07 18:39:46 -04:00
parent d1762e803c
commit a02695c81a
16 changed files with 114 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/views/main/Footer.vue
View File

@@ -8,50 +8,50 @@ const brandingStore = useBrandingStore()
<template>
<footer class="py-8 flex flex-col gap-8" :style="{color: brandingStore.value.colors.onBackground}">
<footer class="py-8 flex flex-col gap-8" :style="{color: brandingStore.colors.onBackground}">
<div class="centered-text" :style="{color: brandingStore.value.colors.onBackground}" >Hutopy</div>
<div class="centered-text" :style="{color: brandingStore.colors.onBackground}" >Hutopy</div>
<div class="flex flex-row justify-center gap-10">
<a href="https://www.facebook.com/profile.php?id=61556819217561">
<facebook-icon class="icon" :style="{ fill: brandingStore.value.colors.onBackground }" ></facebook-icon>
<facebook-icon class="icon" :style="{ fill: brandingStore.colors.onBackground }" ></facebook-icon>
</a>
<a href="https://www.instagram.com/hutopy.inc/">
<instagram-icon class="icon" :style="{ fill: brandingStore.value.colors.onBackground }"></instagram-icon>
<instagram-icon class="icon" :style="{ fill: brandingStore.colors.onBackground }"></instagram-icon>
</a>
<a href="https://x.com/Hutopyinc/">
<x-icon class="icon" :style="{ fill: brandingStore.value.colors.onBackground }"></x-icon>
<x-icon class="icon" :style="{ fill: brandingStore.colors.onBackground }"></x-icon>
</a>
</div>
<div class="flex flex-row flex-wrap justify-center gap-4" >
<router-link to="/helpandcontact" :style="{color: brandingStore.value.colors.onBackground}">
<router-link to="/helpandcontact" :style="{color: brandingStore.colors.onBackground}">
Aide & Contact
</router-link>
<router-link to="/faq" :style="{color: brandingStore.value.colors.onBackground}">
<router-link to="/faq" :style="{color: brandingStore.colors.onBackground}">
FAQ
</router-link>
<router-link to="/guideforcreators" :style="{color: brandingStore.value.colors.onBackground}">
<router-link to="/guideforcreators" :style="{color: brandingStore.colors.onBackground}">
Guide pour les créateurs
</router-link>
<router-link to="/termsandconditions" :style="{color: brandingStore.value.colors.onBackground}">
<router-link to="/termsandconditions" :style="{color: brandingStore.colors.onBackground}">
Termes et Conditions
</router-link>
<router-link to="/contentpolicy" :style="{color: brandingStore.value.colors.onBackground}">
<router-link to="/contentpolicy" :style="{color: brandingStore.colors.onBackground}">
Politique de Contenu
</router-link>
<router-link to="/about" :style="{color: brandingStore.value.colors.onBackground}">
<router-link to="/about" :style="{color: brandingStore.colors.onBackground}">
À Propos
</router-link>
<router-link to="/pricing" :style="{color: brandingStore.value.colors.onBackground}">
<router-link to="/pricing" :style="{color: brandingStore.colors.onBackground}">
Frais
</router-link>
</div>
<div class="flex justify-center base-text" :style="{color: brandingStore.value.colors.onBackground}">
<div class="flex justify-center base-text" :style="{color: brandingStore.colors.onBackground}">
Hutopy &copy;{{ new Date().getFullYear() }} - {{ $t('footer.allRightsReserved') }}
</div>