Fixed scaling and front page on mobile

app.js

@@ -19,7 +19,9 @@ app.get('/', function (req, res) {
 
 //About Me page 
 app.get('/about', function (req, res) {
-  res.render('about', { site: site, title: 'About Me', url: req.url })
+  var languages = utils.getLanguages();
+  var tools = utils.getTools();
+  res.render('about', { site: site, title: 'About Me', url: req.url, langs: languages, tools: tools })
 })
 
 //About Me page 

public/js/init.js

@@ -2,8 +2,11 @@
     $(function () {
 
         $('.button-collapse').sideNav({
-            draggable: true
-        });
+            menuWidth: 300, // Default is 300
+            edge: 'left', // Choose the horizontal origin
+            draggable: true // Choose whether you can drag to open on touch screens
+        }
+        );
 
     }); // end of document ready
 })(jQuery); // end of jQuery name space

public/projects/portfolio/info.json

@@ -2,5 +2,19 @@
     "name":"Portfolio",
     "version":"1.0",
     "description":"This is a website to showcase my personal projects",
-    "git":"https://github.com/iainvm/portfolio"
+    "git":"https://github.com/iainvm/portfolio",
+    "languages":[
+        "JS",
+        "HTML",
+        "SCSS",
+        "pug",
+        "JSON"
+    ],
+    "tools":[
+        "Node",
+        "npm",
+        "express",
+        "nginx",
+        "linux"
+    ]
 }

scss/home.scss

@@ -1,7 +1,7 @@
 .parallax-container {
-    min-height: 380px;
     line-height: 0;
     height: auto;
+    min-height:420px;
     color: rgba(255, 255, 255, .9);
 
     .section {

utils.js

@@ -19,4 +19,32 @@ exports.getProject = function(pName) {
     }
 
     return projects[pName];
-};
+};
+
+exports.getLanguages = function() {
+    var projects = exports.getProjects();
+
+    var languages = {};
+
+    for (project in projects){
+        for (language in projects.languages){
+            languages[language] += 1;
+        }
+    }
+
+    return languages;
+}
+
+exports.getTools = function() {
+    var projects = exports.getProjects();
+
+    var tools = {};
+
+    for (project in projects){
+        for (tool in projects.tools){
+            tools[tool] += 1;
+        }
+    }
+
+    return tools;
+}

views/templates/main.pug

@@ -1,7 +1,9 @@
 //- Main template used across the entire site
-html
+html(lang="en")
   block vars
   head
+    meta(http-equiv="Content-Type", content="text/html; charset=UTF-8")
+    meta(name="viewport", content="width=device-width, initial-scale=1")
     //- Site title
     title #{site.name} - #{title}