]> git.plutz.net Git - confetti/blobdiff - templates/frame.html.sh
enable drawing via android-4, quicker drawing via lines
[confetti] / templates / frame.html.sh
index b1dbef6062166c717979366ee567df98b6ba1343..5fd6e7c971137a25043f7f1ec4215793ebdd88f5 100755 (executable)
@@ -1,4 +1,6 @@
-# Copyright 2014 Paul Hänsch
+#!/bin/zsh
+
+# Copyright 2014, 2015 Paul Hänsch
 #
 # This file is part of Confetti.
 # 
 # You should have received a copy of the GNU Affero General Public License
 # along with Confetti.  If not, see <http://www.gnu.org/licenses/>. 
 
+. "${_EXEC}/templates/text_frame.sh"
+[ -x "${_EXEC}/templates/text_${PAGE}.sh" ] && . "${_EXEC}/templates/text_${PAGE}.sh"
+
 cat <<EOF
 <!Doctype HTML>
 
 <html>
   <head>
-    <title>$($PAGE title)</title>
+    <title>$(l10n p_${PAGE})</title>
+    <meta name="viewport" content="width=device-width">
     <style type="text/css">
     <!--
+* {
+  font-family: sans-serif;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  z-index: 0;
+}
 body {
   background: #EEE;
   margin: 0;
@@ -32,20 +45,17 @@ body {
   position: fixed;
   top: 0;
   display: inline-block;
-  height: 1.5em;
   border-style: none solid solid solid;
   border-width: 0 1px 1px 1px;
   border-radius: 0 0 4px 4px;
-  margin-top: 0;
-  margin-left: 3%;
-  padding: .5em 1ex .25em 1ex;
+  margin: 0 auto auto 3%;
+  padding: .5em 1ex .5em 1ex;
   background: #FFF;
+  z-index: 1;
 }
 .NAVIGATION a {
   color: #008;
-  border-style: solid;
-  border-width: 1px;
-  border-color: #BBF;
+  border: solid 1px #BBF;
   margin: .5em .5ex .25em .5ex;
   padding: .2em 3ex .2em 3ex;
   background: #EFF;
@@ -55,18 +65,16 @@ body {
   background: #F3FFFF;
 }
 
-
-    $(. $PAGE css)
+/* dynamic page CSS starts here */
+$(debug CSS; [ -x "${CSS}" ] && . "${CSS}")
     -->
     </style>
   </head>
-  <body>
+  <body class="$PAGE">
     <div class="NAVIGATION">
-      $(NAVIGATION |sed -r 's:^([^ ]+) (.+)$:<a href="\1">\2</a>:g')
-    </div>
-    <div class="MAIN">
-      $(. $PAGE body)
+      $(debug NAVIGATION = "$NAVIGATION"; for each in ${NAVIGATION}; do printf %s "<a href=\"?p=${each}\">$(l10n "p_${each}")</a>"; done)
     </div>
+    $(debug BODY; [ -x "${BODY}" ] && . "${BODY}" || printf %s 'Error')
   </body>
 </html>
 EOF