make the home page a bit more fancy

though not that fancy! Could probably benefit from better design.

docs/index.md

@@ -1,3 +1,8 @@
+---
+title: Welcome to Polaris
+template: home.html
+---
+
 # Welcome to Polaris
 
 Polaris is a toolkit for creating and managing astronomical observing proposals.

mkdocs.yml

@@ -32,6 +32,9 @@ theme:
     - content.action.edit
   logo: assets/logo.svg
   favicon: assets/icons/polaris_square_icon.png
+  palette:
+    primary: black
+  custom_dir: theme_overrides
 
 markdown_extensions:
   - tables

theme_overrides/home.html

@@ -0,0 +1,50 @@
+{% extends "main.html" %}
+{% block tabs %}
+
+  <style>
+    .greeting {
+      background-image: url(/assets/orp_background_image_small.png);
+      height: 100%;
+
+      /* Center and scale the image nicely */
+      background-position: center;
+      background-repeat: no-repeat;
+      background-size: cover;
+      background-color: black;
+      justify-content: center;
+      display: flex;
+      flex-direction: column;
+      color: white;
+
+
+    }
+    .polarislogo {
+      display: flex;
+      justify-content: center;
+      margin-left: auto;
+      margin-right: auto;
+      width:50%;
+
+    }
+    .intromessage{
+
+      color: white;
+      justify-content: center;
+      font-size: 4vw;
+      margin-left: auto;
+      margin-right: auto;
+
+    }
+
+  </style>
+  <div class="greeting">
+    <img class="polarislogo" src="/assets/polaris4.png">
+    <div class="intromessage">
+      <a href="/prototype_information/">Read More</a>
+    </div>
+    <div class="intromessage"><a href="https://kilburn.jb.man.ac.uk/pst/gui/tool/">Demo</a></div>
+  </div>
+
+
+{% endblock %}
+{% block footer %}{% endblock %}