Merge branch 'feature/initiate-text-styling' into 'develop'

setup text styling See merge request subugoe/ahiqar/frontend!7

Merge branch 'feature/initiate-text-styling' into 'develop'
setup text styling See merge request subugoe/ahiqar/frontend!7
845a9c0f · Mathias Goebel · c4711fec · 03a801e9 · 845a9c0f · 845a9c0f
Commit 845a9c0f authored Oct 12, 2020 by Mathias Goebel 🎠
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -11,6 +11,7 @@ build:
    GIT_SUBMODULE_STRATEGY: normal
  script:
   - cp --force index.html Qviewer/src/index.template.html
+   - cp --force ahikar.css Qviewer/src/statics/
   - cd Qviewer
   - npm install -g @quasar/cli
   - npm install

--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

+## 0.5.0 - 2020-10-12
+
+#### Added
+
+- include a static CSS resource to the viewer for project specific styling (mainly the text area)
+
 ## [0.4.0] - 2020-08-28

 ### Changed

--- a/README.md
+++ b/README.md
@@ -3,5 +3,20 @@
 The (static) frontend for the Ahiqar project: <https://ahikar.sub.uni.goettingen.de>

 This repository mainly serves as a project specific customization of the EMo QViewer.
+QViewer is integrated as git submodule.

 It is integrated into the QViewer during the build of the backend, cf. <https://gitlab.gwdg.de/subugoe/ahiqar/backend#get-the-frontend>.
+
+## Text Styling
+
+To add a specific styling of the text in accordance with the project's requirements a
+specific stylesheet, `ahikar.css`, is available.
+The file is going to be included in the build of the QViewer application.
+For local development copy the two files like shown below.
+
+```bash
+cp --force index.html Qviewer/src/index.template.html
+cp --force *.css Qviewer/src/statics/
+```
+
+You do not have to track the copied files in the version control system.
--- a/ahikar.css
+++ b/ahikar.css
+body {
+  background-color: steelblue;
+  background-image: linear-gradient(to left, #f50707, #f56e00, #f7df00, #66f507, #0052b0, #520f41, #ff0856);
+}
\ No newline at end of file
--- a/index.html
+++ b/index.html
@@ -14,6 +14,7 @@
    <link rel="icon" type="image/png" sizes="32x32" href="statics/icons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="statics/icons/favicon-96x96.png">
    <link rel="icon" type="image/ico" href="statics/icons/favicon.ico">
+    <link rel="stylesheet" type="text/css" href="statics/ahikar.css">
  </head>
  <body>
    <noscript>