Show version on front page

src/scss/style.scss

@@ -13,21 +13,37 @@ $color-info: #31EF40;
 $color-warning: #F0C808;
 $color-error: #EE7600;
 
-* {
+*,
+*:before,
+*:after {
   box-sizing: border-box;
 }
 
-html, body {
-  width: 100%;
+html {
   height: 100%;
+}
+
+html, body {
   z-index: -99;
 }
 
 body {
   background-color: $color-bg;
   color: $color-fg;
-  margin: 0 0;
+  margin: 0;
   font-family: $font-sans-serif;
+  min-height: 100%;
+  padding-bottom: 3rem;
+  position: relative;
+}
+
+footer {
+  position: absolute;
+  padding: 1rem 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  text-align: center;
 }
 
 body.call {

src/server/app.js

@@ -8,6 +8,8 @@ const app = express()
 const http = require('http').Server(app)
 const io = require('socket.io')(http)
 
+app.locals.version = require('../../package.json').version
+
 app.set('view engine', 'pug')
 app.set('views', path.join(__dirname, '../views'))
 

src/views/index.pug

@@ -14,10 +14,13 @@ html
   body
     include ./_fork.pug
 
-    div#container
+    #container
 
       form#form(method="get" action="call")
         h1
           img(src="res/peer-calls.svg" width="100%" alt="Peer Calls")
         p Group peer-to-peer calls for everyone. Create a private room. Share the link.
         input(type="submit" value="New Session")
+
+    footer
+      div v#{version}