.

package.json

@@ -1,8 +1,8 @@
 {
   "scripts": {
     "start": "retype start",
-    "build": "retype build"},
-
+    "build": "retype build"
+  },
   "dependencies": {
     "retypeapp-win-x64": "^3.5.0"
   }

retype.yml

@@ -2,7 +2,8 @@ input: src  # The local path from this retype.yml file to your content files.
 
 # -----------------------------------------------------------------------------
 
-
+editor:
+  enabled: false # Default is true
 
 # -----------------------------------------------------------------------------
 
@@ -18,8 +19,8 @@ branding:
   logo: static/img/zalf_logo.png
   colors:
       label:                  # Label colors
-        text: "#000fff"       # Custom color for the label text.
-        background: "#fff000"
+        text: "#009100"       # Custom color for the label text.
+        background: "#ffffff"
 # -----------------------------------------------------------------------------
 
 poweredByRetype: true # Set to false to remove the Powered by Retype branding.
@@ -38,6 +39,9 @@ links: # A list of custom links to add to the top bar of the generated website.
     link: https://www.bonares.de  # Link to an internal file or external URL.
     icon: globe
     target: blank                 # Custom target. Use blank to open link in a new window.
+    colors:
+        text: "#009100"      # Custom color for the label text.
+        background: "#ffffff"
 
 # -----------------------------------------------------------------------------
 

src/_includes/head.html

@@ -1 +1,2 @@
-<link href="/static/style.css" rel="stylesheet" />
+<link href="/static/style.css" rel="stylesheet" />
+

src/german_translation/index.md

@@ -1,6 +1,6 @@
 ---
 label: German Translation
-icon: "../static/img/translation_icon.svg"
+icon: comment-discussion
 expanded: true
 order: 100
 ---

src/glossary/index.md

@@ -1,6 +1,6 @@
 ---
 label: Glossary
-icon: "../static/img/glossary_icon.svg"
+icon: typography
 expanded: false
 order: 200
 ---

src/metadata/index.md

@@ -1,6 +1,6 @@
 ---
 label: Metadata
-icon: project-roadmap
+icon: code-square
 expanded: false
 order: 500
 ---

src/static/style.css

@@ -1,14 +1,67 @@
-.nav {
-    background-color: #004900; /*Whatever color you want goes here, but in Hexadecimal form*/
-    color: #1122cc; /*The color of your font also goes here, but in hexadecimal form*/
+a {
+    text-align: left;
+    color: #009100
+}
+
+#docs-app {
+    font-family: "Titillium Web", sans-serif;
+}
+
+#docs-app a {
+    list-style-type: none;
+    color: #009400;
+  }
+
+#docs-site-header {
+    background-image: url("./img/header.svg");
+    background-position: right; /* Center the image */
+    background-repeat: no-repeat; /* Do not repeat the image */
+    background-size: cover; /* Resize the background image to cover the entire container */
+    background-color: #effaefd2;
+
+}
+
+#docs-app nav {
+    color: #a9ac01; 
+    font-weight: 300;
 }
-.sidebar {
-    background-color: #FF7777; /*Whatever color you want goes here, but in Hexadecimal form*/
+
+
+
+ #docs-app aside {
+    background-color: #454645; 
+    color: #ffffff; 
+}
+
+#docs-app aside div {
+    background-color:#454645; 
+    color: #ffffff; 
+}
+
+
+#docs-app aside a {
+    color: #ffffff; 
+}
+
+
+
+#docs-app aside a:hover, #docs-app aside button:hover {
+    color: #009100;
+
+}
+
+
+#sidebar-footer {
+    background-color: #FF4900; /*Whatever color you want goes here, but in Hexadecimal form*/
     color: #1122cc; /*The color of your font also goes here, but in hexadecimal form*/
 }
 
-a
-    {
-        text-align: left;
-        color: #004900
-}
+
+
+
+/*
+#docs-app #docs-sidebar-right {
+    margin-top: 0;
+    background-color: #e0e0e0;
+}
+*/

src/submit_research_data/index.md

@@ -16,6 +16,7 @@ Donec vel fringilla nisi. Integer aliquet ligula vitae neque ultricies, ultricie
 
 Aenean hendrerit rutrum dolor id maximus. Sed diam dui, volutpat nec scelerisque in, faucibus eget orci. Nulla vitae massa augue. Etiam et nunc nunc. Nulla quis orci vehicula, gravida sem ut, tempor nisl. In aliquam malesuada erat nec consectetur. Vestibulum pharetra venenatis mi, vel tempus nunc elementum a. Morbi ac elementum enim. Praesent vestibulum ornare nisl nec porttitor. Proin ut maximus sem.
 
+::green
 [!ref](/submit_research_data/name.md)
-
+::
 

tailwind.config.js

@@ -0,0 +1,9 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./src/**/*.{html,js}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+