Add version to footer

7 years ago · 0f442a804b
3 changed files with 22 additions and 13 deletions
--- a/lib/nunjucks-middleware.js
+++ b/lib/nunjucks-middleware.js
@ -1,5 +1,8 @@
+const pkg = require('../package.json');
+
 module.exports = (req, res, next) => {
 	res.locals.req = req;
 	res.locals.res = res;
+	res.locals.version = pkg.version;
 	next();
 };
--- a/public/assets/style.css
+++ b/public/assets/style.css
@ -468,6 +468,22 @@ footer {
  }
 }

+/* This needs to happen slightly before the next breakpoint */
+@media (max-width: 570px) {
+
+  /* List footer links */
+  footer .wrapper > a {
+    display: block;
+    margin-bottom: 0.2em;
+  }
+  footer .divider {
+    display: none;
+  }
+  .me {
+    float: none;
+  }
+}
+
 /* Small Mobile */
@media (max-width: 500px) {

@ -541,18 +557,6 @@ footer {
  td:not(:first-child):before {
    min-width: 6em;
  }
-
-  /* List footer links */
-  footer .wrapper > a {
-    display: block;
-    margin-bottom: 0.2em;
-  }
-  footer .divider {
-    display: none;
-  }
-  .me {
-    float: none;
-  }
 }

 /* Fix menu button overlapping title on iPhone 5 */
--- a/views/index.html
+++ b/views/index.html
@ -6,7 +6,7 @@
    <meta name="viewport" content="width=device-width, user-scalable=no">
    <meta name="theme-color" content="#895CA1">
    <link rel="manifest" href="/manifest.json">
-    <link rel="stylesheet" href="/assets/style.css">
+    <link rel="stylesheet" href="/assets/style.css?v2">
  </head>
  <body class="{{ bodyClass }}">

@ -28,6 +28,8 @@

    <footer role="contentinfo">
      <div class="wrapper">
+        v{{version}}
+        <span class="divider">-</span>
        <a href="/about">About</a>
        <span class="divider">-</span>
        <a target="_blank" href="//github.com/lukechilds/onionite">Source code</a>