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.
frontpage: yes
---
[GNU Guix](https://www.gnu.org/software/guix/) is a *transactional*
......
......@@ -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)
......
......@@ -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;
......
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