# SOME DESCRIPTIVE TITLE.
# Copyright (C) 2023, The Funkwhale Collective
# This file is distributed under the same license as the funkwhale package.
# FIRST AUTHOR <EMAIL@ADDRESS>, YEAR.
#
#, fuzzy
msgid ""
msgstr ""
"Project-Id-Version: funkwhale 1.2.10\n"
"Report-Msgid-Bugs-To: \n"
"POT-Creation-Date: 2023-03-24 18:14+0100\n"
"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
"Language-Team: LANGUAGE <LL@li.org>\n"
"MIME-Version: 1.0\n"
"Content-Type: text/plain; charset=UTF-8\n"
"Content-Transfer-Encoding: 8bit\n"

#: ../../developer/contribute/frontend.md:1
msgid "Contribute to the frontend"
msgstr ""

#: ../../developer/contribute/frontend.md:3
msgid "The Funkwhale frontend is a {abbr}`SPA (Single Page Application)` written in [Typescript](https://typescriptlang.org) and [Vue.js](https://vuejs.org)."
msgstr ""

#: ../../developer/contribute/frontend.md:5
msgid "Styles"
msgstr ""

#: ../../developer/contribute/frontend.md:7
msgid "We currently use [Fomantic UI](https://fomantic-ui.com) as our UI framework. We customize this with our own SCSS files located in `front/src/styles/_main.scss`."
msgstr ""

#: ../../developer/contribute/frontend.md:9
msgid "We apply changes to the Fomantic CSS files before we import them:"
msgstr ""

#: ../../developer/contribute/frontend.md:11
msgid "We replace hardcoded color values with CSS variables to make themin easier. For example: `color: orange` is replaced by `color: var(--vibrant-color)`"
msgstr ""

#: ../../developer/contribute/frontend.md:12
msgid "We remove unused values from the CSS files to keep the size down"
msgstr ""

#: ../../developer/contribute/frontend.md:14
msgid "These changes are applied when you run `yarn install` through a `postinstall` hook. If you want to modify these changes, check the `front/scripts/fix-fomantic-css.py` script."
msgstr ""

#: ../../developer/contribute/frontend.md:16
msgid "We plan to replace Fomantic with our own UI framework in the near future. Check our [Penpot](https://design.funkwhale.audio) to see what we've got planned."
msgstr ""

#: ../../developer/contribute/frontend.md:18
msgid "Components"
msgstr ""

#: ../../developer/contribute/frontend.md:20
msgid "Our [component library](https://ui.funkwhale.audio) contains reusable Vue components that you can add to the Funkwhale frontend. If you want to add a new component, check out [the repository](https://dev.funkwhale.audio/funkwhale/vui)."
msgstr ""

#: ../../developer/contribute/frontend.md:22
msgid "Testing"
msgstr ""

#: ../../developer/contribute/frontend.md:24
msgid "The Funkwhale frontend contains some tests to catch errors before changes go live. The coverage is still fairly low, so we welcome any contributions."
msgstr ""

#: ../../developer/contribute/frontend.md:26
msgid "To run the test suite, run the following command:"
msgstr ""

#: ../../developer/contribute/frontend.md:32
msgid "To run tests as you make changes, launch the test suite with the `-w` flag:"
msgstr ""