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

Update the documentation section

Browse Source
This commit is contained in:
Jonathan Bourdon
2025-02-10 23:13:44 -05:00
parent 3057cbdf16
commit 39aa61cdf9
9 changed files with 364 additions and 206 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
frontend/public/medias/hutopy.png → frontend/public/images/hutopy.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 39 KiB

191
frontend/src/views/documentation/About.vue
View File

@@ -49,74 +49,114 @@
unique et une perspective fraîche à notre mission commune.
</p>
<br>
<v-row justify="center">
<v-card max-width="250px" class="card-member" style="margin: 10px;">
<img class="member-profile-picture"
src="/images/hutopymedia/tospage/membersPictures/profileMarco.png"
alt="Marc-Olivier Hébert">
<div class="card-content">
<div class="member-name">Marc-Olivier</div>
<div class="member-name">Hébert</div>
<div class="member-title">Fondateur</div>
<p class="member-description">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é.</p>
</div>
</v-card>
<div class="members">
<v-card max-width="250px" class="card-member" style="margin: 10px;">
<img class="member-profile-picture"
src="/images/hutopymedia/tospage/membersPictures/profileDominique.png"
alt="Dominic Villemure">
<div class="card-content">
<div class="member-name">Dominic</div>
<div class="member-name">Villemure</div>
<div class="card">
<div class="card-header">
<img class="member-profile-picture"
src="/images/hutopymedia/tospage/membersPictures/profileMarco.png"
alt="Marc-Olivier Hébert">
</div>
<div class="card-body">
<div class="member-name">Marc-Olivier Hébert</div>
<div class="member-title">CEO / Fondateur</div>
<div class="member-description">
<p>
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é.
</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<img class="member-profile-picture"
src="/images/hutopymedia/tospage/membersPictures/profileDominique.png"
alt="Dominic Villemure">
</div>
<div class="card-body">
<div class="member-name">Dominic Villemure</div>
<div class="member-title">Responsable Technique</div>
<p class="member-description">À la tête de notre équipe de développement, il assure qu’Hutopy reste à la
pointe de la technologie.</p>
<div class="member-description">
<p>
À la tête de notre équipe de développement, il assure qu’Hutopy reste à la
pointe de la technologie.
</p>
</div>
</div>
</v-card>
<v-card max-width="250px" class="card-member" style="margin: 10px;">
<img class="member-profile-picture"
src="/images/hutopymedia/tospage/membersPictures/profilePascal.png"
alt="Pascal Marchesseault">
<div class="card-content">
<div class="member-name">Pascal</div>
<div class="member-name">Marchesseault</div>
</div>
<div class="card">
<div class="card-header">
<img class="member-profile-picture"
src="/images/hutopymedia/tospage/membersPictures/profilePascal.png"
alt="Pascal Marchesseault">
</div>
<div class="card-body">
<div class="member-name">Pascal Marchesseault</div>
<div class="member-title">Gestionnaire de projet / UI</div>
<p class="member-description">A pour mission d'assurer le développement du projet tout en créant une interface
qui permettra au projet d'avoir une interaction positive et enrichissante avec Hutopy pour les
utilisateurs.</p>
<div class="member-description">
<p>
A pour mission d'assurer le développement du projet tout en créant une interface
qui permettra au projet d'avoir une interaction positive et enrichissante avec Hutopy pour les
utilisateurs.
</p>
</div>
</div>
</v-card>
<v-card max-width="250px" class="card-member" style="margin: 10px;">
<img class="member-profile-picture"
src="/images/hutopymedia/tospage/membersPictures/profileChloe.png"
alt="Chloé Beaugrand">
<div class="card-content">
<div class="member-name">Chloé</div>
<div class="member-name">Beaugrand</div>
</div>
<div class="card">
<div class="card-header">
<img class="member-profile-picture"
src="/images/hutopymedia/tospage/membersPictures/profileChloe.png"
alt="Chloé Beaugrand">
</div>
<div class="card-body">
<div class="member-name">Chloé Beaugrand</div>
<div class="member-title">Responsable Marketing</div>
<p class="member-description">Elle façonne l'image d’Hutopy et engage notre communauté à travers des campagnes
innovantes et impactantes.</p>
<div class="member-description">
<p>
Elle façonne l'image d’Hutopy et engage notre communauté à travers des campagnes
innovantes et impactantes.
</p>
</div>
</div>
</v-card>
<v-card max-width="250px" class="card-member" style="margin: 10px;">
<img class="member-profile-picture"
src="/images/hutopymedia/tospage/membersPictures/Jonathan.png"
alt="Édouard Letarte">
<div class="card-content">
<div class="member-name">Jonathan</div>
<div class="member-name">Bourdon</div>
<div class="member-title">Programeur / Architecte</div>
<p class="member-description">Son expérience d'architecte senior nous permet de développer un logiciel avec
une durabilité qui nous permettra de nous développer pendant de longues années.</p>
</div>
<div class="card">
<div class="card-header">
<img class="member-profile-picture"
src="/images/hutopymedia/tospage/membersPictures/Jonathan.png"
alt="Édouard Letarte">
</div>
</v-card>
</v-row>
<div class="card-body">
<div class="member-name">Jonathan Bourdon</div>
<div class="member-title">Programeur / Architecte</div>
<div class="member-description">
<p>
Son expérience d'architecte senior nous permet de développer un logiciel avec
une durabilité qui nous permettra de nous développer pendant de longues années.
</p>
</div>
</div>
</div>
</div>
<p>
Chez Hutopy, nous sommes plus qu'une plateforme ; nous sommes une famille dédiée à la
@@ -130,30 +170,41 @@
<style scoped>
@import '@/views/documentation/documentation.css';
.card-member {
margin: 10px;
.members {
@apply gap-6;
@apply grid sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3;
@apply mb-12;
}
.card-content {
margin: 10px;
.card {
@apply flex flex-col gap-2;
@apply bg-hSurface rounded-2xl text-hOnSurface;
@apply font-sans text-base;
}
.card-header {
@apply rounded-xl;
}
.card-body {
@apply p-8;
}
.member-profile-picture {
@apply rounded-t-xl;
}
.member-name {
font-size: 1.5rem;
font-weight: bold;
@apply font-bold text-2xl;
}
.member-title {
font-size: 1rem;
margin-bottom: 15px;
@apply font-semibold text-lg;
@apply mb-8;
}
.member-description {
hyphens: auto;
font-size: 0.8rem;
text-align: justify;
@apply font-sans text-lg text-justify;
}
</style>
<script setup lang="ts">
</script>

196
frontend/src/views/documentation/ContentPolicy.vue
View File

@@ -4,6 +4,7 @@
<h1>Politique de Contenu</h1>
<h2>Introduction</h2>
<p>
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
@@ -15,44 +16,100 @@
<h2>Contenu Autorisé</h2>
<ul>
<li>
Hutopy encourage la publication de contenu créatif, éducatif et inspirant dans divers formats, y compris :
<p>
Hutopy encourage la publication de contenu créatif, éducatif et inspirant dans divers formats, y compris :
</p>
</li>
<li>Arts visuels et design : Illustrations, photographies, designs graphiques respectant le droit d'auteur.</li>
<li>Éducation et apprentissage : Tutoriels, cours en ligne, webinaires qui favorisent l'apprentissage et le
développement personnel.
<li>
<p>
<b>Arts visuels et design</b>
Illustrations, photographies, designs graphiques respectant le droit d'auteur.
</p>
</li>
<li>Contenu écrit : Articles, blogs, poésies qui enrichissent les discussions et partagent des connaissances.</li>
<li>Multimédia : Vidéos, podcasts et musique originales qui respectent les droits d'auteur et encouragent
l'expression créative.
<li>
<p>
<b>Éducation et apprentissage</b>
Tutoriels, cours en ligne, webinaires qui favorisent l'apprentissage et le développement personnel.
</p>
</li>
<li>
<p>
<b>Contenu écrit</b>
Articles, blogs, poésies qui enrichissent les discussions et partagent des connaissances.
</p>
</li>
<li>
<p>
<b>Multimédia</b>
Vidéos, podcasts et musique originales qui respectent les droits d'auteur et encouragent l'expression
créative.
</p>
</li>
</ul>
<h2>Contenu Interdit</h2>
<ul>
<li>
<p>
Pour protéger notre communauté, certains types de contenu ne sont pas autorisés sur Hutopy, incluant mais non
limité à :
</p>
<li>
<p>
<b>Contenu illégal</b>
Tout contenu promouvant des activités illégales ou fournissant des instructions pour
commettre des actes illégaux.
</p>
</li>
<li>Contenu illégal : Tout contenu promouvant des activités illégales ou fournissant des instructions pour
commettre
des actes illégaux.
<li>
<p>
<b>Harcèlement et discours de haine</b>
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é degenre ou tout autre caractère
distinctif.
</p>
</li>
<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ère distinctif.
<li>
<p>
<b>Contenu pour adultes</b>
Matériel pornographique ou explicitement sexuel.
</p>
</li>
<li>Contenu pour adultes : Matériel pornographique ou explicitement sexuel.</li>
<li>Violence et contenu graphique : Images ou descriptions de violence excessive, gore ou choquantes.</li>
<li>Publicité mensongère et spam : Contenu trompeur, frauduleux ou spammy.</li>
<li>
<p>
<b>Violence et contenu graphique</b>
Images ou descriptions de violence excessive, gore ou choquantes.
</p>
</li>
<li>
<p>
<b>Publicité mensongère et spam</b>
Contenu trompeur, frauduleux ou spammy.
</p>
</li>
</ul>
<h2>Droits d'Auteur et Propriété Intellectuelle</h2>
<p>
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>
Attribution : Lorsque vous utilisez ou adaptez le contenu protégé par des droits d'auteur appartenant à autrui,
une
@@ -60,78 +117,103 @@
</p>
<h2>Modération et Signalement</h2>
<p>
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.
<b>Modération</b>
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>
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.
<b>Signalement</b>
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>
<h2>Conséquences des Violations</h2>
<p>
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.
du contenu ou à la suspension, voire à la résiliation du compte utilisateur.
</p>
<h2>Révisions de la Politique</h2>
<p>
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>
<h2>Dans le cas d’une non conformité aux politiques de contenus :</h2>
<p>
1. Suspension des Fonds : Les montants accumulés sur le compte de l'utilisateur en question seront suspendus
temporairement le temps de l'évaluation.
</p>
<p>
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>
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>
<h2>Dans le cas d’une non conformité aux politiques de contenus</h2>
<ul>
<li>
<p>
<b>Suspension des Fonds</b>
Les montants accumulés sur le compte de l'utilisateur en question seront suspendus temporairement le temps de
l'évaluation.
</p>
</li>
<li>
<p>
<b>Redistribution à des Œuvres de Charité</b>
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>
</li>
<li>
<p>
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>
</li>
</ul>
<h2>Section Anti-Exploitation d’Hutopy</h2>
<h2>Engagement d’Hutopy</h2>
<p>
Hutopy s'engage fermement à maintenir une plateforme sûre et respectueuse pour tous ses utilisateurs. Nous prenons
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.
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>
<h2>Politique de Tolérance Zéro</h2>
<p>
Nous appliquons une politique de tolérance zéro à l'égard de :
</p>
<ul>
<li>Exploitation sexuelle : Cela inclut, mais n'est pas limité à, la pornographie infantile, le trafic sexuel, et
le
harcèlement sexuel.
<li>Exploitation sexuelle : Cela inclut, mais n'est pas limité à, la pornographie infantile, le trafic sexuel,
et
le harcèlement sexuel.
</li>
<li>Travail forcé : Nous nous opposons à toute forme de travail forcé ou de servitude, y compris le travail des
<li>
Travail forcé : Nous nous opposons à toute forme de travail forcé ou de servitude, y compris le travail des
enfants.
</li>
<li>Exploitation financière : Cela comprend les arnaques, la fraude et tout autre type d'exploitation financière.
<li>
Exploitation financière : Cela comprend les arnaques, la fraude et tout autre type d'exploitation financière.
</li>
</ul>
<h2>Politique de Tolérance Zéro et Signalement/Actions</h2>
<ul>
<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
<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>
<li>Réponse Rapide : Notre équipe dédiée examine tous les signalements avec la plus grande attention et prend des
<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>
@@ -147,7 +229,8 @@
<h2>Engagements des Utilisateurs</h2>
<p>
En rejoignant Hutopy, les utilisateurs s'engagent à respecter nos principes anti-exploitation et à contribuer à la
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>
@@ -171,7 +254,8 @@
<h2>Révisions de la Politique</h2>
<p>
Hutopy se réserve le droit de modifier cette politique de contenu à tout moment pour refléter les changements dans
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>
@@ -187,3 +271,5 @@
<style scoped>
@import '@/views/documentation/documentation.css';
</style>
<script setup lang="ts">
</script>

64
frontend/src/views/documentation/CreatorGuide.vue
View File

@@ -5,56 +5,64 @@
<h2>Bienvenue dans la Communauté de Créateurs d’Hutopy</h2>
<p>
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.
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>
<h2>Création de Votre Profil de Créateur</h2>
<p>
Personnalisez Votre Profil : Ajoutez une photo de profil, une bannière et une bio qui reflète votre personnalité et
<b>Personnalisez Votre Profil</b>
Ajoutez une photo de profil, une bannière et une bio qui reflète votre personnalité et
votre marque de créateur.
</p>
<p>
Liens et Contacts : Intégrez des liens vers vos autres plateformes sociales.
<b>Liens et Contacts</b>
Intégrez des liens vers vos autres plateformes sociales.
</p>
<h2>2. Publication de Contenu</h2>
<h2>Publication de Contenu</h2>
<p>
Diversifiez Votre Contenu : Explorez différents formats – vidéos, articles,
podcasts – pour captiver divers segments d'audience.
</p>
<p>
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.
<b>Diversifiez Votre Contenu</b>
Explorez différents formats – vidéos, articles, podcasts – pour captiver divers segments d'audience.
</p>
<h2>3. Engagement avec Votre Audience</h2>
<p>
Interagissez : Répondez aux commentaires, participez à des discussions et créez
des sondages pour encourager l'interaction.
</p>
<p>
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.
<b>Planification et Consistance</b>
Publiez régulièrement pour garder votre audience engagée. Utilisez l'outil de planification d’Hutopy pour organiser
vos publications à l'avance.
</p>
<h2>4. Monétisation</h2>
<h2>Engagement avec Votre Audience</h2>
<p>
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.
<b>Interagissez</b>
Répondez aux commentaires, participez à des discussions et créez des sondages pour encourager l'interaction.
</p>
<h2>5. Croissance et Développement</h2>
<p>
<b>Analysez Vos Performances</b>
Utilisez les outils d'analyse d’Hutopy pour comprendre ce qui résonne avec votre audience et ajustez votre
stratégie en conséquence.
</p>
<h2>Monétisation</h2>
<p>
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)
<b>Explorez les Options</b>
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.
</p>
<h2>Croissance et Développement</h2>
<p>
<b>Continuez à Apprendre</b>
Utilisez le Centre de Ressources Éducatives d’Hutopy pour améliorer vos compétences et rester à jour sur
les tendances du secteur. (À venir)
</p>
</template>
@@ -62,5 +70,3 @@
<style scoped>
@import '@/views/documentation/documentation.css';
</style>
<script setup lang="ts">
</script>

9
frontend/src/views/documentation/DocumentationLayout.vue
View File

@@ -6,9 +6,12 @@ import Footer from "@/views/main/Footer.vue";
<div class="flex flex-col min-h-screen max-w-[960px] mx-auto">
<img src="/images/hutopymedia/banners/hutopyul.png"
class="rounded-2xl"
alt="logo hutopy">
<!-- <div class="flex justify-center">-->
<!-- <img src="/images/hutopy.png"-->
<!-- class="rounded-2xl"-->
<!-- alt="logo hutopy"-->
<!-- width="600">-->
<!-- </div>-->
<div class="p-4">
<router-view></router-view>

28
frontend/src/views/documentation/FAQ.vue
View File

@@ -11,15 +11,15 @@
dernières fonctionnalités.
</p>
<h2>1. Comment puis-je créer un compte sur Hutopy ?</h2>
<h2>Comment puis-je créer un compte sur Hutopy ?</h2>
<p>
Créer un compte est simple ! Visitez notre page d'inscription, remplissez les informations requises, et suivez les
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>
<h2>2. Quels types de contenu puis-je publier sur Hutopy ?</h2>
<h2>Quels types de contenu puis-je publier sur Hutopy ?</h2>
<p>
Hutopy accueille une large variété de contenus créatifs, incluant mais non limité à des vidéos, articles,
@@ -27,35 +27,35 @@
valeurs.
</p>
<h2>3. Comment Hutopy rémunère-t-il les créateurs de contenu ?</h2>
<h2>Comment Hutopy rémunère-t-il les créateurs de contenu ?</h2>
<p>
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>
<h2>4. Comment puis-je modifier mon profil ?</h2>
<h2>Comment puis-je modifier mon profil ?</h2>
<p>
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>
<h2>5. Est-il possible de supprimer mon compte ?</h2>
<h2>Est-il possible de supprimer mon compte ?</h2>
<p>
Oui, vous pouvez faire la suppression de votre compte sur votre profil dans la section plus. Notez que cette
action est irréversible.
</p>
<h2>6. Que faire si j'oublie mon mot de passe ?</h2>
<h2>Que faire si j'oublie mon mot de passe ?</h2>
<p>
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>
<h2>7. Comment signaler un contenu inapproprié ?</h2>
<h2>Comment signaler un contenu inapproprié ?</h2>
<p>
Si vous rencontrez du contenu qui viole nos directives, cliquer sur les trois petits points en haut de la
@@ -63,7 +63,7 @@
modération.
</p>
<h2>8. Comment puis-je contacter le support Hutopy ?</h2>
<h2>Comment puis-je contacter le support Hutopy ?</h2>
<p>
Pour toute assistance, vous pouvez nous contacter via notre formulaire en ligne ou par e-mail à
@@ -71,7 +71,7 @@
demandes.
</p>
<h2>9. Quels sont les frais pour les créateurs sur Hutopy ?</h2>
<h2>Quels sont les frais pour les créateurs sur Hutopy ?</h2>
<p>
Hutopy prélève une commission de 12% + 0,30$ sur chaque transaction réalisée sur la plateforme, que ce soit pour
@@ -80,14 +80,14 @@
Stripe et le développement continu pour améliorer votre expérience sur Hutopy.
</p>
<h2>10. Y a-t-il des frais pour s'inscrire ou pour maintenir mon compte sur Hutopy ?</h2>
<h2>Y a-t-il des frais pour s'inscrire ou pour maintenir mon compte sur Hutopy ?</h2>
<p>
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>
<h2>11. Les utilisateurs doivent-ils payer pour accéder au contenu sur Hutopy ?</h2>
<h2>Les utilisateurs doivent-ils payer pour accéder au contenu sur Hutopy ?</h2>
<p>
Hutopy offre à la fois du contenu gratuit et du contenu premium. Les utilisateurs peuvent accéder gratuitement à
@@ -95,7 +95,7 @@
accessible uniquement via un abonnement payant ou un achat unique pour soutenir leur travail.
</p>
<h2>12. Existe-t-il des frais pour retirer mes gains de la plateforme ?</h2>
<h2>Existe-t-il des frais pour retirer mes gains de la plateforme ?</h2>
<p>
Les créateurs peuvent retirer leurs gains sans frais supplémentaires de la part d’Hutopy. Cependant, les
@@ -103,7 +103,7 @@
standards imposés par ces services ou institutions financières, mais pas par Hutopy.
</p>
<h2>13. Les frais Hutopy sont-ils les mêmes pour tous les types de contenu ?</h2>
<h2>Les frais Hutopy sont-ils les mêmes pour tous les types de contenu ?</h2>
<p>
Oui, les frais de commission d’Hutopy sont uniformément appliqués à tous les types de contenu et de transactions

45
frontend/src/views/documentation/Pricing.vue
View File

@@ -1,26 +1,39 @@
<template>
<div>
<h1 class="h1-tos py-10 flex items-center justify-center uppercase">Frais</h1>
</div>
<h1>Frais</h1>
<p class="text-justify p-tos">
Découvrez Hutopy, l'endroit où la valorisation de votre travail atteint son apogée. Avec une commission réduite à seulement 9 %, notre engagement envers votre succès est palpable. Chaque pourcentage prélevé est réinvesti avec soin pour catalyser votre croissance afin de développer des fonctionnalités innovantes, maintenir une infrastructure technologique de pointe, et un support utilisateur de premier ordre. Notre objectif ? Amplifier votre expansion et garantir une expérience utilisateur sans précédent.
</p>
<p>
Découvrez Hutopy, l'endroit où la valorisation de votre travail atteint son apogée. Avec une commission réduite à
seulement 9 %, notre engagement envers votre succès est palpable. Chaque pourcentage prélevé est réinvesti avec soin
pour catalyser votre croissance afin de développer des fonctionnalités innovantes, maintenir une infrastructure
technologique de pointe, et un support utilisateur de premier ordre. Notre objectif ? Amplifier votre expansion et
garantir une expérience utilisateur sans précédent.
</p>
<p class="text-justify p-tos">
Pour chaque transaction, un frais minime assure la sécurité et la fiabilité des paiements, grâce à un partenaire de confiance mondialement reconnu. Ce dernier sécurise des milliards en transactions chaque année pour une diversité d'entreprises, à des entreprises en démarrage aux conglomérats établis. Ce gage de sécurité est disponible pour une somme de 2,9 % plus un 0,30 $ par transaction, une petite contribution pour la tranquillité d'esprit et la protection de vos revenus.
</p>
<p>
Pour chaque transaction, un frais minime assure la sécurité et la fiabilité des paiements, grâce à un partenaire de
confiance mondialement reconnu. Ce dernier sécurise des milliards en transactions chaque année pour une diversité
d'entreprises, à des entreprises en démarrage aux conglomérats établis. Ce gage de sécurité est disponible pour une
somme de 2,9 % plus un 0,30 $ par transaction, une petite contribution pour la tranquillité d'esprit et la
protection de vos revenus.
</p>
<p class="text-justify p-tos">
Notre modèle tarifaire, pensé pour la simplicité et la transparence, a pour ambition ultime d'optimiser vos gains. Chez Hutopy, la notion de partenariat prend tout son sens : votre épanouissement est au cœur de nos préoccupations. Bénéficiez d'une plateforme qui élargit votre horizon créatif et entrepreneurial, tout en vous assurant que vos intérêts et ceux de vos donnateurs sont précieusement gardés.
</p>
<p>
Notre modèle tarifaire, pensé pour la simplicité et la transparence, a pour ambition ultime d'optimiser vos gains.
Chez Hutopy, la notion de partenariat prend tout son sens : votre épanouissement est au cœur de nos préoccupations.
Bénéficiez d'une plateforme qui élargit votre horizon créatif et entrepreneurial, tout en vous assurant que vos
intérêts et ceux de vos donnateurs sont précieusement gardés.
</p>
<p class="text-justify p-tos">
Hutopy est plus qu'une plateforme ; c'est une communauté où la transformation de la passion en profit devient réalité, grâce au soutien indéfectible d'une équipe dévouée à enrichir votre parcours. Nous vous invitons à nous rejoindre pour explorer ensemble les avenues de succès, tout en vous garantissant une part conséquente de vos revenus. Embarquez dans une aventure où votre présence en ligne ne connaît pas de limites, soutenue par Hutopy, votre allié dans la quête du succès.
</p>
<p>
Hutopy est plus qu'une plateforme ; c'est une communauté où la transformation de la passion en profit devient
réalité, grâce au soutien indéfectible d'une équipe dévouée à enrichir votre parcours. Nous vous invitons à nous
rejoindre pour explorer ensemble les avenues de succès, tout en vous garantissant une part conséquente de vos
revenus. Embarquez dans une aventure où votre présence en ligne ne connaît pas de limites, soutenue par Hutopy,
votre allié dans la quête du succès.
</p>
</template>
<style>
<style scoped>
@import '@/views/documentation/documentation.css';
</style>

2
frontend/src/views/documentation/TermsAndConditions.vue
View File

@@ -65,11 +65,13 @@
Dans l'éventualité où le contenu d'un utilisateur est jugé inapproprié, offensant ou en violation avec nos
Acceptation des Conditions
</p>
<p>
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.
</p>
<p>
Nous vous encourageons à utiliser Hutopy de manière responsable et conforme à nos directives, afin de contribuer à
une communauté positive et enrichissante pour tous.

27
frontend/src/views/documentation/documentation.css
View File

@@ -1,23 +1,20 @@
h1 {
@apply bg-hSurface text-hOnSurface;
@apply py-5 flex items-center justify-center uppercase;
@apply font-sans font-semibold text-xl;
@apply text-hOnBackground;
@apply flex items-center justify-center uppercase;
@apply font-sans font-bold text-8xl;
@apply tracking-widest;
@apply px-2;
@apply mb-12;
}
h2 {
@apply bg-hSurface text-hOnSurface;
@apply font-sans font-semibold text-lg;
@apply tracking-widest;
@apply py-2;
@apply px-2;
@apply text-hOnBackground;
@apply font-sans font-bold text-4xl;
@apply mb-6;
}
p, ul {
@apply bg-hSurface text-hOnSurface;
@apply font-mono font-normal text-base;
@apply tracking-wide;
@apply py-1;
@apply px-2;
p {
@apply text-hOnBackground;
@apply font-sans font-normal text-base;
@apply tracking-normal;
@apply mb-6;
}