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

Tos et footer

Browse Source
This commit is contained in:
PascalMarchesseault
2024-04-17 23:24:22 -04:00
parent 1ad93bf826
commit 13b79c782c
9 changed files with 1084 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/layouts/FooterLayout.vue
View File

@@ -7,13 +7,16 @@
<div style="background-color: #f4f4f4; min-height: 10vh; display: flex; flex-direction: column;"
class="footer-align">
<v-container style="background-color: #f4f4f4">
<v-row justify="center" style="margin-top: 30px;">
<v-col cols="5" lg="5" md="5" sm="12" xs="7">
<v-row>
<v-img src="../../../images/hutopy.png" class="hutopy-footer-picture"></v-img>
</v-row>
</v-col>
</v-row>
<!--Bug je ne peut pas l'appliquer uniquement sur mon -->
<router-link :to="{ name: 'home' }">
<v-row justify="center" style="margin-top: 30px;">
<v-col cols="5" lg="5" md="5" sm="12" xs="7">
<v-row>
<v-img src="../../../images/hutopy.png" class="hutopy-footer-picture"></v-img>
</v-row>
</v-col>
</v-row>
</router-link>
</v-container>
<v-container>
@@ -62,18 +65,21 @@ export default {
data: () => ({
links: [
'Aide & Contact',
'FAQ',
'Guide pour les créateurs',
'Conditions générales',
'Politique des contenus',
'conditions utilisation',
'anti-exploitation',
'Politique de Contenu',
'À Propos'
],
linkRoutes: {
'Aide & Contact': { name: 'helpandcontact' },
'FAQ': { name: 'FAQ' },
'Guide pour les créateurs': { name: 'guideforcreators' },
'Conditions générales': { name: 'termsandconditions' },
'Politique des contenus': { name: 'contentpolicy' },
'Programme Ambassadeurs': { name: 'ambassadorprogram' },
'conditions utilisation': { name: 'conditionofuse' },
'anti-exploitation': { name: 'antiexploitation' },
'Politique de Contenu': { name: 'contentpolicy' },
'À Propos': { name: 'about' },
},
}),
methods: {

22
src/router/index.js
View File

@@ -1,8 +1,11 @@
import ProjectRoadmap from '@/views/main/ProjectRoadmap.vue'
import About from '@/views/tos/About.vue'
import AmbassadorProgram from '@/views/tos/AmbassadorProgram.vue'
import AntiExploitation from '@/views/tos/AntiExploitation.vue'
import ConditionsOfUse from '@/views/tos/ConditionsOfUse.vue'
import ContentPolicy from '@/views/tos/ContentPolicy.vue'
import FAQ from '@/views/tos/FAQ.vue'
import GuideForCreators from '@/views/tos/GuideForCreators.vue'
import HelpAndContact from '@/views/tos/HelpAndContact.vue'
import TermsAndConditions from '@/views/tos/TermsAndConditions.vue'
import { createRouter, createWebHistory } from 'vue-router'
@@ -13,6 +16,7 @@ import CreatorFolio from '../views/main/CreatorFolio.vue'
import HomeView from '../views/main/HomeView.vue'
import YourProfile from '../views/main/YourProfile.vue'
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [
@@ -86,6 +90,24 @@ const router = createRouter({
name: 'antiexploitation',
component: AntiExploitation
},
{
path: '/faq',
name: 'FAQ',
component: FAQ
},
{
path: '/guideforcreators',
name: 'guideforcreators',
component: GuideForCreators
},
{
path: '/about',
name: 'about',
component: About
},
],
scrollBehavior(to, from, savedPosition) {
return { top: 0 };

203
src/views/tos/About.vue Normal file
View File

@@ -0,0 +1,203 @@
<template>
<body style="background-color: #f4f4f4;">
<DefaultLayout></DefaultLayout>
<div>
<v-row class="fluid" style="margin-top: -30px; position: relative; z-index: 0;" hidden-md-and-down>
<v-col cols="12" class="pa-0" style="width: 100vw; overflow: hidden;">
<v-img class="profile-banner" max-height="375" src="./../../../images/tos/headerbackground.png"
cover style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
</v-col>
</v-row>
<v-container style="z-index: 100; position: relative;">
<v-row justify="center" align="center" style="color:white; margin-top: -250px;"
class="header-text-size">
<v-typography class="headline text-center">À propos</v-typography>
</v-row>
</v-container>
<v-container style="z-index: 100; position: relative;">
<v-row justify="center" align="center">
<v-spacer></v-spacer>
<v-col cols="7">
<p style="font-weight: 600; font-size: 2rem; margin-bottom: 25px;">
À propos
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Bienvenue sur la page "À Propos" d’Hutopy, où nous partageons notre histoire, notre mission,
notre vision, et vous présentons l'équipe passionnée qui rend tout cela possible. Hutopy
n'est pas seulement une plateforme ; c'est une communauté, un mouvement, un lieu où la
créativité rencontre la technologie pour créer des expériences inoubliables.
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Notre Histoire
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Hutopy a été fondée en 2024, née de l'idée simple mais puissante que chaque créateur qu'il
soit grand ou petit, novice ou expérimenté, devrait avoir accès aux outils et au soutien
nécessaires pour partager sa passion avec le monde.
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Notre Mission
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Notre mission est de démocratiser la création de contenu numérique, en offrant une
plateforme accessible, intuitive et puissante qui permet aux créateurs de tout horizon de
s'exprimer, d'innover et de connecter avec une audience mondiale. Nous nous engageons à
fournir les outils, les ressources et le soutien nécessaires pour que chaque voix puisse
être entendue.
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Notre Vision
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Nous envisageons un monde où la barrière entre les créateurs et leur audience est réduite au
minimum, où les idées, l'expertise et les histoires peuvent circuler librement et sans
entrave. Hutopy aspire à être au cœur de cet écosystème créatif et professionnel, en étant
une source d'inspiration, une plateforme de lancement et un foyer pour tous.
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Notre Équipe
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Derrière Hutopy, il y a une équipe de penseurs innovants, de créatifs passionnés et de
technologues dévoués, tous unis par le désir de soutenir la communauté des créateurs de
contenu. Notre équipe est notre plus grande force, chaque membre apportant une expertise
unique et une perspective fraîche à notre mission commune.
</p>
<v-row>
<v-col>
<img src="./../../../images/anonyme.png" alt="Marc-Olivier Hébert">
<br>
<v-typography class="name" style="font-size: 1.5rem; font-weight: bold;">Marc-Olivier
</v-typography><br> <v-typography class="name"
style="font-size: 1.5rem; font-weight: bold;">
Hébert</v-typography><br>
<v-typography class="task" style="font-size: 1rem;">Fondateur</v-typography><br>
<v-typography class="text" style="font-size: 0.8rem; text-align: justify;">Avec une
vision claire et un engagement sans faille, il a lancé Hutopy pour changer la
manière dont le contenu est créé et partagé.</v-typography>
</v-col>
<v-col>
<img src="./../../../images/anonyme.png" alt="Dominic Villemure">
<br>
<v-typography class="name" style="font-size: 1.5rem; font-weight: bold;">Dominic
</v-typography><br>
<v-typography class="name" style="font-size: 1.5rem; font-weight: bold;">
Villemure</v-typography><br>
<v-typography class="task" style="font-size: 1rem;">Responsable
Technique</v-typography><br>
<v-typography class="text" style="font-size: 0.8rem; text-align: justify;">À la tête de
notre équipe de développement, il assure qu’Hutopy reste à la pointe de la
technologie.</v-typography>
</v-col>
<v-col>
<img src="./../../../images/anonyme.png" alt="Parcal Marchesseault">
<br>
<v-typography class="name" style="font-size: 1.5rem; font-weight: bold;">Pascal
</v-typography><br>
<v-typography class="name" style="font-size: 1.5rem; font-weight: bold;">
Marchesseault</v-typography><br>
<v-typography class="task" style="font-size: 1rem;">Expérience
utilisateur</v-typography><br>
<v-typography class="text" style="font-size: 0.8rem; text-align: justify;">Le champion
de l'expérience utilisateur, il veille à ce que chaque interaction avec Hutopy soit
positive et enrichissante pour tous les utilisateurs.</v-typography>
</v-col>
<v-col>
<img src="./../../../images/anonyme.png" alt="Chloé Beaugrand">
<br>
<v-typography class="name" style="font-size: 1.5rem; font-weight: bold;">Chloé
</v-typography><br>
<v-typography class="name" style="font-size: 1.5rem; font-weight: bold;">
Beaugrand</v-typography><br>
<v-typography class="task" style="font-size: 1rem;">Responsable
Marketing</v-typography><br>
<v-typography class="text" style="font-size: 0.8rem; text-align: justify;">Elle façonne
l'image d’Hutopy et engage notre communauté à travers des campagnes innovantes et
impactantes.</v-typography>
</v-col>
</v-row>
<p style="margin-top: 25px; margin-bottom: 25px;">
Chez Hutopy, nous sommes plus qu'une plateforme ; nous sommes une famille dédiée à la
réussite de nos créateurs. Nous vous invitons à nous joindre dans cette aventure
passionnante, à partager votre créativité et votre expertise avec le monde et à faire
d’Hutopy votre utopie. Merci de faire partie de notre histoire.
</p>
</v-col>
<v-spacer></v-spacer>
</v-row>
</v-container>
</div>
<FooterLayout></FooterLayout>
</body>
</template>
<script setup>
import DefaultLayout from '@/layouts/DefaultLayout.vue';
import FooterLayout from '@/layouts/FooterLayout.vue';
</script>
<style>
.header-text-size {
font-size: 4rem;
}
</style>

10
src/views/tos/ConditionsOfUse.vue
View File

@@ -22,6 +22,16 @@
<v-row justify="center" align="center">
<v-spacer></v-spacer>
<v-col cols="7">
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
5. Croissance et Développement :
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
<li>Continuez à Apprendre : Utilisez le Centre de Ressources Éducatives d’Hutopy pour
améliorer vos compétences et rester à jour sur les tendances du secteur. ( À venir )
</li> <br>
</p>
<p class="text-start">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco

288
src/views/tos/ContentPolicy.vue
View File

@@ -13,7 +13,7 @@
<v-container style="z-index: 100; position: relative;">
<v-row justify="center" align="center" style="color:white; margin-top: -250px;"
class="header-text-size">
<v-typography class="headline text-center">Politiques des contenus</v-typography>
<v-typography class="headline text-center">Politique de Contenu</v-typography>
</v-row>
</v-container>
@@ -22,19 +22,281 @@
<v-row justify="center" align="center">
<v-spacer></v-spacer>
<v-col cols="7">
<p class="text-start">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit
amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.
<p style="font-weight: 600; font-size: 2rem; margin-bottom: 25px;">
Politique de Contenu d’Hutopy
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Introduction
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Hutopy vise à offrir une plateforme sécurisée, inclusive et respectueuse où les créateurs
peuvent partager leur travail et interagir avec une communauté engagée. Pour maintenir cet
environnement, nous avons établi des lignes directrices claires concernant le type de
contenu autorisé sur notre plateforme. En utilisant Hutopy, vous acceptez de respecter cette
politique de contenu.
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Contenu Autorisé
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Hutopy encourage la publication de contenu créatif, éducatif et inspirant dans divers
formats, y compris :<br>
<br>
<li>Arts visuels et design : Illustrations, photographies, designs graphiques respectant le
droit d'auteur.</li>
<br>
<li>Éducation et apprentissage : Tutoriels, cours en ligne, webinaires qui favorisent
l'apprentissage et le développement personnel.</li>
<br>
<li>Contenu écrit : Articles, blogs, poésies qui enrichissent les discussions et partagent
des connaissances.</li>
<br>
<li>Multimédia : Vidéos, podcasts et musique originales qui respectent les droits d'auteur
et encouragent l'expression créative.</li>
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Contenu Interdit
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Pour protéger notre communauté, certains types de contenu ne sont pas autorisés sur Hutopy,
incluant mais non limité à : <br>
<br>
<li>Contenu illégal : Tout contenu promouvant des activités illégales ou fournissant des
instructions pour commettre des actes illégaux.</li>
<br>
<li>Harcèlement et discours de haine : Contenu visant à harceler, menacer, ou promouvoir la
haine contre des individus ou des groupes basés sur la race, l'ethnie, la religion, le
genre, l'orientation sexuelle, l'identité de genre ou tout autre caractéristique
distinctive.
</li>
<br>
<li>Contenu pour adultes : Matériel pornographique ou explicitement sexuel.
</li>
<br>
<li>Violence et contenu graphique : Images ou descriptions de violence excessive, gore ou
choquantes.</li>
<br>
<li>Publicité mensongère et spam : Contenu trompeur, frauduleux ou spammy.
</li>
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Droits d'Auteur et Propriété Intellectuelle
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Respect des Droits : Vous devez posséder les droits sur le contenu que vous publiez sur
Hutopy ou avoir l'autorisation expresse du détenteur des droits pour utiliser ce contenu.
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Attribution : Lorsque vous utilisez ou adaptez le contenu protégé par des droits d'auteur
appartenant à autrui, une attribution claire et correcte doit être fournie.
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Modération et Signalement
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Modération : Hutopy utilise à la fois des modérateurs humains et des outils automatisés pour
surveiller et évaluer le contenu publié, garantissant le respect de cette politique.
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Signalement : Les utilisateurs de Hutopy sont encouragés à signaler tout contenu qu'ils
considèrent comme enfreignant notre politique de contenu via les outils de signalement
disponibles sur la plateforme.
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Conséquences des Violations
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
La violation de notre politique de contenu peut entraîner des actions allant de
l'avertissement à la suppression du contenu ou à la suspension, voire à la résiliation du
compte utilisateur.
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Révisions de la Politique
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Hutopy se réserve le droit de modifier cette politique de contenu à tout moment pour
refléter les changements dans nos pratiques ou pour se conformer à de nouvelles
réglementations légales.
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Dans le cas d’une non conformité aux politiques de contenus :
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
1. Suspension des Fonds : Les montants accumulés sur le compte de l'utilisateur en question
seront suspendus temporairement le temps de l'évaluation.<br>
<br>
2. Redistribution à des Œuvres de Charité : Si, après évaluation, le contenu est
définitivement jugé non conforme à nos clauses de conformité, les fonds suspendus seront
redistribués à des œuvres de charité choisies par Hutopy. L'utilisateur concerné sera
informé de cette décision et des raisons de la non-conformité de son contenu.
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Cette mesure vise à renforcer la responsabilité des créateurs quant au type de contenu
partagé sur Hutopy, tout en soutenant des causes bénéfiques en cas de violation de nos
directives.
</p>
<p style="font-weight: 600; font-size: 2rem; margin-bottom: 25px;">
Section Anti-Exploitation d’Hutopy
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Engagement d’Hutopy
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Hutopy s'engage fermement à maintenir une plateforme sûre et respectueuse pour tous ses
utilisateurs. Nous prenons une position intransigeante contre toute forme d'exploitation
humaine et nous travaillons activement pour prévenir, identifier et combattre les
comportements et contenus exploitants. Notre mission est de créer un environnement où la
créativité et l'expression personnelle peuvent s'épanouir sans crainte d'exploitation ou
d'abus.
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Politique de Tolérance Zéro
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Nous appliquons une politique de tolérance zéro à l'égard de :<br>
<br>
<li>Exploitation sexuelle : Cela inclut, mais n'est pas limité à, la pornographie infantile,
le trafic sexuel, et le harcèlement sexuel.
</li>
<br>
<li>Travail forcé : Nous nous opposons à toute forme de travail forcé ou de servitude, y
compris le travail des enfants.
</li>
<br>
<li>Exploitation financière : Cela comprend les arnaques, la fraude et tout autre type
d'exploitation financière.</li>
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Politique de Tolérance Zéro
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Signalement et Actions<br>
<br>
<li>Mécanismes de Signalement : Hutopy fournit des outils faciles à utiliser pour signaler
rapidement tout contenu ou comportement suspect d'exploitation. Nous encourageons
vivement les utilisateurs à utiliser ces outils s'ils rencontrent ou soupçonnent des cas
d'exploitation.
</li>
<br>
<li>Réponse Rapide : Notre équipe dédiée examine tous les signalements avec la plus grande
attention et prend des mesures immédiates pour adresser les problèmes signalés. Cela
peut inclure la suppression de contenu, la suspension de comptes, et, si nécessaire, le
signalement aux autorités compétentes.
</li>
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Collaboration avec les Autorités
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Nous collaborons étroitement avec les autorités et les organisations spécialisées pour
combattre l'exploitation sous toutes ses formes. Hutopy est déterminé à respecter toutes les
lois applicables et à coopérer avec les autorités dans leurs efforts de lutte contre
l'exploitation et l'abus.
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Engagements des Utilisateurs
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
En rejoignant Hutopy, les utilisateurs s'engagent à respecter nos principes
anti-exploitation et à contribuer à la création d'un espace sûr pour tous. Tout manquement à
ces engagements entraînera des conséquences sérieuses, conformément à notre politique de
tolérance zéro.
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Modération et Signalement
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
<li>Modération : Hutopy utilise à la fois des modérateurs humains et des outils automatisés
pour surveiller et évaluer le contenu publié, garantissant le respect de cette
politique.</li>
<br>
<li>Signalement : Les utilisateurs d’Hutopy sont encouragés à signaler tout contenu qu'ils
considèrent comme enfreignant notre politique de contenu via les outils de signalement
disponibles sur la plateforme.</li>
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Conséquences des Violations
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
La violation de notre politique de contenu peut entraîner des actions allant de
l'avertissement à la suppression du contenu ou à la suspension, voire à la résiliation du
compte utilisateur.
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Révisions de la Politique
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Hutopy se réserve le droit de modifier cette politique de contenu à tout moment pour
refléter les changements dans nos pratiques ou pour se conformer à de nouvelles
réglementations légales.
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Contact
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Si vous avez des questions sur cette politique de contenu ou sur la manière dont nous
l'appliquons, veuillez contacter notre équipe d'assistance à <a
href="mailto:support@hutopy.com" style="color: #a30e79;">support@hutopy.com</a>
</p>
</v-col>
<v-spacer></v-spacer>
</v-row>

237
src/views/tos/FAQ.vue Normal file
View File

@@ -0,0 +1,237 @@
<template>
<body style="background-color: #f4f4f4;">
<DefaultLayout></DefaultLayout>
<div>
<v-row class="fluid" style="margin-top: -30px; position: relative; z-index: 0;">
<v-col cols="12" class="pa-0" style="width: 100vw; overflow: hidden;">
<v-img class="profile-banner" max-height="375" src="./../../../images/tos/headerbackground.png"
cover style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
</v-col>
</v-row>
<v-container style="z-index: 100; position: relative;">
<v-row justify="center" style="color:white;">
<h1 class="header-text-size text-center">FAQ
</h1>
</v-row>
</v-container>
<v-row class="fluid d-flex justify-center" style="margin-bottom: 25px; margin-top: 25px;">
<v-col cols="auto">
<router-link :to="{ name: 'home' }">
<v-btn flat style="background-color: #f4f4f4;">
<v-icon left style="margin-right: 10px;">mdi-home</v-icon> Accueil
</v-btn>
</router-link>
</v-col>
</v-row>
<v-container style="z-index: 100; position: relative;">
<v-row justify="center" align="center">
<v-spacer></v-spacer>
<v-col cols="7">
<p style="font-weight: 600; font-size: 2rem; margin-bottom: 25px;">
Foire Aux Questions
</p>
<p class="text-start text-left" style="margin-bottom: 25px;">
La section FAQ de Hutopy est votre ressource essentielle pour trouver des réponses rapides
aux questions les plus fréquemment posées sur notre plateforme. Explorez nos réponses
détaillées pour optimiser votre utilisation de Hutopy et résoudre vos problèmes en un
instant. Consultez régulièrement notre FAQ pour rester informé des dernières
fonctionnalités.
</p>
<p style="font-weight: 600; font-size: 1.4rem;">
1. Comment puis-je créer un compte sur Hutopy ?
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
<span style="font-weight: 600;">Réponse :</span> Créer un compte est
simple !
Visitez notre page
d'inscription, remplissez les
informations requises, et suivez les instructions pour confirmer votre adresse e-mail ou
vous connecter via les partenaires de connexion. Vous pourrez commencer à explorer et à
interagir avec la communauté Hutopy immédiatement après.
</p>
<p style="font-weight: 600; font-size: 1.4rem;">
2. Quels types de contenu puis-je publier sur Hutopy ?
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
<span style="font-weight: 600;">Réponse :</span> Hutopy accueille une
large
variété de contenus créatifs, incluant mais non limité à des vidéos, articles, podcasts, et
illustrations. Nous encourageons la diversité et l'originalité, tant que le contenu respecte
nos valeurs.
</p>
<p style="font-weight: 600; font-size: 1.4rem;">
3. Comment Hutopy rémunère-t-il les créateurs de contenu ?
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
<span style="font-weight: 600;">Réponse :</span> Les créateurs peuvent monétiser leur
contenu de plusieurs façons, notamment via des abonnements payants et des dons de la part
des utilisateurs.
</p>
<p style="font-weight: 600; font-size: 1.4rem;">
4. Comment puis-je modifier mon profil ?
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
<span style="font-weight: 600;">Réponse :</span> Connectez-vous à votre compte, accédez à
votre profil, puis cliquez sur "Éditer le profil" pour modifier vos informations, ajouter
une bio, changer votre photo de profil, et plus encore.
</p>
<p style="font-weight: 600; font-size: 1.4rem;">
5. Est-il possible de supprimer mon compte ?
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
<span style="font-weight: 600;">Réponse :</span> Oui, vous pouvez faire la suppression de
votre compte sur votre profil dans la section plus. Notez que cette action est irréversible.
</p>
<p style="font-weight: 600; font-size: 1.4rem;">
6. Que faire si j'oublie mon mot de passe ?
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
<span style="font-weight: 600;">Réponse :</span> Sur la page de connexion, cliquez sur "Mot
de passe oublié ?" et suivez les instructions pour réinitialiser votre mot de passe via
votre adresse courriel.
</p>
<p style="font-weight: 600; font-size: 1.4rem;">
7. Comment signaler un contenu inapproprié ?
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
<span style="font-weight: 600;">Réponse :</span> Si vous rencontrez du contenu qui viole nos
directives, cliquer sur les trois petits points en haut de la publication et cliqué sur le
bouton "Signaler" associé au contenu en question pour alerter notre équipe de modération.
</p>
<p style="font-weight: 600; font-size: 1.4rem;">
8. Comment puis-je contacter le support Hutopy ?
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
<span style="font-weight: 600;">Réponse :</span> Pour toute assistance, vous pouvez nous
contacter via notre formulaire en ligne ou par e-mail à support@hutopy.com, ou via nos
réseaux sociaux. Notre équipe s'efforce de répondre rapidement à toutes les demandes.
</p>
<p style="font-weight: 600; font-size: 1.4rem;">
9. Quels sont les frais pour les créateurs sur Hutopy ?
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
<span style="font-weight: 600;">Réponse :</span> Hutopy prélève une commission de 12% +
0,30$ sur chaque transaction réalisée sur la plateforme, que ce soit pour les abonnements,
les dons ou tout autre revenu généré par les créateurs. Cette commission nous aide à couvrir
les coûts de maintenance de la plateforme, de la bande passante, d'assistance utilisateur,
des frais de transaction de Stripe et le développement continu pour améliorer votre
expérience sur Hutopy.
</p>
<p style="font-weight: 600; font-size: 1.4rem;">
10. Y a-t-il des frais pour s'inscrire ou pour maintenir mon compte sur Hutopy ?
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
<span style="font-weight: 600;">Réponse :</span> Non, l'inscription sur Hutopy est gratuite,
et il n'y a pas de frais mensuels ou annuels pour maintenir votre compte. Vous pouvez
commencer à utiliser Hutopy et à partager votre contenu sans aucun coût initial.
</p>
<p style="font-weight: 600; font-size: 1.4rem;">
11. Les utilisateurs doivent-ils payer pour accéder au contenu sur Hutopy ?
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
<span style="font-weight: 600;">Réponse :</span> Hutopy offre à la fois du contenu gratuit
et du contenu premium. Les utilisateurs peuvent accéder gratuitement à une partie du contenu
sur la plateforme. Cependant, certains créateurs peuvent choisir de rendre leur contenu
accessible uniquement via un abonnement payant ou un achat unique pour soutenir leur
travail.
</p>
<p style="font-weight: 600; font-size: 1.4rem;">
12. Existe-t-il des frais pour retirer mes gains de la plateforme ?
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
<span style="font-weight: 600;">Réponse :</span> Les créateurs peuvent retirer leurs gains
sans frais supplémentaires de la part d’Hutopy. Cependant, les transactions bancaires ou les
transferts vers des portefeuilles électroniques peuvent être soumis aux frais standards
imposés par ces services ou institutions financières, mais pas par Hutopy.
</p>
<p style="font-weight: 600; font-size: 1.4rem;">
13. Les frais Hutopy sont-ils les mêmes pour tous les types de contenu ?
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
<span style="font-weight: 600;">Réponse :</span> Oui, les frais de commission d’Hutopy sont
uniformément appliqués à tous les types de contenu et de transactions sur la plateforme pour
maintenir la simplicité et la transparence et ce peut importe le montant.
</p>
</v-col>
<v-spacer></v-spacer>
</v-row>
</v-container>
</div>
<FooterLayout></FooterLayout>
</body>
</template>
<script setup>
import DefaultLayout from '@/layouts/DefaultLayout.vue';
import FooterLayout from '@/layouts/FooterLayout.vue';
</script>
<style scoped>
.header-text-size {
font-size: 4rem;
margin-top: -230px;
}
@media (min-width: 650px) and (max-width: 960px) {
.header-text-size {
margin-top: -200px;
}
}
@media (min-width: 100px) and (max-width: 649px) {
.header-text-size {
margin-top: -155px;
}
}
</style>

140
src/views/tos/GuideForCreators.vue Normal file
View File

@@ -0,0 +1,140 @@
<template>
<body style="background-color: #f4f4f4;">
<DefaultLayout></DefaultLayout>
<div>
<v-row class="fluid" style="margin-top: -30px; position: relative; z-index: 0;">
<v-col cols="12" class="pa-0" style="width: 100vw; overflow: hidden;">
<v-img class="profile-banner" max-height="375" src="./../../../images/tos/headerbackground.png"
cover style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
</v-col>
</v-row>
<v-container style="z-index: 100; position: relative;">
<v-row justify="center" style="color:white;">
<h1 class="header-text-size text-center">Guide pour les Créateurs</h1>
</v-row>
</v-container>
<v-row class="fluid d-flex justify-center" style="margin-bottom: 25px; margin-top: 25px;">
<v-col cols="auto">
<router-link :to="{ name: 'home' }">
<v-btn flat style="background-color: #f4f4f4;">
<v-icon left style="margin-right: 10px;">mdi-home</v-icon> Accueil
</v-btn>
</router-link>
</v-col>
</v-row>
<v-container style="z-index: 100; position: relative;">
<v-row justify="center" align="center">
<v-spacer></v-spacer>
<v-col cols="7">
<p style="font-weight: 600; font-size: 2rem; margin-bottom: 25px;">
Guide pour les Créateurs sur Hutopy
</p>
<p class="text-start text-left" style="margin-bottom: 25px;">
Bienvenue dans la Communauté de Créateurs d’Hutopy
</p>
<p style="margin-bottom: 25px;">
Félicitations pour avoir choisi Hutopy pour partager votre créativité et votre savoir ! Ce
guide est conçu pour vous aider à maximiser votre présence sur la plateforme, à engager
votre audience et à tirer le meilleur parti des outils à votre disposition.
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
1. Création de Votre Profil de Créateur :
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
<li>Personnalisez Votre Profil : Ajoutez une photo de profil, une bannière et une bio
qui
reflète votre personnalité et votre marque de créateur.</li> <br>
<li> Liens et Contacts : Intégrez des liens vers vos autres plateformes sociales</li>
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
2. Publication de Contenu :
</p>
<p style="margin-top: 25px; margin-bottom: 25px; ">
<li>Diversifiez Votre Contenu : Explorez différents formats – vidéos, articles, podcasts –
pour captiver divers segments d'audience.
</li> <br>
<li> Planification et Consistance : Publiez régulièrement pour garder votre audience
engagée. Utilisez l'outil de planification d’Hutopy pour organiser vos publications à
l'avance.</li>
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
3. Engagement avec Votre Audience :
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
<li>Interagissez : Répondez aux commentaires, participez à des discussions et créez des
sondages pour encourager l'interaction.
</li> <br>
<li> Analysez Vos Performances : Utilisez les outils d'analyse d’Hutopy pour comprendre ce
qui résonne avec votre audience et ajustez votre stratégie en conséquence.</li>
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
4. Monétisation :
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
<li>Explorez les Options : Hutopy offre plusieurs voies de monétisation, y compris les
abonnements payants, les dons et le programme d'ambassadeur. Choisissez ce qui convient
le mieux à votre contenu et à votre audience.
</li>
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
5. Croissance et Développement :
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
<li>Continuez à Apprendre : Utilisez le Centre de Ressources Éducatives d’Hutopy pour
améliorer vos compétences et rester à jour sur les tendances du secteur. ( À venir )
</li> <br>
</p>
</v-col>
<v-spacer></v-spacer>
</v-row>
</v-container>
</div>
<FooterLayout></FooterLayout>
</body>
</template>
<script setup>
import DefaultLayout from '@/layouts/DefaultLayout.vue';
import FooterLayout from '@/layouts/FooterLayout.vue';
</script>
<style scoped>
.header-text-size {
font-size: 4rem;
margin-top: -230px;
}
@media (min-width: 650px) and (max-width: 960px) {
.header-text-size {
margin-top: -200px;
font-size: 3rem;
}
}
@media (min-width: 100px) and (max-width: 649px) {
.header-text-size {
margin-top: -135px;
font-size: 2.5rem;
}
}
</style>

62
src/views/tos/HelpAndContact.vue
View File

@@ -11,12 +11,12 @@
</v-row>
<v-container style="z-index: 100; position: relative;">
<v-row justify="center" align="center" style="color:white; margin-top: -250px;"
class="header-text-size">
<v-typography class="headline text-center">Aide et Contact</v-typography>
<v-row justify="center" style="color:white;">
<h1 class="header-text-size text-center">Aide et Contact</h1>
</v-row>
</v-container>
<v-row class="fluid d-flex justify-center" style="margin-bottom: 25px; margin-top: 25px;">
<v-col cols="auto">
<router-link :to="{ name: 'home' }">
@@ -33,6 +33,10 @@
<v-row justify="center" align="center">
<v-spacer></v-spacer>
<v-col cols="7">
<p style="font-weight: 600; font-size: 2rem; margin-bottom: 25px;">
Aide et contact
</p>
<p class="text-start text-left" style="margin-bottom: 25px;">
Bienvenue dans notre espace d'assistance ! Que vous soyez un créateur à la recherche de
conseils pour optimiser votre présence sur Hutopy, ou un utilisateur curieux d'en apprendre
@@ -41,26 +45,47 @@
agréable que possible.
</p>
<v-typography>
<p style="font-weight: 600; font-size: 1.4rem;">
FAQ (Foire Aux Questions)
</v-typography>
</p>
<p style="margin-top: 25px;">
<p style="margin-top: 25px; ">
Retrouvez les réponses aux questions les plus fréquemment posées concernant l'utilisation
d’Hutopy, les fonctionnalités de la plateforme, les options de monétisation, et plus encore.
Consulter la FAQ
</p>
<p style="margin-top: 25px; font-weight: 600; font-size: 1.4rem;">Contactez-Nous</p>
<p style="margin-top: 25px;">Nous sommes toujours ravis d'entendre nos utilisateurs ! Que ce
soit pour partager vos retours, poser une question spécifique, ou demander des
renseignements sur des partenariats, n'hésitez pas à nous contacter.</p>
<p style="margin-top: 25px; color: black;">
- Par E-mail : <a href="mailto:info@hutopy.com" style="color: #a30e79;">info@hutopy.com</a>
<br>
- Réseaux Sociaux : Nous sommes actifs sur <a href="https://www.facebook.com/Hutopy"
style="color: #a30e79;">Facebook</a>, et <a href="https://www.instagram.com/hutopy.inc"
style="color: #a30e79;">Instagram</a> <br>
- Suivez-nous pour rester informé et interagir avec notre communauté.
</p>
<p style="margin-top: 25px; font-weight: 600; font-size: 1.4rem;">Assistance Technique</p>
<p style="margin-top: 25px; color: black;">
Rencontrez-vous un problème technique ? <br>
Notre équipe d'assistance est là pour vous aider :
<a href="mailto:support@hutopy.com" style="color: #a30e79;">support@hutopy.com</a>
</p>
<p style="margin-top: 25px;">Nous sommes là pour rendre votre expérience sur Hutopy aussi fluide
et positive que possible. N'hésitez pas à nous contacter pour toute aide supplémentaire !
</p>
</v-col>
<v-spacer></v-spacer>
</v-row>
</v-container>
</div>
<FooterLayout></FooterLayout>
</body>
@@ -72,8 +97,25 @@ import FooterLayout from '@/layouts/FooterLayout.vue';
</script>
<style>
<style scoped>
.header-text-size {
font-size: 4rem;
margin-top: -230px;
}
@media (min-width: 650px) and (max-width: 960px) {
.header-text-size {
margin-top: -200px;
}
}
@media (min-width: 100px) and (max-width: 649px) {
.header-text-size {
margin-top: -155px;
}
}
</style>

137
src/views/tos/TermsAndConditions.vue
View File

@@ -22,19 +22,132 @@
<v-row justify="center" align="center">
<v-spacer></v-spacer>
<v-col cols="7">
<p class="text-start">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit
amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.
<p style="font-weight: 600; font-size: 2rem; margin-bottom: 25px;">
Conditions Générales d'Utilisation d’Hutopy
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Bienvenue sur Hutopy
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
En accédant à la plateforme Hutopy et en l'utilisant, vous acceptez de vous conformer aux
conditions générales d'utilisation suivantes, qui sont conçues pour assurer une expérience
sûre, respectueuse et positive pour tous les utilisateurs. Ces conditions s'appliquent à
tous les visiteurs, utilisateurs et autres personnes qui accèdent ou utilisent le
service.
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Utilisation Acceptable
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
1. Contenu : Vous vous engagez à ne pas publier de contenu illégal, diffamatoire,
abusif, pornographique, haineux, raciste ou de toute autre nature susceptible de causer
du tort. Tout contenu publié reste sous votre responsabilité.
<br>
<br>
2. Comportement : Tout comportement visant à nuire à d'autres utilisateurs, à la
plateforme ou à ses opérations est strictement interdit. Cela inclut le piratage, la
diffusion de logiciels malveillants et les tentatives d'hameçonnage.
<br>
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Droits de Propriété Intellectuelle
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Le contenu publié sur Hutopy par les utilisateurs reste la propriété de leurs créateurs
respectifs. En publiant du contenu sur Hutopy, vous accordez à la plateforme une licence non
exclusive, transférable, libre de droits et mondiale pour utiliser, reproduire, modifier,
publier, traduire et distribuer ce contenu dans tout média.
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Confidentialité
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
La protection de vos données personnelles est de la plus haute importance pour Hutopy. Votre
information est collectée et utilisée conformément à notre politique de confidentialité.
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Limitation de Responsabilité
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Hutopy et ses affiliés ne seront pas responsables des dommages indirects, accidentels,
spéciaux, consécutifs ou punitifs, y compris sans limitation, la perte de profits, de
données ou d'usage, que ce soit dans une action contractuelle, délictuelle y compris la
négligence ou autre, découlant de ou en relation avec l'accès ou l'utilisation de la
plateforme Hutopy.
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Clause de Non-Poursuite
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
En acceptant ces conditions générales d'utilisation, vous convenez qu'en aucun cas Hutopy,
ses dirigeants, employés, partenaires, agents, fournisseurs ou affiliés ne pourront être
tenus responsables de dommages directs, indirects, accidentels, spéciaux, consécutifs ou
exemplaires résultant de votre utilisation de la plateforme Hutopy. Par conséquent, vous
renoncez expressément à tout droit de poursuivre Hutopy et ses affiliés pour toute
réclamation liée à votre utilisation de la plateforme.
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Gestion du Contenu Inapproprié et Sanctions Financières
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Hutopy s'engage à maintenir un environnement sûr et respectueux pour tous ses utilisateurs.
Ainsi, tout contenu publié sur la plateforme est sujet à une évaluation de conformité avec
nos directives et nos standards éthiques. Dans l'éventualité où le contenu d'un utilisateur
est jugé inapproprié, offensant ou en violation avec nos Acceptation des Conditions<br>
<br>
Votre accès et votre utilisation continue de la plateforme Hutopy constituent votre
acceptation des présentes conditions générales et de toutes les modifications futures. Il
est de votre responsabilité de vous tenir informé des mises à jour de ces conditions. <br>
<br>
Nous vous encourageons à utiliser Hutopy de manière responsable et conforme à nos
directives, afin de contribuer à une communauté positive et enrichissante pour tous.
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Modifications des Conditions
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Hutopy se réserve le droit de modifier ou de remplacer ces conditions à tout moment. Il est
de votre responsabilité de revoir régulièrement ces conditions pour vous tenir informé des
mises à jour.
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Résiliation
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Hutopy peut résilier ou suspendre votre accès à la plateforme immédiatement, sans préavis ni
responsabilité, pour quelque raison que ce soit, y compris, sans limitation, si vous violez
les conditions.
</p>
<p style="margin-top: 25px; margin-bottom: 25px; font-weight: 600; font-size: 1.3rem;">
Loi Applicable
</p>
<p style="margin-top: 25px; margin-bottom: 25px;">
Ces conditions seront régies et interprétées conformément aux lois du pays/juridiction où
est basée la plateforme, sans égard à ses conflits de dispositions légales.
</p>
</v-col>
<v-spacer></v-spacer>
</v-row>