unify css, increase responsiveness by reducing server communication

[confetti] / templates / frame.html.sh
diff --git a/templates/frame.html.sh b/templates/frame.html.sh

index 738ec2994438fc3094f6c66c44bb23c80d193f9a..53c72697c491a5f33407deacce43e0f80d2d6988 100755 (executable)
--- a/templates/frame.html.sh
+++ b/templates/frame.html.sh
@@ -26,45 +26,10 @@ cat <<EOF
  <html>
    <head>
      <title>$(l10n p_${PAGE})</title>
+    <meta name="viewport" content="width=device-width">
+    <link rel="stylesheet" href="?static=common.css">
      <style type="text/css">
      <!--
-* {
-  font-family: sans-serif;
-  box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  z-index: 0;
-}
-body {
-  background: #EEE;
-  margin: 0;
-  padding: 2.5em 0 0 0;
-}
-.NAVIGATION {
-  position: fixed;
-  top: 0;
-  display: inline-block;
-  border-style: none solid solid solid;
-  border-width: 0 1px 1px 1px;
-  border-radius: 0 0 4px 4px;
-  margin: 0 auto auto 3%;
-  padding: .5em 1ex .5em 1ex;
-  background: #FFF;
-  z-index: 1;
-}
-.NAVIGATION a {
-  color: #008;
-  border: solid 1px #BBF;
-  margin: .5em .5ex .25em .5ex;
-  padding: .2em 3ex .2em 3ex;
-  background: #EFF;
-}
-.NAVIGATION a:hover {
-  border-width: 2px 1px 2px 1px;
-  background: #F3FFFF;
-}
-
-/* dynamic page CSS starts here */
  $(debug CSS; [ -x "${CSS}" ] && . "${CSS}")
      -->
      </style>
@@ -73,9 +38,10 @@ $(debug CSS; [ -x "${CSS}" ] && . "${CSS}")
      <div class="NAVIGATION">
        $(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
  
+debug BODY; [ -x "${BODY}" ] && . "${BODY}" || printf %s 'Error'
+
+printf '</body></html>'
+
  # vi:set filetype=html: