Skip to content

GitLab

C
contribute
Verified Commit 524ef777 authored by Agate's avatar Agate 💬
Browse files
Options

Added talk about Funkwhale guide, recommendations / avoid

parent 2cb16694
Hide whitespace changes
Inline Side-by-side
Showing with 113 additions and 37 deletions
src/components/guide/Step.vue
View file @ 524ef777
......@@ -3,25 +3,60 @@
<span class="scroll-anchor" :id="'step-' + index"></span>
<h3 class="subtitle">
<span v-if="step.optional" class="tag is-info">
<translate translate-context="Badge displayed next to guide step">
Optional
</translate>
<translate translate-context="Badge displayed next to guide step">Optional</translate>
</span>
<translate :translate-params="{index: index, title: step.title}" translate-context="Guide step title">
Step %{ index }: %{ title }
</translate>
<translate
:translate-params="{index: index, title: step.title}"
translate-context="Guide step title"
>Step %{ index }: %{ title }</translate>
</h3>
<p>{{ step.content }}</p>
<div class="content">
<p v-for="c in step.content" :key="c">{{ c }}</p>
<hr v-if="step.recommendations || step.avoid">
<div v-if="step.recommendations || step.avoid" class="columns">
<div v-if="step.recommendations" class="column">
<h4 class="subtitle">
<span class="icon has-text-success">
<icon name="check"/>
</span>
<translate translate-context="Things that will help">Recommendations</translate>
</h4>
<ul class="recommendations" v-if="step.recommendations">
<li v-for="row in step.recommendations" :key="row">{{ row }}</li>
</ul>
</div>
<div v-if="step.avoid" class="column">
<h4 class="subtitle">
<span class="icon has-text-warning">
<icon name="warning"/>
</span>
<translate translate-context="Things that you should avoid">Avoid</translate>
</h4>
<ul class="avoid" v-if="step.avoid">
<li v-for="row in step.avoid" :key="row">{{ row }}</li>
</ul>
</div>
</div>
</div>
<p class="buttons" v-if="step.links && step.links.length > 0">
<template v-for="link in step.links">
<router-link class="button" :key="JSON.stringify(link.to)" :to="link.to" v-if="link.to">
<icon :name="link.icon" v-if="link.icon" />
<icon name="link" v-else/>&nbsp;
<icon :name="link.icon" v-if="link.icon"/>
<icon name="link" v-else/>
&nbsp;
{{ link.text }}
</router-link>
<a class="button" v-else :key="link.url" :href="link.url" rel="noopener noreferred" target="_blank">
<icon :name="link.icon" v-if="link.icon" />
<icon name="link" v-else/>&nbsp;
<a
class="button"
v-else
:key="link.url"
:href="link.url"
rel="noopener noreferred"
target="_blank"
>
<icon :name="link.icon" v-if="link.icon"/>
<icon name="link" v-else/>
&nbsp;
{{ link.text }}
</a>
</template>
......
src/data.js
View file @ 524ef777
......@@ -10,7 +10,7 @@ export function getTasks (v) {
steps: [
{
title: v.$pgettext("Guide step title", 'Decide how much you want to give'),
content: v.$pgettext("Guide step content", "We accept both one-time and recurring donations, starting at 1€. If you don't know what to choose, we have a preference for receiving smaller but recurring donations over bigger but one time payments."),
content: [v.$pgettext("Guide step content", "We accept both one-time and recurring donations, starting at 1€. If you don't know what to choose, we have a preference for receiving smaller but recurring donations over bigger but one time payments."),],
media: [
{
type: 'image',
......@@ -32,7 +32,7 @@ export function getTasks (v) {
{
title: v.$pgettext("Guide step title", 'Create an Open Collective account'),
optional: true,
content: v.$pgettext("Guide step content", "You don't need an account to send donations, but this may be useful if you want to have a profile or manage your payment options."),
content: [v.$pgettext("Guide step content", "You don't need an account to send donations, but this may be useful if you want to have a profile or manage your payment options."),],
links: [
{
text: v.$pgettext("Text for link in guide step", 'Open Collective'),
......@@ -42,7 +42,7 @@ export function getTasks (v) {
},
{
title: v.$pgettext("Guide step title", 'Visit the collective page'),
content: v.$pgettext("Guide step content", "Head over the Open Collective page to get a list of backing options and pick the one you prefer."),
content: [v.$pgettext("Guide step content", "Head over the Open Collective page to get a list of backing options and pick the one you prefer."),],
links: [
{
text: v.$pgettext("Text for link in guide step", 'Funkwhale page on Open Collective'),
......@@ -52,7 +52,7 @@ export function getTasks (v) {
},
{
title: v.$pgettext("Guide step title", 'Proceed to the payment'),
content: v.$pgettext("Guide step content", "Enter your payment details and submit the form."),
content: [v.$pgettext("Guide step content", "Enter your payment details and submit the form."),],
}
]
},
......@@ -61,6 +61,47 @@ export function getTasks (v) {
duration: 5,
icon: "share",
summary: v.$pgettext("Task summary", "Increase the awareness of Funkwhale within your circle."),
slug: 'talk-about-funkwhale',
steps: [
{
title: v.$pgettext("Guide step title", 'Choose your audience'),
content: [
v.$pgettext("Guide step content", "Who could be interested by Funkwhale within your circle? Funkwhale may be interesting for musicians, music or podcasts lovers, free/federated software fans..."),
],
recommendations: [
v.$pgettext("Advice content / recommendations", "Pick someone, or a group of people, who is likely to be excited about Funkwhale"),
v.$pgettext("Advice content / recommendations", "Address people or communities you are familiar with"),
],
avoid: [
v.$pgettext("Advice content / avoid", "Spamming people, it will likely hurt the project"),
]
},
{
title: v.$pgettext("Guide step title", 'Choose your medium'),
content: [
v.$pgettext("Guide step content", "Choose a medium your audience is comfortable with. Typical media include: SMS, forums, social media, private messaging systems, oral discussion, etc."),
],
recommendations: [
v.$pgettext("Advice content / recommendations", "Use a medium you are familiar with"),
],
},
{
title: v.$pgettext("Guide step title", 'Write your message'),
content: [
v.$pgettext("Guide step content", "Write an appropriate message based on your medium and audience. In your own words, explain why you think Funkwhale may interest them."),
v.$pgettext("Guide step content", "If relevant and possible, include at least a link to https://funkwhale.audio/, to give them the opportunity learn more about the project, at their own pace."),
v.$pgettext("Guide step content", "Including screenshots or videos may also be helpful to reach different kind of people."),
],
recommendations: [
v.$pgettext("Advice content / recommendations", "Use your own words"),
v.$pgettext("Advice content / recommendations", "Include links, screenshots or other media, if relevant"),
v.$pgettext("Advice content / recommendations", "Ensure your message respect the medium rules, if any"),
],
avoid: [
v.$pgettext("Advice content / avoid", "Copy-pasting existing content"),
]
},
]
},
{
name: v.$pgettext("Task name", "Share your feedback"),
......@@ -77,7 +118,7 @@ export function getTasks (v) {
steps: [
{
title: v.$pgettext("Guide step title", 'Create your Discourse account'),
content: v.$pgettext("Guide step content", 'Project discussion happens on our Discourse instance, at SocialHub.network, Discourse being a forum software. You can browse the content without an account, but you\'ll need one if you want to engage.'),
content: [v.$pgettext("Guide step content", 'Project discussion happens on our Discourse instance, at SocialHub.network, Discourse being a forum software. You can browse the content without an account, but you\'ll need one if you want to engage.'),],
links: [
{
icon: 'comment',
......@@ -88,7 +129,7 @@ export function getTasks (v) {
},
{
title: v.$pgettext("Guide step title", 'Visit the Funkwhale duration'),
content: v.$pgettext("Guide step content", 'Since we share the forum with other projects, you should visit our dedicated section of the forum.'),
content: [v.$pgettext("Guide step content", 'Since we share the forum with other projects, you should visit our dedicated section of the forum.'),],
links: [
{
text: v.$pgettext("Text for link in guide step", 'Go to the "Funkwhale" duration'),
......@@ -110,7 +151,7 @@ export function getTasks (v) {
},
{
title: v.$pgettext("Guide step title", 'Read the forum guidelines'),
content: v.$pgettext("Guide step content", 'We have a few rules you should respect on the forum, and also some recommendations on how to use this space. Take some time to read them.'),
content: [v.$pgettext("Guide step content", 'We have a few rules you should respect on the forum, and also some recommendations on how to use this space. Take some time to read them.'),],
links: [
{
text: v.$pgettext("Text for link in guide step", 'Read the forum guidelines'),
......@@ -120,7 +161,7 @@ export function getTasks (v) {
},
{
title: v.$pgettext("Guide step title", 'Get involved in discussion'),
content: v.$pgettext("Guide step content", 'You can now browse the forum and find interesting topics. Add your input in discussions and debate, answer other people\'s question. We also invite you to introduce yourself in a dedicated post, to get in touch with the rest of the community :)'),
content: [v.$pgettext("Guide step content", 'You can now browse the forum and find interesting topics. Add your input in discussions and debate, answer other people\'s question. We also invite you to introduce yourself in a dedicated post, to get in touch with the rest of the community :)'),],
links: [
{
text: v.$pgettext("Text for link in guide step", 'Latest posts on the forum'),
......@@ -149,7 +190,7 @@ export function getTasks (v) {
steps: [
{
title: v.$pgettext("Guide step title", 'Create your Gitlab Account'),
content: v.$pgettext("Guide step content", 'You need a Gitlab on code.eliotberriot.com account to work on the translations. Skip this step if you already have one.'),
content: [v.$pgettext("Guide step content", 'You need a Gitlab on code.eliotberriot.com account to work on the translations. Skip this step if you already have one.'),],
links: [
{
icon: 'gitlab',
......@@ -160,7 +201,7 @@ export function getTasks (v) {
},
{
title: v.$pgettext("Guide step title", 'Review the translation guidelines'),
content: v.$pgettext("Guide step content", "We maintain some guidelines for translators to ensure we have consistent wording and translations accross languages and components. Take a moment to read this document."),
content: [v.$pgettext("Guide step content", "We maintain some guidelines for translators to ensure we have consistent wording and translations accross languages and components. Take a moment to read this document."),],
links: [
{
text: v.$pgettext("Text for link in guide step", 'Translation guidelines'),
......@@ -170,7 +211,7 @@ export function getTasks (v) {
},
{
title: v.$pgettext("Guide step title", 'Chose the project you want to translate'),
content: v.$pgettext("Guide step content", "Funkwhale is made of several projects, also known as components in Weblate's terminology. Choose the component you want to translate, or, if you don't know which one to pick, choose the \"Contribute\" component to translate this website."),
content: [v.$pgettext("Guide step content", "Funkwhale is made of several projects, also known as components in Weblate's terminology. Choose the component you want to translate, or, if you don't know which one to pick, choose the \"Contribute\" component to translate this website."),],
links: [
{
text: v.$pgettext("Text for link in guide step", 'List of translatable components'),
......@@ -187,7 +228,7 @@ export function getTasks (v) {
},
{
title: v.$pgettext("Guide step title", 'Chose the target language'),
content: v.$pgettext("Guide step content", "Each component is translated in many languages. Pick one language your are fluent in."),
content: [v.$pgettext("Guide step content", "Each component is translated in many languages. Pick one language your are fluent in."),],
links: [
{
text: v.$pgettext("Text for link in guide step", 'List of already available languages'),
......@@ -204,7 +245,7 @@ export function getTasks (v) {
},
{
title: v.$pgettext("Guide step title", 'Login on Weblate'),
content: v.$pgettext("Guide step content", 'Weblate is the place where translation happen. Login with your Gitlab account using the "Third party login" section on the right side of the login form to start translating.'),
content: [v.$pgettext("Guide step content", 'Weblate is the place where translation happen. Login with your Gitlab account using the "Third party login" section on the right side of the login form to start translating.'),],
links: [
{
text: v.$pgettext("Text for link in guide step", 'Login on Weblate with Gitlab'),
......@@ -221,7 +262,7 @@ export function getTasks (v) {
},
{
title: v.$pgettext("Guide step title", 'Configure your languages'),
content: v.$pgettext("Guide step content", "Telling Weblate what languages you understand/translate will make it easier afterwards. You can also take a moment to edit your account profile and settings if needed."),
content: [v.$pgettext("Guide step content", "Telling Weblate what languages you understand/translate will make it easier afterwards. You can also take a moment to edit your account profile and settings if needed."),],
links: [
{
text: v.$pgettext("Text for link in guide step", 'Configure your languages'),
......@@ -238,7 +279,7 @@ export function getTasks (v) {
},
{
title: v.$pgettext("Guide step title", 'Click on the translate button'),
content: v.$pgettext("Guide step content", 'Click on the "translate" button in the last column of the languages table to start working.'),
content: [v.$pgettext("Guide step content", 'Click on the "translate" button in the last column of the languages table to start working.'),],
media: [
{
type: 'image',
......@@ -249,7 +290,7 @@ export function getTasks (v) {
},
{
title: v.$pgettext("Guide step title", 'Submit your first translation'),
content: v.$pgettext("Guide step content", "Weblate will now present you with text that need translation or corrections. If you're confident submitting a translation, fill-in your proposal and submit the form. If you're not sure, you can leave a comment with a suggestion or simply skip to the next item."),
content: [v.$pgettext("Guide step content", "Weblate will now present you with text that need translation or corrections. If you're confident submitting a translation, fill-in your proposal and submit the form. If you're not sure, you can leave a comment with a suggestion or simply skip to the next item."),],
media: [
{
type: 'image',
......@@ -285,7 +326,7 @@ export function getTasks (v) {
},
{
title: v.$pgettext("Guide step title", 'Stop here... or continue!'),
content: v.$pgettext("Guide step content", "You can repeat the previous step until you run out of time. Each new or improved translation makes the project better, but you don't have to translate everything!"),
content: [v.$pgettext("Guide step content", "You can repeat the previous step until you run out of time. Each new or improved translation makes the project better, but you don't have to translate everything!"),],
},
]
},
......@@ -372,7 +413,7 @@ export function getTasks (v) {
steps: [
{
title: v.$pgettext("Guide step title", 'Visit code.eliotberriot.com'),
content: v.$pgettext("Guide step content", 'Our GitLab instance is hosted at code.eliotberriot.com. You have to sign-up here, using your email or a third-party-provider.'),
content: [v.$pgettext("Guide step content", 'Our GitLab instance is hosted at code.eliotberriot.com. You have to sign-up here, using your email or a third-party-provider.'),],
links: [
{
text: v.$pgettext("Text for link in guide step", 'Signup on code.eliotberriot.com'),
......@@ -389,7 +430,7 @@ export function getTasks (v) {
},
{
title: v.$pgettext("Guide step title", 'Verify your email address'),
content: v.$pgettext("Guide step content", "Shortly after signup, you should receive a confirmation email containing an activation link. Click on this link to activate your account. If you don't receive the email after a few minutes, you can request another one."),
content: [v.$pgettext("Guide step content", "Shortly after signup, you should receive a confirmation email containing an activation link. Click on this link to activate your account. If you don't receive the email after a few minutes, you can request another one."),],
links: [
{
text: v.$pgettext("Text for link in guide step", 'Request another activation email'),
......@@ -399,7 +440,7 @@ export function getTasks (v) {
},
{
title: v.$pgettext("Guide step title", 'Login using your new account'),
content: v.$pgettext("Guide step content", "Login on your new account to ensure everything works properly."),
content: [v.$pgettext("Guide step content", "Login on your new account to ensure everything works properly."),],
links: [
{
text: v.$pgettext("Text for link in guide step", 'Login form'),
......@@ -417,7 +458,7 @@ export function getTasks (v) {
{
title: v.$pgettext("Guide step title", 'Customize your profile'),
optional: true,
content: v.$pgettext("Guide step content", "Take a few minutes to customize your profile and upload your avatar. This will help other community members know who you are :)"),
content: [v.$pgettext("Guide step content", "Take a few minutes to customize your profile and upload your avatar. This will help other community members know who you are :)"),],
links: [
{
text: v.$pgettext("Text for link in guide step", 'Profile form'),
......@@ -449,7 +490,7 @@ export function getTasks (v) {
steps: [
{
title: v.$pgettext("Guide step title", 'Create your account on socialhub.network'),
content: v.$pgettext("Guide step content", 'Our forum software is named Discourse, and is hosted at socialhub.network. We share this forum with other projects such as Prismo and PixelFed. Click on the "Sign Up" button in the top bar and fill in your information.'),
content: [v.$pgettext("Guide step content", 'Our forum software is named Discourse, and is hosted at socialhub.network. We share this forum with other projects such as Prismo and PixelFed. Click on the "Sign Up" button in the top bar and fill in your information.'),],
links: [
{
text: v.$pgettext("Text for link in guide step", 'Signup on socialhub.network'),
......@@ -471,11 +512,11 @@ export function getTasks (v) {
},
{
title: v.$pgettext("Guide step title", 'Verify your email address'),
content: v.$pgettext("Guide step content", "Shortly after signup, you should receive a confirmation email containing an activation link. Click on this link to activate your account. If you don't receive the email after a few minutes, you can request another one."),
content: [v.$pgettext("Guide step content", "Shortly after signup, you should receive a confirmation email containing an activation link. Click on this link to activate your account. If you don't receive the email after a few minutes, you can request another one."),],
},
{
title: v.$pgettext("Guide step title", 'Login using your new account'),
content: v.$pgettext("Guide step content", "Login on your new account to ensure everything works properly."),
content: [v.$pgettext("Guide step content", "Login on your new account to ensure everything works properly."),],
links: [
{
text: v.$pgettext("Text for link in guide step", 'Login form'),
......@@ -493,7 +534,7 @@ export function getTasks (v) {
{
title: v.$pgettext("Guide step title", 'Customize your profile'),
optional: true,
content: v.$pgettext("Guide step content", "Take a few minutes to customize your profile and upload your avatar. This will help other community members know who you are :)"),
content: [v.$pgettext("Guide step content", "Take a few minutes to customize your profile and upload your avatar. This will help other community members know who you are :)"),],
links: [
{
text: v.$pgettext("Text for link in guide step", 'Profile form'),
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment