git.plutz.net Git - confetti/blob - 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 body {
  27   box-sizing: border-box;
  28   -moz-box-sizing: border-box;
  29   -webkit-box-sizing: border-box;
  30   background: #EEE;
  31   margin: 0;
  32   padding: 2.5em 0 0 0;
  33 }
  34 .NAVIGATION {
  35   position: fixed;
  36   top: 0;
  37   display: inline-block;
  38   height: 1.5em;
  39   border-style: none solid solid solid;
  40   border-width: 0 1px 1px 1px;
  41   border-radius: 0 0 4px 4px;
  42   margin-top: 0;
  43   margin-left: 3%;
  44   padding: .5em 1ex .25em 1ex;
  45   background: #FFF;
  46 }
  47 .NAVIGATION a {
  48   color: #008;
  49   border-style: solid;
  50   border-width: 1px;
  51   border-color: #BBF;
  52   margin: .5em .5ex .25em .5ex;
  53   padding: .2em 3ex .2em 3ex;
  54   background: #EFF;
  55 }
  56 .NAVIGATION a:hover {
  57   border-width: 2px 1px 2px 1px;
  58   background: #F3FFFF;
  59 }
  60
  61
  62     $(. $PAGE css)
  63     -->
  64     </style>
  65   </head>
  66   <body>
  67     <div class="NAVIGATION">
  68       $(NAVIGATION |sed -r 's:^([^ ]+) (.+)$:<a href="\1">\2</a>:g')
  69     </div>
  70     <div class="MAIN">
  71       $(. $PAGE body)
  72     </div>
  73   </body>
  74 </html>
  75 EOF
  76
  77 # vi:set filetype=html: