Monochrome UI

.vscode/settings.json

@@ -0,0 +1,4 @@
+{
+    "python.pythonPath": "/home/warlock/.local/share/virtualenvs/blog-AAp6Teun/bin/python",
+    "python.linting.enabled": false
+}

Pipfile

@@ -1,13 +1,29 @@
 [[source]]
-
 url = "https://pypi.python.org/simple"
 verify_ssl = true
 name = "pypi"
 
-
 [packages]
-
-
+arrow = "==0.10.0"
+cffi = "==1.9.1"
+click = "==6.6"
+dateparser = "==0.6.0"
+itsdangerous = "==0.24"
+misaka = "==2.0.0"
+mistune = "==0.7.3"
+pycparser = "==2.17"
+python-dateutil = "==2.6.0"
+pytz = "==2017.2"
+regex = "==2017.6.7"
+"ruamel.yaml" = "==0.15.9"
+six = "==1.10.0"
+tornado = "==4.5.1"
+tzlocal = "==1.4"
+Flask = "==0.11.1"
+"Jinja2" = "==2.8"
+Markdown = "==2.6.6"
+MarkupSafe = "==0.23"
+Pigments = "==1.6"
+Werkzeug = "==0.11.10"
 
 [dev-packages]
-

app/app.py

@@ -1,17 +1,29 @@
 from flask import Flask
 from config import *
+import os
 
 # Initilize Flask App
 app = Flask(__name__,static_folder='static', static_url_path='')
 
 # Import views after the app is initilized
 from views import *
 
-# @app.after_request
-# def add_header(response):
-#     response.cache_control.max_age = 360000
-#     response.cache_control.no_store = True
-#     return response
+ENV = 'production'
+DEBUG_STATUS = False
+if ('ENV' in os.environ):
+    if (os.environ['ENV'] == 'dev'):
+        DEBUG_STATUS = True
+
+print(ENV)
+
+@app.after_request
+def add_header(response):
+    if (DEBUG_STATUS):
+        response.cache_control.no_store = True
+        response.cache_control.no_cache = True
+    else:
+        response.cache_control.max_age = 360000
+    return response
 
 if __name__=="__main__":
     app.run(debug=DEBUG_STATUS,host=HOST,port=PORT)

app/static/js/app.js

@@ -4,49 +4,31 @@
 
 
 // Toggle the Navigation Menubar based on previous state
-function toggleNavbar(){
-    const screenWidth = screen.width;
-
-    if(screenWidth > 767){
-        if (document.querySelector('#navbar-desktop').style.display == "none"){
-            document.querySelector("#navbar-desktop").style.display = "block"
-            localStorage.setItem('menu',1);
-        } else {
-            document.querySelector("#navbar-desktop").style.display = "none"
-            localStorage.setItem('menu',0);
-        }
+function toggleNavbar() {
+    if (document.querySelector('.navbar').style.display != "block") {
+        document.querySelector(".navbar").style.display = "block"
     } else {
-        if (document.querySelector('#navbar-mobile').style.display == "none"){
-            document.querySelector("#navbar-mobile").style.display = "block"
-            localStorage.setItem('menu',1);
-        } else {
-            document.querySelector("#navbar-mobile").style.display = "none"
-            localStorage.setItem('menu',0);
-        }
+        document.querySelector(".navbar").style.display = "none"
     }
 }
 
 // Attach an EventListener to the "Menu" icon, to listen for mouse clicks
-document.querySelector("#navbutton").addEventListener( "click", function() {
-    this.classList.toggle("open");
-    toggleNavbar();
-});
+// document.querySelector("#mobile-menu").addEventListener("click", function () {
+//     console.log('Clicked Menu')
+//     // this.classList.toggle("open");
+//     // toggleNavbar();
+// });
 
 
 // Execute the script once the webpage is loaded
-document.addEventListener('DOMContentLoaded', function() {
-    var menu = localStorage.getItem('menu');
-    if(menu != null){
-            if(menu == 1){
-                document.querySelector("#navbutton").classList.toggle("open");
-                toggleNavbar();
-            }
-    } else {
-        localStorage.setItem('menu',0);
-    }
+document.addEventListener('DOMContentLoaded', function () {
+    Array.from(document.querySelectorAll(".post-content a")).forEach(function (a) {
+        console.log(a.href)
+        a.target = "_blank";
+    });
 });
 
 // Adding target="_blank" to <a href=""></a> URL's in the blogpost
-Array.from(document.querySelectorAll(".content a")).forEach(function (a) {
-  a.target = "_blank";
-});
+// Array.from(document.querySelectorAll(".content a")).forEach(function (a) {
+//     a.target = "_blank";
+// });