style <main> tag, dont wrap entire page into form

diff --git a/home.sh b/home.sh
index c4d5754139bb2d6c04a1260e25e4272692be032e..b8f8192eccc26fccf14d4483d9317e64ef2d3a1f 100755 (executable)
--- a/home.sh
+++ b/home.sh
@@ -20,7 +20,7 @@ if [ "$REQUEST_METHOD" = POST ]; then
 else
   [ "$PATH_INFO" != / ] && printf 'Status: 404 Not Found\r\n'
   yield_page "Start a Poll" "home" <<-EOF
-       [form method=post
+       [main [form method=post
          [submit "start" "date" Start a new poll]
          $(if [ "$bookmarks" ]; then
            printf '[h2 Recent Polls][ul .recent'
@@ -31,6 +31,6 @@ else
            done
            printf ']'
          fi)
-       ]
+       ]]
        EOF
 fi

diff --git a/webpoll.css b/webpoll.css
index 7b1579f7b49ed5f68358e142eb47824f10a254c6..98690038d4bb6dc37e57b2a7d6db7b149165d457 100644 (file)
--- a/webpoll.css
+++ b/webpoll.css
@@ -5,20 +5,20 @@ body {
     linear-gradient(90deg, transparent 25%, rgba(102,170,255,.5) 25% 50%, transparent 50% 75%, rgba(102,255,255,.5) 75%);
 }
 
-body > form {
+body > main {
   background-color: rgba(255,255,255,.75) ;
   padding: 1em; margin: 1em auto 1em auto;
   border-radius: .5ex;
   box-shadow: #000 .125em .125em 1em;
 }
 
-body.home form {
+body.home main {
   position: fixed;
   left: 50%; top: 50%;
   transform: translate(-50%, -50%);
 }
 
-body.poll form {
+body.poll main {
   text-align: center;
   max-width: 95%;
 }