Use large header only on front page.

Signed-off-by: Ludovic Courtès <ludo@gnu.org>

getting-started.md

 title: Reproducible software deployment for high-performance computing.
+frontpage: yes
 ---
 
 [GNU Guix](https://www.gnu.org/software/guix/) is a *transactional*

guix-hpc.scm

@@ -81,7 +81,7 @@
     ((? string? str)
      str)))
 
-(define* (base-layout body #:key (title "Guix-HPC"))
+(define* (base-layout body #:key (title "Guix-HPC") (meta '()))
   `((doctype "html")
     (html (@ (lang "en"))
           (head
@@ -95,13 +95,18 @@
                     (type "text/css")
                     (media "screen")))
            (title ,title))
-	  (body
-           (div (@ (id "header"))
+          (body
+           (div (@ (id "header")
+                   ,@(if (assoc-ref meta 'frontpage)
+                         '((class "frontpage"))
+                         '()))
                 (div (@ (id "header-inner")
                         (class "width-control"))
                      (a (@ (href ,(base-url "/")))
                         (img (@ (class "logo")
-                                (src ,(image-url "/logo.png")))))
+                                (src ,(image-url (if (assoc-ref meta 'frontpage)
+                                                     "/logo.png"
+                                                     "/logo-small.png"))))))
                      (div (@ (class "baseline"))
                           "Reproducible software deployment for high-performance computing.")))
            (div (@ (id "menubar")
@@ -153,7 +158,8 @@ representation."
                        (div (@ (class "post-body"))
                             ,(syntax-highlight body)))
                  #:title (string-append "Guix-HPC — "
-                                        (assoc-ref meta 'title)))))
+                                        (assoc-ref meta 'title))
+                 #:meta meta)))
 
 (define (static-pages)
   (define (markdown-page html md)

static/css/main.css

@@ -84,18 +84,14 @@ p + p {
 
 #header {
     background: #333333;
+    height: 90px;
     width: 100%;
     box-shadow: 0 3px 8px #ccc;
-    margin-bottom: 1em;
-    text-align: center;
-    padding-top: 2rem;
-    padding-bottom: 1rem;
 }
 
 #header .logo {
-    margin: 0 auto;
+    padding: 10px;
     display: block;
-    max-width: 100%;
 }
 
 #header .baseline {
@@ -105,13 +101,40 @@ p + p {
     font-weight: bold;
     display: none;  /* overridden below */
     padding: 10px;
-    padding-top: 1rem;
+    padding-top: 2px;
 }
 
 #header .members {
     float: right;
 }
 
+@media screen and (min-width: 640px) {
+    #header .baseline {
+	display: block;
+    }
+    #header {
+        height: 110px;
+    }
+}
+
+#header.frontpage {
+    height: auto;
+    margin-bottom: 1em;
+    text-align: center;
+    padding-top: 2rem;
+    padding-bottom: 1rem;
+}
+
+#header.frontpage .logo {
+    padding: 0;
+    margin: 0 auto;
+    max-width: 100%;
+}
+
+#header.frontpage .baseline {
+    padding-top: 1rem;
+}
+
 #menubar {
     margin: auto;
     padding: 0px;
@@ -123,12 +146,6 @@ p + p {
     padding: 0px;
 }
 
-@media screen and (min-width: 640px) {
-    #header .baseline {
-	display: block;
-    }
-}
-
 
 #collaboration {
     border-top: solid 3pt #aaaaaa;