diff --git a/source/resources/contribute.rst b/source/resources/contribute.rst index 9eb2f1e..012b35d 100644 --- a/source/resources/contribute.rst +++ b/source/resources/contribute.rst @@ -1,167 +1,188 @@ Contribute ========== The HIG is written in `reStructuredText `_, a lightweight markup language. For example the chapter heading together with the first paragraph looks like this in reStructuredText:: Contribute ========== The HIG is written in `reStructuredText `_, a light weight markup language. For example the chapter heading together with the first paragraph looks like this in reStructuredText The restructuredText of the full HIG is organized into several source files. You can view and modify these source files with any text editor. The source files are hosted in a `Git repo `_. `Sphinx `_ is used to generate HTML pages from these source files. Tasks and changes are organized via `https://invent.kde.org `_. .. note:: On every page of the HIG, there is a *View page source* link in the top right corner. For more information and help you can find us on `Matrix `_, `IRC `_ or `Telegram `_ . If you are new to KDE devlopment, make sure to read `how to become a kde developer `_ first. Getting started --------------- -#. Install some tools with your distro's package manager: - - * Arch/Antergos/Manjaro: ``sudo pacman -S git python-sphinx python-sphinx_rtd_theme`` - * Debian/Ubuntu/Kubuntu/KDE Neon: ``sudo apt install git build-essential python3-sphinx python3-sphinx-rtd-theme`` - * openSUSE: ``sudo zypper in git python3-Sphinx python3-sphinx_rtd_theme`` #. Clone HIG repositories into an empty folder - ``git clone https://anongit.kde.org/websites/hig-kde-org.git`` + .. code-block:: sh + + git clone https://anongit.kde.org/websites/hig-kde-org.git + cd hig-kde-org + +#. Install some tools with `pythons package manager pip + `_: + + either globally + + .. code-block:: sh + + sudo pip -r requirements.txt + + or in your home directory + + .. code-block:: sh + + sudo pip -r requirements.txt --user + + If you install it in you home directory, make sure you have the + installed packages in your path, by adding it to your .profile + + .. code-block:: sh + + echo "PATH=~/.local/lib:\$PATH" >> ~/.profile + source ~/.profile + Now you are ready to contribute to the HIG! To preview changes on your local machine, do the following: -#. ``cd`` to your git checkout of the HIG repository #. Run ``make html`` to create the HTML pages #. Open ``build/html/index.html`` in your browser (e.g. run ``firefox build/html/index.html``) Page structure -------------- This defines the structure that should be used for writing pattern and component pages for the HIG. Pattern ^^^^^^^ :: Pattern name ============== Give a short into into the pattern. Examples -------- Showcase the pattern with videos or images. When to use ----------- Describe when to use this pattern and when not to use it. How to use ---------- Describe how to use this pattern. Pages about patterns should not include any details on implementation, about behavior or appearance, but rather link to the corresponding components needed to implement a pattern. Optional: you can add subsections for desktop and mobile. :: When to use ----------- Desktop ^^^^^^^ Mobile ^^^^^^ Component ^^^^^^^^^ :: Component name ============== Purpose ------- A very short description on why and how to use the component. This should primarily link to the corresponding pattern pages. Example ------- Showcase the component with a video or image. Guidelines ---------- Is this the right control ~~~~~~~~~~~~~~~~~~~~~~~~~ Describe when to use a component and when not. Behavior ~~~~~~~~ Describe the behavior of the component. Appearance ~~~~~~~~~~ Describe the appearance of the component. Code ---- Kirigami ~~~~~~~~ Link to the API and example code how to use the component with QML and Kirigami. Qt Widgets ~~~~~~~~~~ Link to the API and example code how to use the component with Qt Widgets. Optional: you can add subsections for desktop and mobile. :: Behavior ~~~~~~~~ Desktop """"""" Mobile """"""