Community.vue 10.7 KB
Newer Older
1
<template>
2 3 4 5
  <div>
    <div class="strong row">
      <section>
        <h1>
Agate's avatar
Agate committed
6 7 8
          <translate translate-context="Content/Community/Header"
            >Welcome to the community!</translate
          >
9 10 11 12
        </h1>
        <p>
          <strong>
            <translate translate-context="Content/Community/Paragraph">
Agate's avatar
Agate committed
13
              If you want to become a contributor, need support or simply would to get in touch with the community, you're at the right place!
14 15 16 17 18
            </translate>
          </strong>
        </p>
        <p>
          <translate translate-context="Content/Community/Paragraph">
Agate's avatar
Agate committed
19
            Our Code of Conduct applies to all the community spaces and you should read it before anything else.
20 21
          </translate>
        </p>
Agate's avatar
Linting  
Agate committed
22 23
        <router-link
          class="pure-button pure-button-primary"
Agate's avatar
Agate committed
24
          :to="{ name: 'coc', params: { locale: $language.current } }"
Agate's avatar
Linting  
Agate committed
25
        >
Agate's avatar
Agate committed
26 27 28
          <translate translate-context="Content/Community/Link"
            >Read our Code of Conduct</translate
          >
29 30 31 32 33 34
        </router-link>
      </section>
    </div>
    <div class="row">
      <section>
        <h2>
Agate's avatar
Agate committed
35
          <i class="fa fa-home"></i>&nbsp;
Agate's avatar
Agate committed
36 37 38
          <translate translate-context="Content/Community/Header"
            >Community spaces</translate
          >
39 40 41
        </h2>
        <p>
          <translate translate-context="Content/Community/Paragraph">
Agate's avatar
Agate committed
42
            We maintain multiple spaces for the Funkwhale community. Some of them are generalist, while others are dedicated to specific topics and discussions.
43 44 45
          </translate>
        </p>
        <h3>
Agate's avatar
Agate committed
46
          <i class="fa fa-comments-o"></i>&nbsp;
Agate's avatar
Agate committed
47 48 49
          <translate translate-context="Content/Community/Header"
            >Loomio forum</translate
          >
50 51 52
        </h3>
        <p>
          <translate translate-context="Content/Community/Paragraph">
Agate's avatar
Agate committed
53
            Our forum is the best place to go if you want to ask a question, get support, introduce yourself, start a new discussion, participate in decisions and more generally get a grasp of what's going on.
54 55
          </translate>
        </p>
Agate's avatar
Agate committed
56 57 58 59 60
        <a
          class="pure-button"
          href="https://governance.funkwhale.audio/"
          target="_blank"
        >
Agate's avatar
Agate committed
61
          <i class="fa fa-list"></i>&nbsp;
Agate's avatar
Agate committed
62
          <translate translate-context="Content/Community/Link"
Agate's avatar
Agate committed
63 64 65 66 67 68 69 70 71 72 73
            >Browse discussions</translate
          >
        </a>
        <a
          class="pure-button"
          href="https://governance.funkwhale.audio/g/246YOJ1m/funkwhale-support"
          target="_blank"
        >
          <i class="fa fa-support"></i>&nbsp;
          <translate translate-context="Content/Community/Link"
            >Get support</translate
Agate's avatar
Agate committed
74
          >
75 76 77 78 79
        </a>
        <a
          class="pure-button"
          href="https://contribute.funkwhale.audio/guides/join-discussion"
          target="_blank"
Agate's avatar
Agate committed
80
        >
Agate's avatar
Agate committed
81 82 83
          <translate translate-context="Content/Community/Link"
            >Read our guide to join the discussion</translate
          >
84 85
        </a>
        <h3>
Agate's avatar
Agate committed
86 87
          <i class="fa fa-matrix-org"></i>&nbsp;

Agate's avatar
Agate committed
88 89 90
          <translate translate-context="Content/Community/Header"
            >Funkwhale community on Matrix.org</translate
          >
91 92 93
        </h3>
        <p>
          <translate translate-context="Content/Community/Paragraph">
Agate's avatar
Agate committed
94
            Matrix is a free and decentralized chat service. We have multiple rooms you can join:
95 96 97 98
          </translate>
        </p>
        <ul>
          <li v-translate translate-context="Content/Community/List.Item">
Agate's avatar
Agate committed
99
            <a target="_blank" href="https://riot.im/app/#/room/#funkwhale:matrix.org">#funkwhale:matrix.org</a>: for general discussions around the project, asking questions, introduce yourself
100 101
          </li>
          <li v-translate translate-context="Content/Community/List.Item">
Agate's avatar
Agate committed
102
            <a target="_blank" href="https://riot.im/app/#/room/#funkwhale-troubleshooting:matrix.org">#funkwhale-troubleshooting:matrix.org</a>: for support discussions around Funkwhale (installation, usage, etc.)
103 104
          </li>
          <li v-translate translate-context="Content/Community/List.Item">
Agate's avatar
Agate committed
105
            <a target="_blank" href="https://riot.im/app/#/room/#funkwhale-dev:matrix.org">#funkwhale-dev:matrix.org</a>: for development-related discussions
106 107 108 109 110 111 112
          </li>
        </ul>
        <a
          class="pure-button"
          href="https://riot.im/app/#/group/+funkwhale:matrix.org"
          target="_blank"
        >
Agate's avatar
Agate committed
113 114 115
          <translate translate-context="Content/Community/Link"
            >Join our matrix rooms</translate
          >
116 117
        </a>
        <h3>
Agate's avatar
Agate committed
118
          <i class="fa fa-code-fork"></i>&nbsp;
Agate's avatar
Agate committed
119 120 121
          <translate translate-context="Content/Community/Header"
            >GitLab instance</translate
          >
122 123 124
        </h3>
        <p>
          <translate translate-context="Content/Community/Paragraph">
Agate's avatar
Agate committed
125
            Development happens on our self-hosted GitLab instance, at dev.funkwhale.audio.
Agate's avatar
Agate committed
126 127 128 129
          </translate>
        </p>
        <p>
          <translate translate-context="Content/Community/Paragraph">
Agate's avatar
Agate committed
130
            Bug reports and merge requests should be opened here. We encourage you to open discussions around new features on the forum instead.
131 132
          </translate>
        </p>
Agate's avatar
Agate committed
133 134 135 136 137 138 139 140
        <a
          class="pure-button"
          href="https://dev.funkwhale.audio/funkwhale/"
          target="_blank"
        >
          <translate translate-context="Content/Community/Link"
            >Visit our GitLab instance</translate
          >
141
        </a>
Agate's avatar
Agate committed
142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161
        <h3>
          <i class="fa fa-reddit"></i>&nbsp;
          <translate translate-context="Content/Community/Header"
            >Reddit</translate
          >
        </h3>
        <p>
          <translate translate-context="Content/Community/Paragraph">
            Discussions also happens at /r/Funkwhale, our dedicated SubReddit. Don't hesitate to join us here.
          </translate>
        </p>
        <a
          class="pure-button"
          href="https://www.reddit.com/r/Funkwhale/"
          target="_blank"
        >
          <translate translate-context="Content/Community/Link"
            >Visit /r/Funkwhale</translate
          >
        </a>
162 163 164 165 166
      </section>
    </div>
    <div class="row alternate">
      <section>
        <h2>
Agate's avatar
Agate committed
167
          <i class="fa fa-wrench"></i>&nbsp;
Agate's avatar
Agate committed
168 169 170
          <translate translate-context="Content/Community/Header"
            >Start contributing</translate
          >
171 172
        </h2>
        <p>
Agate's avatar
Agate committed
173
          <translate translate-context="Content/Community/Paragraph"
Agate's avatar
Agate committed
174
            >We're always looking for help in various areas, including:</translate
Agate's avatar
Agate committed
175
          >
176 177 178
        </p>
        <ul>
          <li>
Agate's avatar
Agate committed
179 180 181 182 183
            <a href="https://translate.funkwhale.audio/projects/funkwhale/" target="_blank">
              <translate
                translate-context="Content/Community.Contribution types/List.Item"
                >Translations</translate>
            </a>
184 185 186 187
          </li>
          <li>
            <translate
              translate-context="Content/Community.Contribution types/List.Item"
Agate's avatar
Agate committed
188 189
              >Communication</translate
            >
190 191
          </li>
          <li>
Agate's avatar
Agate committed
192 193 194 195 196 197
            <a href="https://governance.funkwhale.audio/g/5GzfpnA6/funkwhale-project-management" target="_blank">
              <translate
                translate-context="Content/Community.Contribution types/List.Item"
                >Organization and management</translate
              >
            </a>
198 199
          </li>
          <li>
Agate's avatar
Agate committed
200 201 202 203 204 205
            <a href="https://governance.funkwhale.audio/g/SdKlQIvD/funkwhale-development" target="_blank">
              <translate
                translate-context="Content/Community.Contribution types/List.Item"
                >Design and development</translate
              >
            </a>
206 207
          </li>
          <li>
Agate's avatar
Agate committed
208 209 210 211 212 213
            <a href="https://dev.funkwhale.audio/funkwhale/funkwhale/issues" target="_blank">
              <translate
                translate-context="Content/Community.Contribution types/List.Item"
                >Testing and bug reports</translate
              >
            </a>
214 215
          </li>
          <li>
Agate's avatar
Agate committed
216 217 218 219 220 221
            <a href="https://dev.funkwhale.audio/funkwhale/funkwhale/tree/develop/docs" target="_blank">
              <translate
                translate-context="Content/Community.Contribution types/List.Item"
                >Documentation</translate
              >
            </a>
222 223 224 225
          </li>
        </ul>
        <p>
          <translate translate-context="Content/Community/Paragraph">
Agate's avatar
Agate committed
226
            If you have any question regarding the contribution process, please get in touch with us!
227 228
          </translate>
        </p>
Agate's avatar
Agate committed
229 230
        <a
          class="pure-button"
Agate's avatar
Agate committed
231
          href="https://pad.funkwhale.audio/s/roadmap"
Agate's avatar
Agate committed
232 233 234 235 236
          target="_blank"
        >
          <translate translate-context="Content/*/Link"
            >Check out our roadmap</translate
          >
237
        </a>
Agate's avatar
Agate committed
238 239 240 241 242 243 244 245
        <a
          class="pure-button"
          href="https://contribute.funkwhale.audio"
          target="_blank"
        >
          <translate translate-context="Content/Community/Link"
            >Check out the contribution guides</translate
          >
246 247 248 249 250
        </a>
      </section>
    </div>
    <div class="row">
      <section>
Agate's avatar
Agate committed
251
        <h2><i class="fa fa-community"></i>&nbsp;
Agate's avatar
Agate committed
252 253 254
          <translate translate-context="Content/Community/Header"
            >Community events</translate
          >
255 256
        </h2>
        <h3>
Agate's avatar
Agate committed
257 258 259
          <translate translate-context="Content/Community/Header"
            >Funkwhale Sync meetings</translate
          >
260 261 262
        </h3>
        <p>
          <translate translate-context="Content/Community/Paragraph">
Agate's avatar
Agate committed
263
            Every month, we have an open discussion with people involved in the project to discuss important topics and coordinate our efforts. This meeting happens on our Mumble audio server and is open to anyone. You can also join and participate via the text chat.
264 265 266 267
          </translate>
        </p>
        <p>
          <translate translate-context="Content/Community/Paragraph">
Agate's avatar
Agate committed
268
            Discussions themselves are in french, but the agenda and meeting notes are published in english on our forum, and we also leave some room to non-french speakers to step in before the end of the meeting.
269 270 271 272 273 274 275
          </translate>
        </p>
        <a
          class="pure-button"
          href="https://pad.funkwhale.audio/funkwhale-sync-next-agenda"
          target="_blank"
        >
Agate's avatar
Agate committed
276 277 278
          <translate translate-context="Content/Community/Link"
            >Join the next Funkwhale Sync</translate
          >
279 280 281
        </a>
      </section>
    </div>
282 283 284 285
  </div>
</template>

<script>
Agate's avatar
Agate committed
286
import PageMixin from "../PageMixin";
287

Agate's avatar
Agate committed
288
export default {
289 290 291
  mixins: [PageMixin],
  methods: {
    getInnerTitle() {
Agate's avatar
Agate committed
292
      return this.$pgettext("HTML/Meta/Title", "Community");
Agate's avatar
Agate committed
293
    }
Agate's avatar
Agate committed
294 295
  }
};
296
</script>