update and rearrange documentation related content
[doc.git] / docs / guides / onap-documentation / setup-of-a-doc-dev-system.rst
1 .. This work is licensed under a Creative Commons Attribution 4.0 International
2 .. License. http://creativecommons.org/licenses/by/4.0
3 .. Copyright (C) 2021 Deutsche Telekom AG
4
5
6
7 *******************************************
8 Setup of a Documentation Development System
9 *******************************************
10
11
12 ..
13    #########################################################################
14    HOW TO FILL THIS SECTION:
15
16    Release Relevance
17       Name the ONAP release(s) where this document has a relevance.
18       ONAP release number (ONAP release name starting with a capital letter)
19       Examples:
20       8.0.0 (Honolulu) - 1.0.0 (Amsterdam)
21       7.0.1 (Guilin) - 3.0.0 (Casablanca), 1.0.0 (Amsterdam)
22
23    Last Review/Update
24       Date of last review and/or update of this document.
25       Add "none" for a new document. Add concrete date if reviewed/updated.
26       Use en-US format (mm/dd/yyyy).
27
28    Initial Release
29       Initial release date of this document.
30       Use en-US format (mm/dd/yyyy).
31
32    Author (Company)
33       Name of the author and company name. Use comma to separate.
34       Example:
35       Jane Doe (ACME), John Doe (ACME)
36
37    ! PLEASE DO NOT CHANGE THE STRUCTURE OF THIS SECTION.
38    ! PLEASE ADD ONLY REQUESTED INFORMATION BELOW!
39    #########################################################################
40
41 Release Relevance
42    11.x.x (Kohn) - 10.x.x (Jakarta)
43
44 Last Review/Update
45    02/08/2022
46
47 Initial Release
48    05/12/2021
49
50 Author (Company)
51    Thomas Kulik (Deutsche Telekom AG)
52
53 -------------------------------------------------------------------------------
54
55 .. contents:: Table of Contents
56
57 -------------------------------------------------------------------------------
58
59 Introduction
60 ============
61
62 This guide provides a detailed description to set up a system suitable to
63 create, check and preview documentation locally. The targeted readership are
64 beginners and people interested in creating documentation.
65
66 The guide describes the setup of a development system from scratch using the
67 Ubuntu Desktop version installed in a virtual machine. It includes all required
68 steps and also some optional ones that may ease your daily work with this
69 development system. Feel free to adapt it to your needs.
70
71 In general, formal ONAP documentation uses the reStructuredText markup language
72 and the files have an ``.rst`` extension. They are part of almost every ONAP
73 project and can be found in the ``docs`` directory. The files are automatically
74 processed and you find the final ONAP documentation build hosted on
75 `ReadTheDocs <https://docs.onap.org>`__.
76
77 Beginning with the 'Frankfurt' release of ONAP, the documentation structure has
78 changed and the support of submodules was removed. Although large parts of this
79 guide are valid for earlier releases, the relevance has been limited.
80
81 -------------------------------------------------------------------------------
82
83 VM Configuration
84 ================
85
86 .. note:: This section is for information only and should not be understood as
87           a requirement.
88
89 Ubuntu Image
90 ------------
91
92 +--------------------------------------+
93 | ubuntu-20.04.3-desktop-amd64.iso     |
94 +--------------------------------------+
95
96 Please check what image must be used for your type of hardware.
97
98 VM Configuration
99 ----------------
100
101 +-------------------------+------------+
102 | Memory                  | 8 GB       |
103 +-------------------------+------------+
104 | Processors / Cores each | 2 / 2      |
105 +-------------------------+------------+
106 | Hard Disk               | 64 GB      |
107 +-------------------------+------------+
108
109 Depending on your requirements you can modify the values for virtual memory,
110 processors, cores or hard disk space.
111
112 VM Setup
113 --------
114
115 Follow the instructions of your virtualization solution to install Ubuntu in a
116 virtual machine. Log in after the installation has finished.
117
118 -------------------------------------------------------------------------------
119
120 Ubuntu Configuration
121 ====================
122
123 .. note:: This section is optional and should not be understood as a
124    requirement.
125
126 Finding Applications
127 --------------------
128
129 The following actions are performed on the Ubuntu desktop. You may use the
130 desktop search function :guilabel:`Show Applications` (the |ShowApp| symbol in
131 the bottom left corner) to find the required applications. Later on you need to
132 start also a :guilabel:`Terminal` window from here.
133
134 Software Updates
135 ----------------
136
137 Open :guilabel:`Software Updater` and update already installed Ubuntu packages.
138 You may need to restart the system afterwards.
139
140 Language Support
141 ----------------
142
143 Open :guilabel:`Language Support`. You are asked to complete the installation.
144 Select the :guilabel:`Install` button to complete. Continue in the
145 :guilabel:`Language Support` window and open
146 :guilabel:`Install / Remove Languages`. Then select your preferred
147 :guilabel:`<LANGUAGE>`. Choose :guilabel:`Apply` to install the additional
148 language.
149
150 Regional Formats
151 ----------------
152
153 Continue to the :guilabel:`Regional Formats` tab. Select a
154 :guilabel:`<FORMAT>` to show e.g. date, time and numbers in your preferred
155 format. Press :guilabel:`Close` to close the window.
156
157 Input Sources
158 -------------
159
160 To change the keyboard layout used e.g. in command line windows, open
161 :guilabel:`Settings`. Navigate to :guilabel:`Region & Language`. At
162 :guilabel:`Input Sources` press the :guilabel:`+` sign. Select your preferred
163 :guilabel:`<INPUTSOURCE>` and use :guilabel:`Add` to add it. Move it to the top
164 of the list using drag and drop. Close the window. You may need to logout from
165 the UI and login again to make your changes effective.
166
167 Screen Lock
168 -----------
169
170 Open :guilabel:`Settings`. Navigate to :guilabel:`Privacy` >
171 :guilabel:`Screen Lock` and change settings for :guilabel:`Blank Screen Delay`
172 and :guilabel:`Automatic Screen Lock` to values of your choice. Close the
173 window.
174
175 -------------------------------------------------------------------------------
176
177 Disable sudo password for your user
178 ===================================
179
180 .. warning:: This section is optional and should not be understood as a
181    requirement. Disabling password authentication for all commands is very
182    convenient at use **but it strongly exposes your system to malicious code**.
183    For a system dedicated to development it might be OK, but not for a
184    production system! Handle with care. You have been warned.
185
186 Open a :guilabel:`Terminal` window and start the ``visudo`` editor with ...
187
188 .. code-block:: bash
189
190    sudo visudo
191
192 and add ``<USER> ALL=(ALL) NOPASSWD:ALL`` to the end of the file. Replace
193 ``<USER>`` with your user name.
194
195 -------------------------------------------------------------------------------
196
197 Install python3 related packages
198 ================================
199
200 .. note:: The main python3 package is preinstalled in Ubuntu 20.04.
201
202 Open a :guilabel:`Terminal` window and update the package management system
203 with ...
204
205 .. code-block:: bash
206
207    cd ~
208    sudo apt update
209    sudo apt -y upgrade
210
211 Install python3 related packages with ...
212
213 .. code-block:: bash
214
215    sudo apt install -y python3-pip
216    sudo apt install -y build-essential
217    sudo apt install -y libssl-dev
218    sudo apt install -y libffi-dev
219    sudo apt install -y python3-dev
220    sudo apt install -y python3-venv
221
222
223 Check the python3 version with ...
224
225 .. code-block:: bash
226
227    python3 -V
228
229 -------------------------------------------------------------------------------
230
231 Install git and documentation related packages
232 ==============================================
233
234 Install the required packages with ...
235
236 .. code-block:: bash
237
238    sudo apt install -y git
239    sudo apt install -y git-review
240    sudo apt install -y python3-sphinx
241    sudo apt install -y python3-doc8
242    sudo apt install -y curl
243    sudo apt install -y jq
244
245 Check the git version with ...
246
247 .. code-block:: bash
248
249    git --version
250
251 -------------------------------------------------------------------------------
252
253 Create virtual environment and activate
254 =======================================
255
256 In this guide, virtual environments are generally located in your home
257 directory under ``~/environments``. For the development of ONAP documentation
258 the virtual environment ``onapdocs`` is created. The full path is consequently
259 ``~/environments/onapdocs``.
260
261 .. code-block:: bash
262
263    cd ~
264    mkdir environments
265    cd ~/environments
266    python3 -m venv onapdocs
267    cd ~/environments/onapdocs
268    source bin/activate
269
270 To indicate that you are now working in an virtual environment, the prompt of
271 your terminal has changed. Now it starts with ``(onapdocs)``.
272
273 -------------------------------------------------------------------------------
274
275 Install required Sphinx packages in activated environment
276 =========================================================
277
278 It is :strong:`important` to activate the ``onapdocs`` environment before you
279 continue. If not already done, activate environment with ...
280
281 .. code-block:: bash
282
283    cd ~/environments/onapdocs
284    source bin/activate
285
286 To indicate that you are now working in an virtual environment, the prompt of
287 your terminal has changed. Now it starts with ``(onapdocs)``.
288
289 .. important:: Now you are installing packages only for the 'onapdocs' virtual
290    environment.
291
292 .. code-block:: bash
293
294    pip3 install wheel
295
296    which sphinx-build
297
298 .. tip:: Remember the path
299    ``/home/<USER>/environments/onapdocs/bin/sphinx-build``, you need it later
300    to configure a VSC extension.
301
302 -------------------------------------------------------------------------------
303
304 Install Visual Studio Code (VSC) and update already installed applications
305 ==========================================================================
306
307 The following actions are performed on the Ubuntu desktop. You may use the
308 desktop search function :guilabel:`Show Applications` (the |ShowApp| symbol in
309 the bottom left corner) to find the required applications.
310
311 Open :guilabel:`Ubuntu Software` > :guilabel:`Development`, select
312 :guilabel:`code` (Visual Studio Code) and press :guilabel:`Install` to install
313 the integrated development environment (IDE).
314
315 Open :guilabel:`Ubuntu Software` > :guilabel:`Updates` to ensure that your
316 installed applications are up to date.
317
318 -------------------------------------------------------------------------------
319
320 Clone example repo (no LF account)
321 ==================================
322
323 Clone repo
324 ----------
325
326 For a quick start you can clone e.g. the ``doc`` repository even without a
327 Linux Foundation (LF) account with ...
328
329 .. code-block:: bash
330
331    cd ~/environments/onapdocs
332    git clone --branch master https://git.onap.org/doc/ ./doc
333
334 -------------------------------------------------------------------------------
335
336 Clone example repo (LF account used)
337 ====================================
338
339 Prerequisite configuration
340 --------------------------
341
342 If you plan to contribute to the ONAP community and you want to submit changes
343 to a specific project later on, please refer to the
344 `ONAP Developer Wiki <https://wiki.onap.org>`__ to get information about all
345 the prerequisite details.
346
347 If you already have a LF account and you have shared your public ssh key you
348 can finalize the configuration of this development system by updating your ssh
349 configuration in the ``~/.ssh`` directory by copying over ``config``,
350 ``id_rsa`` and ``id_rsa.pub``
351
352 In addition you configure ``git`` and ``git-review`` with ...
353
354 .. code-block:: bash
355
356    git config --global user.email "<GIT-EMAIL>"
357    git config --global user.name "<GIT-USER>"
358    git config --global --add gitreview.username "<GIT-USER>"
359    git config --global gitreview.remote origin
360
361 Replace ``<GIT-EMAIL>`` and ``<GIT-USER>`` with your account details.
362
363 Clone repo
364 ----------
365
366 .. code-block:: bash
367
368    cd ~/environments/onapdocs
369    git clone --recurse-submodules ssh://<GIT-USER>@gerrit.onap.org:29418/doc
370
371 -------------------------------------------------------------------------------
372
373 Start VSC in the correct directory
374 ==================================
375
376 Start VSC (always) in the ``docs`` directory of your repository. For the
377 ``doc`` repository used in this example do this with ...
378
379 .. code-block:: bash
380
381    cd doc
382    cd docs
383    code .
384
385 .. important:: Don't forget the ``.`` (dot) when you start Visual Studio Code.
386
387 .. tip:: ``~/environments/onapdocs/doc/docs`` is now your
388    ``${workspaceFolder}`` because you have started VSC (``code .``) from here!
389
390 -------------------------------------------------------------------------------
391
392 Disable Telemetry of VSC
393 ========================
394
395 In case you want to disable telemetry functionality of Visual Studio Code, open
396 :guilabel:`File` > :guilabel:`Preferences` > :guilabel:`Telemetry Settings` and
397 turn it ``off`` in the selection field.
398
399 In an older version of VSC you alternatively need to open
400 :guilabel:`File` > :guilabel:`Preferences` > :guilabel:`Settings` and
401 search for ``telemetry``. Then uncheck
402 :guilabel:`Telemetry: Enable Crash Reporter` and
403 :guilabel:`Telemetry: Enable Telemetry`
404
405 .. warning:: Extensions may be collecting their own usage data and are not
406    controlled by the ``telemetry.enableTelemetry`` setting. Consult the
407    specific extension's documentation to learn about its telemetry
408    reporting and whether it can be disabled. See also
409    https://code.visualstudio.com/docs/getstarted/telemetry
410
411 -------------------------------------------------------------------------------
412
413 Install VSC extensions and configure reStructuredText extension
414 ===============================================================
415
416 Install VSC extensions
417 ----------------------
418
419 Extension bring additional power to Visual Studio Code. To search and install
420 them, open :guilabel:`File` > :guilabel:`Preferences` > :guilabel:`Extensions`
421 or use the keyboard shortcut ``[Ctrl+Shift+X]``. Then enter the name of the
422 extension in the :guilabel:`Search Extensions in Marketplace` window.
423 Press :guilabel:`Install` if you have found the required extension.
424
425 Please install ...
426
427 +--------------------------------------+---------------------------------------+---------+
428 | Python                               | ms-python.python                      | latest  |
429 +--------------------------------------+---------------------------------------+---------+
430 | reStructuredText                     | lextudio.restructuredtext             | 169.0.0 |
431 +--------------------------------------+---------------------------------------+---------+
432 | reStructuredText Syntax highlighting | trond-snekvik.simple-rst              | latest  |
433 +--------------------------------------+---------------------------------------+---------+
434 | Code Spell Checker                   | streetsidesoftware.code-spell-checker | latest  |
435 +--------------------------------------+---------------------------------------+---------+
436 | Prettier                             | esbenp.prettier-vscode                | latest  |
437 +--------------------------------------+---------------------------------------+---------+
438 | GitLens                              | eamodio.gitlens                       | latest  |
439 +--------------------------------------+---------------------------------------+---------+
440
441 .. warning:: Use the reStructuredText extension version 169.0.0 or lower to
442    avoid problems with the preview. You need to downgrade after the initial
443    installation.
444
445 Configure reStructuredText extension
446 ------------------------------------
447
448 To configure ``reStructuredText`` extension, open :guilabel:`File` >
449 :guilabel:`Preferences` > :guilabel:`Extensions` or use the keyboard shortcut
450 ``[Ctrl+Shift+X]``. Then enter ``reStructuredText`` in the
451 :guilabel:`Search Extensions in Marketplace` window. After you have found the
452 extension press :guilabel:`Manage` (the little |GearSymb| symbol on the right
453 bottom) and select :guilabel:`Extension Settings`. A new windows in VSC shows
454 all the parameters. Change the following ones:
455
456  :strong:`Restructuredtext › Linter: Executable Path`
457   ``/usr/bin/doc8``
458
459  :strong:`Restructuredtext › Linter: Name`
460   ``doc8``
461
462  :strong:`Restructuredtext: Sphinx Build Path`
463   ``/home/<USER>/environments/onapdocs/bin/sphinx-build``
464
465 Replace ``<USER>`` with your user name.
466
467 Only in case the preview creates an error message, try ...
468
469   :strong:`Restructuredtext: Conf Path`
470    ``${workspaceFolder}/docs``
471
472 Close the :guilabel:`Extension Settings` window.
473
474 Close VSC and start it again with the ``code .`` command.
475
476 -------------------------------------------------------------------------------
477
478 Open a .rst file and preview it in VSC
479 ======================================
480
481 Open .rst file
482 --------------
483
484 Select :guilabel:`View` > :guilabel:`Explorer`. Or use the |FileExpl| symbol in
485 the upper left corner. Expand the ``docs`` folder by clicking on the ``>``
486 symbol. Select the file ``index.rst``. The code shows up in the right pane
487 window of VSC.
488
489 Alternatively you can open this guide and see how it looks like in the
490 reStructuredText format. It can be found in ``docs/guides/onap-documentation``
491 and is named ``setup-of-a-doc-dev-system.rst``.
492
493 Problem Window
494 --------------
495
496 You may see problems with the reStructuredText markup because the code is
497 underlined in various colors. For the details select :guilabel:`View` >
498 :guilabel:`Problems` to open an additional window at the bottom of VSC.
499
500 When you select a specific entry in the problem list, the code window is
501 updated to show the related line in the code.
502
503 Preview
504 -------
505
506 Now select :guilabel:`Preview To The Side` (the |Preview| symbol on the top
507 right) or use keyboard shortcut ``[Ctrl+k Ctrl+r]`` to open the preview window
508 on the right hand side. This may take a few seconds. The preview shows up and
509 renders the ``index.rst`` as it would look like on ReadTheDocs.
510
511 Tips and Tricks
512 ---------------
513
514 The learnings are ...
515
516 .. tip::
517    - Start VSC always in the ``docs`` directory of the repository. Use the
518      command ``code .``. Then navigate via VSC's :guilabel:`Explorer`
519      |FileExpl| to the directory which contains the file you like to edit. VSC
520      may ask you, which ``conf.py`` VSC should use. Choose the one which
521      resides in the directory where you have started VSC. Check also the (blue)
522      bottom line of VSC. There you see which ``conf.py`` is currently in use.
523      The content of ``conf.py`` affects how the documentation is presented.
524    - VSC may claim that some packages require an update. This can be easily
525      fixed. VSC offers automatically to install or update the package.
526    - VSC may ask you to install ``snooty``. Please install.
527    - Select the correct environment in the (blue) bottom line
528      ``'onapdocs':venv``. Have also a view on the other interesting
529      information (e.g. the ``conf.py`` which is currently in use).
530    - First, close and reopen preview if preview is not shown properly.
531    - Second, close and reopen VSC if preview is not shown properly.
532    - Save your file if an error does not disappear after you have corrected it.
533    - You can not navigate within the document structure by clicking the links
534      in the preview. You always have to choose the correct file in the VSC
535      :guilabel:`Explorer` window.
536
537 That's it!
538 ----------
539
540 Congratulations, well done! You have configured a system well suited to
541 develop ONAP documentation and to master the challenges of reStructuredText.
542 Now have a look at all the different elements of reStructuredText and learn how
543 to use them properly. Or maybe you like to do some optional configurations at
544 your system first.
545
546 -------------------------------------------------------------------------------
547
548 Optional VSC Configuration
549 ==========================
550
551 Add Ruler
552 ---------
553
554 To add a ruler that indicates the line end at 79 characters, open
555 :guilabel:`File` > :guilabel:`Preferences` > :guilabel:`Settings` and enter
556 ``ruler`` in the :guilabel:`Search settings` field. In
557 :guilabel:`Editor: Rulers` click on :guilabel:`Edit in settings.json` and add
558 the value ``79``. The result should look like this:
559
560 .. code-block:: bash
561
562     "editor.rulers": [
563         79
564     ]
565
566 Disable Synchronized Scrolling of Editor and Preview
567 ----------------------------------------------------
568
569 To disable the synchronized scrolling of editor and preview, open
570 :guilabel:`File` > :guilabel:`Preferences` > :guilabel:`Settings` and
571 search for ``Restructuredtext › Preview: Scroll``. Then uncheck
572 :guilabel:`Restructuredtext › Preview: Scroll Editor With Preview` and
573 :guilabel:`Restructuredtext › Preview: Scroll Preview With Editor`
574
575 -------------------------------------------------------------------------------
576
577 Miscellaneous
578 =============
579
580 .. note:: This section is optional and should not be understood as a
581    requirement.
582
583 Firefox Add-ons
584 ---------------
585
586 Open :guilabel:`Add-Ons and Themes`, then search and install the following
587 add-ons:
588
589 +------------------------------+-------------------------------+
590 | I don't care about cookies   | Get rid of cookie warnings.   |
591 +------------------------------+-------------------------------+
592 | UBlock Origin                | A wide-spectrum blocker.      |
593 +------------------------------+-------------------------------+
594 | LastPass Password Manager    | Used in the Linux Foundation. |
595 +------------------------------+-------------------------------+
596
597 ReText Editor
598 -------------
599
600 Install this simple editor with ...
601
602 .. code-block:: bash
603
604    sudo apt install -y retext
605
606 -------------------------------------------------------------------------------
607
608 Helpful Resources
609 =================
610
611 This is a collection of helpful resources if you want to extend and deepen your
612 knowledge.
613
614 Documentation
615 -------------
616
617 - `Write The Docs: Documentation Guide <https://www.writethedocs.org/guide>`__
618 - `Techwriter Documatt Blog <https://techwriter.documatt.com/>`__
619
620 Gerrit
621 ------
622
623 - `LF RelEng Gerrit Guide <https://docs.releng.linuxfoundation.org/en/latest/gerrit.html>`_
624
625 Git
626 ---
627
628 - `LF RelEng Git Guide <https://docs.releng.linuxfoundation.org/en/latest/git.html>`__
629 - `How To Install Git on Ubuntu 20.04 <https://www.digitalocean.com/community/tutorials/how-to-install-git-on-ubuntu-20-04>`__
630
631 Python
632 ------
633
634 - `Install Python for Most Features <https://docs.restructuredtext.net/articles/prerequisites.html#install-python-for-most-features>`__
635 - `How To Install Python 3 and Set Up a Programming Environment on an Ubuntu 20.04 Server <https://www.digitalocean.com/community/tutorials/how-to-install-python-3-and-set-up-a-programming-environment-on-an-ubuntu-20-04-server>`__
636 - `Using Python environments in VS Code <https://code.visualstudio.com/docs/python/environments>`__
637 - `Getting Started with Python in VS Code <https://code.visualstudio.com/docs/python/python-tutorial>`__
638 - `Linux Foundation Docs Conf (obsolete) <https://pypi.org/project/lfdocs-conf/>`__
639
640 ReadTheDocs
641 -----------
642
643 - `Documentation <https://docs.readthedocs.io/en/stable/>`__
644 - `GitHub <https://github.com/readthedocs/readthedocs.org/>`__
645
646 ReadTheDocs Sphinx Theme
647 ------------------------
648
649 - `ReadTheDocs Sphinx Theme (Recommended Reading!) <https://sphinx-rtd-theme.readthedocs.io/en/stable/>`__
650 - `ReadTheDocs Sphinx Theme Configuration <https://sphinx-rtd-theme.readthedocs.io/en/latest/configuring.html>`__
651
652 reStructuredText
653 ----------------
654
655 - `reStructuredText Directives <https://docutils.sourceforge.io/docs/ref/rst/directives.html>`__
656 - `reStructuredText and Sphinx Cheat Sheet I <https://thomas-cokelaer.info/tutorials/sphinx/rest_syntax.html>`__
657 - `reStructuredText and Sphinx Cheat Sheet II <https://docs.typo3.org/m/typo3/docs-how-to-document/master/en-us/WritingReST/CheatSheet.html>`__
658
659
660 ..
661   currently unavailable
662   - `Online reStructuredText Editor <http://rst.ninjs.org/#>`__
663
664
665 Sphinx
666 ------
667
668 - `Sphinx Documentation Generator <https://www.sphinx-doc.org/en/master/>`__
669
670 Ubuntu
671 ------
672
673 - `Virtualized Ubuntu Desktop Edition <https://linuxconfig.org/ubuntu-20-04-system-requirements>`__
674
675 Visual Studio Code (VSC)
676 ------------------------
677
678 - `VSC Basic Editing <https://code.visualstudio.com/docs/editor/codebasics>`__
679 - `Code Formatting with Prettier in Visual Studio Code <https://www.digitalocean.com/community/tutorials/code-formatting-with-prettier-in-visual-studio-code>`__
680 - `VSC Icons <https://github.com/microsoft/vscode-icons>`__
681 - `reStructuredText Extension <https://docs.restructuredtext.net/>`__
682
683 -------------------------------------------------------------------------------
684
685 Backlog
686 =======
687
688 There are still some open topics or issues in this guide. They are subject
689 for one of the upcoming releases.
690
691  - consider ``pandoc`` in this guide?
692  - VSC / reStructuredText Extension Settings / reStructuredText: Sphinx Build
693    Path: ${workspaceRoot} , ${workspaceFolder} , any alternatives?
694  - link to full ``ssh`` install/config?
695  - link to full ``git`` install/config?
696  - how to limit line width to improve readability? setting in conf.py?
697  - keyboard shortcut ``[Ctrl+Shift+X]`` or :kbd:`Ctrl` + :kbd:`Shift` +
698    :kbd:`X` Is this a problem in the RTD theme?
699  - use ``menuselection``
700    :menuselection:`My --> Software --> Some menu --> Some sub menu 1`?
701  - evaluate and add VSC extension to "draw" tables in an aided way
702  - add infos for config files, e.g. ``conf.py``, ``conf.yaml``
703  - find the reason for VSC error message
704    ``Substitution definition "ShowApp" empty or invalid.``
705  - find the reason for VSC error message
706    ``Unexpected indentation``
707  - find a solution to wrap lines in VSC automatically (79 chars limit)
708  - evaluate ``snooty`` and describe functionality (build in? not a extension?)
709  - add a table explaining the role of installed packages/extensions in every
710    section
711  - update instructions to enable use of latest reStructuredText VSC extension
712
713 ..
714    #########################################################################
715    EMBEDDED PICTURES & ICONS BELOW
716    #########################################################################
717
718 .. |ShowApp| image:: ./media/view-app-grid-symbolic.svg
719    :width: 20
720
721 .. |Preview| image:: ./media/PreviewOnRightPane_16x.svg
722    :width: 20
723
724 .. |FileExpl| image:: ./media/files.svg
725    :width: 20
726
727 .. |GearSymb| image:: ./media/gear.svg
728    :width: 20