Commit d4d36a2f authored by Ricardo Wurmus's avatar Ricardo Wurmus Committed by Ludovic Courtès

Use large header only on front page.

Signed-off-by: default avatarLudovic Courtès <ludo@gnu.org>
parent 2a9ca7c0
title: Reproducible software deployment for high-performance computing. title: Reproducible software deployment for high-performance computing.
frontpage: yes
--- ---
[GNU Guix](https://www.gnu.org/software/guix/) is a *transactional* [GNU Guix](https://www.gnu.org/software/guix/) is a *transactional*
......
...@@ -81,7 +81,7 @@ ...@@ -81,7 +81,7 @@
((? string? str) ((? string? str)
str))) str)))
(define* (base-layout body #:key (title "Guix-HPC")) (define* (base-layout body #:key (title "Guix-HPC") (meta '()))
`((doctype "html") `((doctype "html")
(html (@ (lang "en")) (html (@ (lang "en"))
(head (head
...@@ -96,12 +96,17 @@ ...@@ -96,12 +96,17 @@
(media "screen"))) (media "screen")))
(title ,title)) (title ,title))
(body (body
(div (@ (id "header")) (div (@ (id "header")
,@(if (assoc-ref meta 'frontpage)
'((class "frontpage"))
'()))
(div (@ (id "header-inner") (div (@ (id "header-inner")
(class "width-control")) (class "width-control"))
(a (@ (href ,(base-url "/"))) (a (@ (href ,(base-url "/")))
(img (@ (class "logo") (img (@ (class "logo")
(src ,(image-url "/logo.png"))))) (src ,(image-url (if (assoc-ref meta 'frontpage)
"/logo.png"
"/logo-small.png"))))))
(div (@ (class "baseline")) (div (@ (class "baseline"))
"Reproducible software deployment for high-performance computing."))) "Reproducible software deployment for high-performance computing.")))
(div (@ (id "menubar") (div (@ (id "menubar")
...@@ -153,7 +158,8 @@ representation." ...@@ -153,7 +158,8 @@ representation."
(div (@ (class "post-body")) (div (@ (class "post-body"))
,(syntax-highlight body))) ,(syntax-highlight body)))
#:title (string-append "Guix-HPC — " #:title (string-append "Guix-HPC — "
(assoc-ref meta 'title))))) (assoc-ref meta 'title))
#:meta meta)))
(define (static-pages) (define (static-pages)
(define (markdown-page html md) (define (markdown-page html md)
......
...@@ -84,18 +84,14 @@ p + p { ...@@ -84,18 +84,14 @@ p + p {
#header { #header {
background: #333333; background: #333333;
height: 90px;
width: 100%; width: 100%;
box-shadow: 0 3px 8px #ccc; box-shadow: 0 3px 8px #ccc;
margin-bottom: 1em;
text-align: center;
padding-top: 2rem;
padding-bottom: 1rem;
} }
#header .logo { #header .logo {
margin: 0 auto; padding: 10px;
display: block; display: block;
max-width: 100%;
} }
#header .baseline { #header .baseline {
...@@ -105,13 +101,40 @@ p + p { ...@@ -105,13 +101,40 @@ p + p {
font-weight: bold; font-weight: bold;
display: none; /* overridden below */ display: none; /* overridden below */
padding: 10px; padding: 10px;
padding-top: 1rem; padding-top: 2px;
} }
#header .members { #header .members {
float: right; 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 { #menubar {
margin: auto; margin: auto;
padding: 0px; padding: 0px;
...@@ -123,12 +146,6 @@ p + p { ...@@ -123,12 +146,6 @@ p + p {
padding: 0px; padding: 0px;
} }
@media screen and (min-width: 640px) {
#header .baseline {
display: block;
}
}
#collaboration { #collaboration {
border-top: solid 3pt #aaaaaa; border-top: solid 3pt #aaaaaa;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment