Hero cover page

_coverpage.md

@@ -0,0 +1,7 @@
+![Logo](_media/Poseidon-Logo-Horizontal-White.svg)
+
+> A framework to work with human aDNA data and its archaeological context information.
+
+[Explore our Data <i class="fas fa-globe"></i>](archive_explorer.md)
+[Read the Documentation <i class="fab fa-readme"></i>](home.md)
+[Join our Community <i class="fab fa-gitter"></i>](https://app.gitter.im/#/room/!TycQipeBdEPTHWqilU:gitter.im)

index.html

@@ -29,7 +29,7 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   <meta name="viewport" content="width=device-width,initial-scale=1">
   <meta charset="UTF-8">
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify-themeable@0/dist/css/theme-simple-dark.css">
+  <link rel="stylesheet" href="_media/theme-simple-dark.css">
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
   <style>
     header {
@@ -81,6 +81,7 @@
       loadSidebar: true,
       relativePath: true,
       homepage: 'home.md',
+      coverpage: true,
       subMaxLevel: 2,
       alias: {
         '/.*/_sidebar.md': '/_sidebar.md'
@@ -154,6 +155,19 @@
   <script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
   <script src="//cdn.jsdelivr.net/npm/docsify-tabs@1"></script>
   <script src="//cdn.jsdelivr.net/npm/docsify-themeable@0/dist/js/docsify-themeable.min.js"></script>
+
+  <style>
+    :root {
+      /* this is relative to the path of the docsify-themeable stylesheet, which is now hosted locally */
+      --cover-background-image                           : url('/_media/Poseidon-Logo-WaterGraphicNoText.svg');
+      --cover-button-border                              : 1px solid white;
+      --cover-button-primary-border                              : 1px solid white;
+      --cover-max-width                                  : 80em;
+      --cover-blockquote-color                           : white ;
+      --cover-button-primary-background                  : ;
+    }
+  </style>
+
   <script src="//unpkg.com/prismjs/components/prism-bash.min.js"></script>
   <script src="//unpkg.com/prismjs/components/prism-python.min.js"></script>
   <script src="//unpkg.com/prismjs/components/prism-r.min.js"></script>