Add simple footer (issue #10)

hartwork · Nov 4, 2016 · c4f222a · c4f222a
1 parent 26ea19e
commit c4f222a
Show file tree

Hide file tree

Showing 4 changed files with 62 additions and 1 deletion.
diff --git a/jawanndenn/static/poll.js b/jawanndenn/static/poll.js
@@ -197,3 +197,21 @@ var onChangeVoterName = function(inputElem) {
     // on access in Chromium.
     setTimeout( syncSaveButton, 1 );
 };
+
+var createFooterHtml = function() {
+    return '\
+        <p>\
+            <span style="font-size: 150%; position: relative; top: 3px;">&#x2605;</span> \
+            <a href="https://github.com/hartwork/jawanndenn/">jawanndenn</a>\
+            is <a href="https://www.gnu.org/philosophy/free-sw.en.html">libre software</a>\
+            developed by <a href="https://blog.hartwork.org/">Sebastian Pipping</a>,\
+            licensed under the <a href="https://www.gnu.org/licenses/agpl.en.html">Affero GPL license</a>.\
+            Please <a href="https://github.com/hartwork/jawanndenn/issues">report bugs</a>\
+            and let me know\
+            if you <a href="mailto:sebastian@pipping.org">like</a> it.\
+        </p>'
+}
+
+$( document ).ready(function() {
+    $( 'footer' ).html( createFooterHtml() );
+});
diff --git a/jawanndenn/static/poll.xhtml b/jawanndenn/static/poll.xhtml
@@ -34,5 +34,6 @@ Licensed under GPL v3 or later
         <div id='live'>
             <div id='poll' />
         </div>
+        <footer />
     </body>
 </html>
diff --git a/jawanndenn/static/setup.xhtml b/jawanndenn/static/setup.xhtml
@@ -34,5 +34,6 @@ Licensed under GPL v3 or later
                 </div>
             </div>
         </div>
+        <footer />
     </body>
 </html>
diff --git a/jawanndenn/static/style.css b/jawanndenn/static/style.css
@@ -3,10 +3,13 @@
 */
 body {
     margin: 0px;
-    padding: 10px;
     background-color: #fcfcfc;
 }
 
+#stage, #live {
+    margin: 10px;
+}
+
 .optionLabel {
     text-align: center;
 }
@@ -207,3 +210,41 @@ tt, .monospace-text {
         /* fallback */
         monospace;
 }
+
+
+footer {
+    margin: 0;
+}
+@media screen and (max-width:767px) {
+    footer {
+        position: absolute;
+        margin-top: 4%;
+        width: 100%;
+    }
+}
+@media screen and (min-width:768px) {
+    footer {
+        z-index: 1;
+        position: fixed;
+        bottom: 0%;
+        left: 0%;
+        right: 0%;
+    }
+}
+footer {
+    background-color: #848484;
+}
+footer * {
+    color: #ccc;
+}
+footer p {
+    margin: 0;
+    text-align: center;
+}
+footer {
+    padding: 6px 20px 24px 20px;
+}
+footer a {
+    color: #ddd;
+    font-weight: bold;
+}