]> git.plutz.net Git - lobster/blob - templates/frame.html.sh
little more "semantic markup"
[lobster] / templates / frame.html.sh
1 # Copyright 2014 Paul Hänsch
2 #
3 # This file is part of Confetti.
4
5 # Confetti is free software: you can redistribute it and/or modify
6 # it under the terms of the GNU Affero General Public License as published by
7 # the Free Software Foundation, either version 3 of the License, or
8 # (at your option) any later version.
9
10 # Confetti is distributed in the hope that it will be useful,
11 # but WITHOUT ANY WARRANTY; without even the implied warranty of
12 # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
13 # GNU Affero General Public License for more details.
14
15 # You should have received a copy of the GNU Affero General Public License
16 # along with Confetti.  If not, see <http://www.gnu.org/licenses/>. 
17
18 cat <<EOF
19 <!Doctype HTML>
20
21 <html>
22   <head>
23     <title>$($PAGE title)</title>
24     <style type="text/css">
25     <!--
26 * {
27   font-family: sans-serif;
28   box-sizing: border-box;
29   -moz-box-sizing: border-box;
30   -webkit-box-sizing: border-box;
31 }
32 body {
33   background: #EEE;
34   margin: 0;
35   padding: 2.5em 0 0 0;
36 }
37 .NAVIGATION {
38   position: fixed;
39   top: 0;
40   display: inline-block;
41   border-style: none solid solid solid;
42   border-width: 0 1px 1px 1px;
43   border-radius: 0 0 4px 4px;
44   margin: 0 auto auto 3%;
45   padding: .5em 1ex .25em 1ex;
46   background: #FFF;
47 }
48 .NAVIGATION a {
49   color: #008;
50   border: solid 1px #BBF;
51   margin: .5em .5ex .25em .5ex;
52   padding: .2em 3ex .2em 3ex;
53   background: #EFF;
54 }
55 .NAVIGATION a:hover {
56   border-width: 2px 1px 2px 1px;
57   background: #F3FFFF;
58 }
59
60 /* dynamic page CSS starts here */
61 $(. $PAGE css)
62     -->
63     </style>
64   </head>
65   <body class="$PAGE">
66     <div class="NAVIGATION">
67       $(NAVIGATION |sed -r 's:^([^ ]+) (.+)$:<a href="\1">\2</a>:g')
68     </div>
69     $(. $PAGE body)
70   </body>
71 </html>
72 EOF
73
74 # vi:set filetype=html: