Add a theme with official logo and color scheme (#2)

Author: steff456

assets/theme_logo_description.pdf

@@ -39,6 +39,9 @@
   <link href="{{ "/css/kube.legenda.css" | relURL }}" rel="stylesheet" type="text/css">
   <link href="{{ "/css/highlight.css" | relURL }}" rel="stylesheet" type="text/css">
   <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.2/styles/default.min.css">
+  <link rel="preconnect" href="https://fonts.gstatic.com">
+  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,700;1,400&display=swap" rel="stylesheet">
   <link href="{{ "/css/master.css" | relURL }}" rel="stylesheet" type="text/css">
   <link href="{{ "/css/kube.demo.css" | relURL }}" rel="stylesheet" type="text/css">
 <!-- Your own theme here -->

layouts/_default/baseof.html

@@ -36,11 +36,11 @@ <h3>Conservative choices</h3>
         <p>API design is hard. Adding is easier than subtracting. So if we're not sure, we make conservative choices.</p>
       </div>
     </div>
- 
+
      <div class="row gutters">
       <div class="col col-2 item"></div>
       <div class="col col-8 item">
-        <h3>Sponsors</h3>
+        <h2>Sponsors</h2>
         <p>The engineering, technical writing and organizational effort needed to bootstrap this Consortium and draft the first versions of the n-dimensional array and dataframe API standards is supported by:</p>
         <img src="/images/sponsors.png" alt="Sponsor logos">
       </div>

layouts/index.html

@@ -0,0 +1,31 @@
+<div class="show-sm">
+    <div id="nav-toggle-box">
+      <div id="nav-toggle-brand">
+        <a href="/">{{ .Site.Title }}</a>
+      </div><a data-component="toggleme" data-target="#top" href="#" id="nav-toggle"><i class="kube-menu"></i></a>
+    </div>
+  </div>
+  <div class="hide-sm" id="top">
+    <div id="top-brand">
+      <a href="/">
+          <img src="{{ "/images/dark_blue_logo.png" | relURL }}">
+      </a>
+    </div>
+    <nav id="top-nav-main">
+      <ul>
+       {{ $currentPage := . }}
+       {{ range .Site.Menus.main }}
+    <li><a href="{{ .URL }}" {{if  $currentPage.IsMenuCurrent "main" . }} class="active"{{end}}>{{ .Name }}</a></li>
+    {{end}}
+      </ul>
+    </nav>
+    <nav id="top-nav-extra">
+      <ul>
+        {{ range .Site.Menus.extra }}
+          <li>
+            <a href="{{ .Permalink }}">{{ .Name }}</a>
+          </li>
+        {{ end }}
+      </ul>
+    </nav>
+  </div>

layouts/partials/header.html

@@ -9,3 +9,95 @@ mark, code, samp, kbd {
 
 code {
   background: #f8f8f8; }
+
+header {
+  background-color: #0c1b29;
+}
+
+header nav a {
+  color: white !important;
+}
+
+footer {
+  background-color: #0c1b29;
+  color: white !important;
+  margin-bottom: 0 !important;
+}
+
+footer li a{
+  color: white !important;
+}
+
+#hero h1 {
+  font-family: 'Montserrat', sans-serif;
+  color: #00bc87;
+}
+
+.button {
+  background-color: #00bc87;
+  border-color: #00bc87;
+}
+
+.button:hover {
+  background-color: #0c1b29;
+  border-color: #0c1b29;
+}
+
+.button.outline {
+  background: 0 0;
+  border-width: 2px;
+  border-color: #00bc87;
+  color: #00bc87;
+}
+
+.button.outline:hover {
+  border-color: #0c1b29;
+  color: #0c1b29;
+}
+
+a {
+  color: #00bc87;
+}
+
+a:hover {
+  color: #0c1b29;
+}
+
+#hero p:before {
+  background: white;
+}
+
+#posts h2 a {
+  color: #00bc87;
+  font-family: 'Montserrat', sans-serif;
+}
+
+h2 {
+  font-family: 'Montserrat', sans-serif;
+  color: #00bc87
+}
+
+h3 {
+  font-family: 'Montserrat', sans-serif;
+}
+
+h4 {
+  font-family: 'Montserrat', sans-serif;
+}
+
+#hero {
+  font-family: 'Source Sans Pro', sans-serif;
+}
+
+#action-buttons p {
+  font-family: 'Source Sans Pro', sans-serif;
+  color: #0c1b29;
+}
+
+#hero p {
+  color: #0c1b29;
+}
+
+blockquote {
+  color: #0c1b29;
+}