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

Hide everything that is not necessary for the first release.

Browse Source
This commit is contained in:
PascalMarchesseault
2024-12-09 23:56:57 -05:00
parent c69c6770e9
commit 6960ab5576
13 changed files with 533 additions and 354 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -10,7 +10,7 @@ const brandingStore = useBrandingStore()
<footer class="py-8 flex flex-col gap-8" :style="{color: brandingStore.colors.onBackground}">
<div class="centered-text" :style="{color: brandingStore.colors.onBackground}" >Hutopy</div>
<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>
<div class="flex flex-row justify-center gap-10">
@@ -27,7 +27,7 @@ const brandingStore = useBrandingStore()
</a>
</div>
<div class="flex flex-row flex-wrap justify-center gap-4" >
<div class="flex flex-row flex-wrap justify-center gap-4 px-4 " >
<router-link to="/documents/helpandcontact" :style="{color: brandingStore.colors.onBackground}">
Aide & Contact
</router-link>
@@ -51,7 +51,7 @@ const brandingStore = useBrandingStore()
</router-link>
</div>
<div class="flex justify-center base-text" :style="{color: brandingStore.colors.onBackground}">
<div class="flex justify-center base-text mb-13" :style="{color: brandingStore.colors.onBackground}">
Hutopy &copy;{{ new Date().getFullYear() }} - {{ $t('footer.allRightsReserved') }}
</div>
@@ -81,12 +81,26 @@ a:hover {
.centered-text {
display: flex;
justify-content: center;
align-items: center;
letter-spacing: 125px;
font-size: 2rem;
font-weight: bold;
align-items: center;
letter-spacing: 125px;
font-size: 2rem;
font-weight: bold;
margin-left: 7rem;
}
@media (max-width: 768px) {
.centered-text {
letter-spacing: 60px;
margin-left: 2rem;
}
}
@media (max-width: 640px) {
.centered-text {
letter-spacing: 40px;
margin-left: 1rem;
}
}
</style>