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

Remove colors

Browse Source
This commit is contained in:
Jonathan Bourdon
2025-02-08 02:38:41 -05:00
parent f4794fb817
commit 7f4e7ead40
36 changed files with 855 additions and 1138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
frontend/src/views/main/Footer.vue
View File

@@ -2,59 +2,66 @@
import XIcon from '@/assets/icons/x.svg'
import FacebookIcon from '@/assets/icons/facebook.svg'
import InstagramIcon from '@/assets/icons/instagram.svg'
import {useBrandingStore} from "@/stores/brandingStore.js";
const brandingStore = useBrandingStore()
</script>
<template>
<footer class="py-8 flex flex-col gap-8" :style="{color: brandingStore.colors.onBackground}">
<div class="centered-text text-2xl font-bold flex justify-center items-center ml-28 lg:tracking-[125px] md:tracking-[50px] sm:tracking-[20px]">Hutopy</div>
<footer class="py-8 flex flex-col gap-8 bg-hBackground">
<div
class="text-hOnBackground centered-text text-2xl font-bold flex justify-center items-center ml-28 lg:tracking-[125px] md:tracking-[50px] sm:tracking-[20px]">
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.colors.onBackground }" ></facebook-icon>
<facebook-icon class="icon"></facebook-icon>
</a>
<a href="https://www.instagram.com/hutopy.inc/">
<instagram-icon class="icon" :style="{ fill: brandingStore.colors.onBackground }"></instagram-icon>
<instagram-icon class="icon"></instagram-icon>
</a>
<a href="https://x.com/Hutopyinc/">
<x-icon class="icon" :style="{ fill: brandingStore.colors.onBackground }"></x-icon>
<x-icon class="icon"></x-icon>
</a>
</div>
<div class="flex flex-row flex-wrap justify-center gap-4 px-4 " >
<router-link to="/documents/helpandcontact" :style="{color: brandingStore.colors.onBackground}">
<div class="flex flex-row flex-wrap justify-center gap-4 px-4">
<router-link to="/documents/helpandcontact"
class="link">
{{ $t('footer.helpandcontact') }}
</router-link>
<router-link to="/documents/faq" :style="{color: brandingStore.colors.onBackground}">
<router-link to="/documents/faq"
class="link">
{{ $t('footer.faq') }}
</router-link>
<router-link to="/documents/guideforcreators" :style="{color: brandingStore.colors.onBackground}">
<router-link to="/documents/guideforcreators"
class="link">
{{ $t('footer.creatorguide') }}
</router-link>
<router-link to="/documents/termsandconditions" :style="{color: brandingStore.colors.onBackground}">
<router-link to="/documents/termsandconditions"
class="link">
{{ $t('footer.termsandconditions') }}
</router-link>
<router-link to="/documents/contentpolicy" :style="{color: brandingStore.colors.onBackground}">
<router-link to="/documents/contentpolicy"
class="link">
{{ $t('footer.contentpolicy') }}
</router-link>
<router-link to="/documents/about" :style="{color: brandingStore.colors.onBackground}">
<router-link to="/documents/about"
class="link">
{{ $t('footer.about') }}
</router-link>
<router-link to="/documents/pricing" :style="{color: brandingStore.colors.onBackground}">
<router-link to="/documents/pricing"
class="link">
{{ $t('footer.pricing') }}
</router-link>
</div>
<div class="flex justify-center base-text mb-13" :style="{color: brandingStore.colors.onBackground}">
<div class="flex justify-center base-text mb-13 link">
Hutopy &copy;{{ new Date().getFullYear() }} - {{ $t('footer.allRightsReserved') }}
</div>
</footer>
</template>
@@ -62,12 +69,16 @@ const brandingStore = useBrandingStore()
<style scoped>
.icon {
width: 30px;
height: 30px;
@apply fill-current w-8 h-8;
fill: var(--h-on-background);
}
.link {
@apply text-hOnBackground;
}
.base-text {
@apply text-gray-600 tracking-widest font-sans text-sm uppercase
@apply text-hOnBackground tracking-widest font-sans text-sm uppercase
}
a {