Unify static and asset directories and improve styling

Author: reiniscirpons

hugo.toml

@@ -1,4 +1,4 @@
-baseURL = "https://example.com"
+baseURL = "https://libsemigroups.github.io"
 
 # This is a "one page"-website, so we do not need these kinds of pages...
 disableKinds = ["section", "taxonomy", "term", "RSS", "robotsTXT"]
@@ -31,7 +31,7 @@ font-size = "xs"
     # services like Twitter or Slack want to generate a preview of a link to your site.
     # See https://gohugo.io/templates/internal#twitter-cards and https://gohugo.io/templates/internal#open-graph.
     # NOT the actual header background image, go to _index.md instead
-    images = ["images/cover-image.jpg"]
+    images = ["images/smalloverlap_510x510.png"]
 
     # When set true, it creates a visual guard (partially transparent rounded box), preventing non-ideal background images from interfering with title/description headings
     # Ideal images are homogenous around the centre and contrasting to the text.

layouts/gsoc.html

@@ -2,7 +2,9 @@
 <main
   class="content page-template page-"
   style="
-    background-image: url('{{ .Params.bgImage }}');
+    {{ with resources.Get .Params.bgImage }}
+    background-image: url('{{ .RelPermalink }}');
+    {{ end }}
     background-size: cover;
     background-position: center;
     background-repeat: repeat-y;
@@ -12,6 +14,11 @@
     a:visited {
       color: #12355b;
     }
+    article {
+      background: #f2efe8;
+      padding-left: 4em;
+      padding-right: 4em;
+    }
   </style>
   <article class="post page">{{ .Content }}</article>
 </main>

layouts/partials/custom_head.html

@@ -13,14 +13,34 @@
 }
 
 a {
-  color: #86c440;
+  color: #478600;
 }
 a:hover {
   color: #37501a;
 }
 
+.dark a {
+  color: #94c4ff;
+}
+.dark a:hover {
+  color: #2b2fec;
+}
+
 .darklinks a {
     color: #b80135;
+    border-radius: 6px;
+    -webkit-border-radius: 6px;
+    background: #f2efe8;
+    padding: 10px 20px;
+    font-size: 16px;
+    margin-top: 2rem;
+    display: inline-block;
+    text-decoration: none;
+    position: relative;
+    overflow: visible;
+}
+.darklinks a:hover {
+    color: #ff737e;
 }
 
 h3 {