Closes: #1604

It doesn't make much sense anyway. Makes the original templates harder to format, and browser developer tools can provide hierarchical indentation anyway. This allows us to save quite a few bytes per page, write cleaner templates, and forget about how it would look like in the resulting HTML.

This introduces a "theme.header" configuration option in order to achieve that.

This builds and minifies CSS and a common JS bundle, as well as copy the relevant fonts. In order to build, we now need to run "npm run build" after installing the dependencies with "npm install".

+ fix typos and indentation

- side-menu button moved to the right
- update responsive menu for rtl languages.

- menu-link span position needs to be adjusted.
- footer should move like the rest of the page (js needed)

- Large screens: will display the dropdownmenu
- Medium & small screens will show a button (on the top right in the future)
and a menu will push the content (to left) and showing the language options.

- most of the new color-theme palette.
- Add logo in header

- 3 main elements: header, content and footer.
- Header expects a logo on one corner and the language dropdown-
  menu on the other corner.
- Footer sticks to the bottom of the page if there is no content, but
  is pushed to end of the page when content exceeds window height.
- Default.css is reordered.
- Changes are device-responsive and rtl-responsive.

Languagebar is changed to a dropdownmenu.
Use selectize package to show the current language as the first option in the menu.

This allows us to build the language switching links even when we have query parameters that would otherwise get lost.