Verified Commit 524ef777 authored by Agate's avatar Agate 💬

Added talk about Funkwhale guide, recommendations / avoid

parent 2cb16694
......@@ -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>
......
This diff is collapsed.
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