clean up

nfdi4plants · Jun 3, 2022 · 6f5f415 · 6f5f415
1 parent 54a9b19
commit 6f5f415
Show file tree

Hide file tree

Showing 10 changed files with 154 additions and 160 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -13,7 +13,7 @@
   },
   "homepage": "https://github.com/Freymaurer/nfdi4plants-fornax-template#readme",
   "dependencies": {
-    "@nfdi4plants/web-components": "^0.4.0-beta06",
+    "@nfdi4plants/web-components": "^0.5.2",
     "bulma": "^0.9.2"
   },
   "devDependencies": {

diff --git a/src/docs/DataManagementPlan.md b/src/docs/DataManagementPlan.md
@@ -14,7 +14,6 @@ Article Status: Publishable
 - [Elements of a DMP](#Elements-of-a-DMP)
 - [DataPLANT's Data Management Plan Generator](#DataPLANT's-Data-Management-Plan-Generator)
 
-
 A data management plan (DMP) structures the handling of research data in a scientific project and describes how you are planning to deal with the data during and after the end of the project. Many third-party funders, such as DFG, Horizon Europe, or BMBF expect you to provide information on the handling of research data as part of your funding application. While a formal DMP is only required in rare cases, a DMP is almost exclusively beneficial for your work on a research project. 
 
 ## Advantages of a DMP

diff --git a/src/docs/sidebars/mainSidebar.md b/src/docs/sidebars/mainSidebar.md
@@ -7,20 +7,20 @@ To-Dos:
 
 ```Metadata
 # Metadata:/docs/metadata.html
-# What is metadata?:/docs/metadata.html#what-is-metadata
-# Where does metadata come from?:/docs/metadata.html#where-does-metadata-come-from
-# Why do I benefit from metadata?:/docs/metadata.html#why-do-i-benefit-from-metadata
-# What tasks are important for rich metadata?:/docs/metadata.html#what-tasks-are-important-for-rich-metadata
-## Collection:/docs/metadata.html#collection
-## Structuring:/docs/metadata.html#structuring
-## Sharing and curation:/docs/metadata.html#sharing-and-curation
-# How does DataPLANT support me in metadata annotation:/docs/metadata.html#how-does-dataplant-support-me-in-metadata-annotation
-# DataPLANT Support:/docs/metadata.html#dataplant-support
+## What is metadata?:/docs/metadata.html#what-is-metadata
+## Where does metadata come from?:/docs/metadata.html#where-does-metadata-come-from
+## Why do I benefit from metadata?:/docs/metadata.html#why-do-i-benefit-from-metadata
+## What tasks are important for rich metadata?:/docs/metadata.html#what-tasks-are-important-for-rich-metadata
+### Collection:/docs/metadata.html#collection
+### Structuring:/docs/metadata.html#structuring
+### Sharing and curation:/docs/metadata.html#sharing-and-curation
+## How does DataPLANT support me in metadata annotation:/docs/metadata.html#how-does-dataplant-support-me-in-metadata-annotation
+## DataPLANT Support:/docs/metadata.html#dataplant-support
 ```
 
 ```Data Management Plan
 # Data Management Plan:/docs/DataManagementPlan.html
-# Advantages of a DMP:/docs/DataManagementPlan.html#advantages-of-a-dmp
-# Elements of a DMP?:/docs/DataManagementPlan.html#elements-of-a-dmp
-# DataPLANT's Data Management Plan Generator:/docs/DataManagementPlan.html#dataplants-data-management-plan-generator
+## Advantages of a DMP:/docs/DataManagementPlan.html#advantages-of-a-dmp
+## Elements of a DMP:/docs/DataManagementPlan.html#elements-of-a-dmp
+## DataPLANT's Data Management Plan Generator:/docs/DataManagementPlan.html#dataplants-data-management-plan-generator
 ```
diff --git a/src/generators/about.fsx b/src/generators/about.fsx
diff --git a/src/generators/contact.fsx b/src/generators/contact.fsx
diff --git a/src/generators/layout.fsx b/src/generators/layout.fsx
@@ -53,47 +53,37 @@ let layout (ctx : SiteContents) active bodyCnt =
             script [ Type "module"; Src "/js/bundle.js"] []
             style [] [
                 !! """
-                body {
-                  margin: 0px;
-                }
-
-                thead tr th, strong {
-                    color: var(--accent-text-color) !important
-                }
-
-                a {
-                  color: var(--link-color, #4FB3D9) !important;
-                }
-
-                a:hover {
-                  color: var(--link-hover-color, #3A3A3A) !important;
-                }
-                thead {
-                  font-size: 1.2rem;
-                }
-
-                nfdi-toc, nfdi-body {
-                    --outside-background-color: rgb(240, 243, 246);
-                    --element-background-color: #ffffff;
-                    --element-text-color: #0E1116;
-                    --header-color: rgb(10, 12, 16);
-                    --accent-text-color: rgb(31, 194, 167);
-                    --link-color: #4FB3D9;
-                    --link-hover-color: #8ad3ee;
-                }
-
-             """
-
-                // nfdi-navbar, nfdi-footer, nfdi-toc, nfdi-body {
-                //   --element-background-color: black;
-                //   --element-text-color: white;
-                //   --link-color: #4FB3D9;
-                //   --link-hover-color: #84cae4;
-                //   --header-color: white;
-                //   --outside-background-color: #191919;
-                //   --accent-text-color: #1FC2A7
-                // }
-
+                    body {
+                    margin: 0px;
+                    }
+
+                    thead tr th, strong {
+                        color: var(--accent-text-color) !important
+                    }
+
+                    a {
+                    color: var(--link-color, #4FB3D9) !important;
+                    }
+
+                    a:hover {
+                    color: var(--link-hover-color, #3A3A3A) !important;
+                    }
+                    
+                    thead {
+                    font-size: 1.2rem;
+                    }
+
+                    nfdi-toc, nfdi-body {
+                        --outside-background-color: rgb(240, 243, 246);
+                        --header-color: rgb(10, 12, 16)
+                        --element-text-color: #0E1116;
+                        --element-background-color: #fff;
+                        --accent-text-color: rgb(31, 194, 167);
+                        --link-color: #4FB3D9;
+                        --link-hover-color: #8ad3ee;
+                    }
+
+                """
             ]
 
         ]
@@ -112,16 +102,38 @@ let render (ctx : SiteContents) cnt =
 
 
 let docsLayout (docs: Docsloader.Docs) =
+    let publishedDate = docs.published.Value.ToString("yyyy-MM-dd")
     custom "nfdi-body" [Class "content"; if Array.isEmpty docs.sidebar |> not then HtmlProperties.Custom("hasSidebar", "true")] [
         if Array.isEmpty docs.sidebar |> not then 
             for sidebarEle in docs.sidebar do
                 custom "nfdi-sidebar-element" [HtmlProperties.Custom ("slot", "sidebar"); HtmlProperties.Custom ("isActive","true") ] [
                     div [HtmlProperties.Custom ("slot", "title")] [!! sidebarEle.Title]
                     !! sidebarEle.Content
                 ]
-        custom "nfdi-h1" [] [!! docs.title]
+
+        h1 [Class "front-header"] [!! docs.title]
+        i [Class "help" ] [!! $"last updated at {publishedDate}" ]
+
         if docs.add_toc then custom "nfdi-toc" [] []
         !! docs.content
+
+        // support contact
+        h3 [] [!! "Dataplant Support"]
+        div [] [
+            !! "Besides these technical solutions, DataPLANT supports you with community-engaged data stewardship. For further assistance, feel free to reach out via our "
+            a [Href "https://support.nfdi4plants.org"] [!! "helpdesk"]
+            !! " or by contacting us " 
+            a [Href "javascript:location='mailto:\u0069\u006e\u0066\u006f\u0040\u006e\u0066\u0064\u0069\u0034\u0070\u006c\u0061\u006e\u0074\u0073\u002e\u006f\u0072\u0067';void 0"] [!! "directly"]
+            !! "."
+        ]
+
+        // Edit this page link
+        div [] [
+            a [
+                Href $"https://github.com/nfdi4plants/nfdi4plants.github.io/tree/main/src/{docs.file}"; 
+                HtmlProperties.Style [MarginLeft "auto"; Display "block"; CSSProperties.Width "130px"]
+            ] [!! "✏️ Edit this page"]
+        ]
     ]
 
 let docsMinimalLayout (docs: Docsloader.Docs) =