git.plutz.net Git - confetti/blob - templates/frame.html.sh

   1 cat <<EOF
   2 <!Doctype HTML>
   3
   4 <html>
   5   <head>
   6     <title>$($PAGE title)</title>
   7     <style type="text/css">
   8     <!--
   9 body {
  10   background: #EEE;
  11   margin: 0;
  12   padding: 0;
  13 }
  14 .NAVIGATION {
  15   display: inline-block;
  16   height: 1.5em;
  17   border-style: none solid solid solid;
  18   border-width: 0 1px 1px 1px;
  19   border-radius: 0 0 4px 4px;
  20   margin-top: 0;
  21   margin-left: 3%;
  22   padding: .5em 1ex .25em 1ex;
  23   background: #FFF;
  24 }
  25 .NAVIGATION a {
  26   color: #008;
  27   border-style: solid;
  28   border-width: 1px;
  29   border-color: #BBF;
  30   margin: .5em .5ex .25em .5ex;
  31   padding: .2em 3ex .2em 3ex;
  32   background: #EFF;
  33 }
  34 .NAVIGATION a:hover {
  35   border-width: 2px 1px 2px 1px;
  36   background: #F3FFFF;
  37 }
  38
  39
  40     $(. $PAGE css)
  41     -->
  42     </style>
  43   </head>
  44   <body>
  45     <div class="NAVIGATION">
  46       $(NAVIGATION |sed -r 's:^([^ ]+) (.+)$:<a href="\1">\2</a>:g')
  47     </div>
  48     <div class="MAIN">
  49       $(. $PAGE body)
  50     </div>
  51   </body>
  52 </html>
  53 EOF
  54
  55 # vi:set filetype=html: