Start working on settings feature

README.md

@@ -2,7 +2,7 @@
 [![Codacy Badge](https://api.codacy.com/project/badge/Grade/fba7ad7fc6e14fe0bc2a8d53dbf0bb41)](https://www.codacy.com/app/ohlookitsderpy/Mue?utm_source=github.com&utm_medium=referral&utm_content=ohlookitsderpy/Mue&utm_campaign=Badge_Grade)
 [![Discord Badge](https://discordapp.com/api/guilds/336039472250748928/widget.png)](https://discord.gg/HJmmmTB)
 
-<a href='https://ko-fi.com/ohlookitsderpy' target='_blank'><img height='36' style='border:0px;height:36px;' src='assets/kofi.png' border='0' alt='Buy Me a Coffee at ko-fi.com' /></a>
+<a href='https://ko-fi.com/ohlookitsderpy' target='_blank'><img height='36' style='border:0px;height:36px;' src='assets/kofi.png' border='0' alt='Buy me a Coffee at ko-fi.com' /></a>
 <a href='https://patreon.com/ohlookitsderpy' target='_blank'><img height='36' style='border:0px;height:36px;' src='assets/patreon.png' border='0' alt='Become a patron on patreon.com' /></a>
 
 Fast, open and free-to-use new tab page for most modern browsers
@@ -12,6 +12,7 @@ Fast, open and free-to-use new tab page for most modern browsers
 * Supports multiple browsers
 * Actively developed and opensource
 * Multiple language support
+* Settings menu for easy customisation
 
 ## Installation
 ### Chrome

src/assets/js/index.js

@@ -18,14 +18,19 @@
 
 const func = require('./modules/func.js');
 
+// init() gets executed only when the page is fully loaded
 const init = () => {
-	// init() gets executed only when the page is fully loaded
-	func.setDaytimeMsg();
-	func.setRandBg();
-	func.setRandQuote();
-	func.setTime();
-	// set interval to update time every second
-	setInterval(func.setTime, 1000);
+	try {
+		func.setDaytimeMsg();
+		func.setRandBg();
+		func.setRandQuote();
+		func.setTime();
+		// set interval to update time every second
+		setInterval(func.setTime, 1000);
+	// catch for settings menu
+	} catch (e) {
+      func.setSettingDisplay();
+	}
 };
 
 // initialize on page load through a listener
@@ -33,4 +38,4 @@ document.addEventListener('DOMContentLoaded', init);
 
 // Disable right click
 const rightClick = () => { return false; };
-document.oncontextmenu=rightClick;
+document.oncontextmenu=rightClick;

src/assets/scss/base.scss

@@ -16,7 +16,7 @@
 █████████████████████████████████████████████████████████████
 */
 
-@import 'modules/bg';
-@import 'modules/misc';
-@import 'modules/quote';
-@import 'modules/time-greeting'; 
+@import 'modules/tab/bg';
+@import 'modules/tab/misc';
+@import 'modules/tab/quote';
+@import 'modules/tab/time-greeting'; 

src/manifest-firefox.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 2,
   "name": "Mue",
-  "version": "0.1",
+  "version": "0.3",
   "browser_action": {
     "default_icon": "./assets/img/icon.png"
   },

src/manifest-opera.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 2,
   "name": "Mue",
-  "version": "0.1",
+  "version": "0.3",
   "browser_action": {
     "default_icon": "./assets/img/icon.png"
   },

src/manifest.json

@@ -1,11 +1,15 @@
 {
   "manifest_version": 2,
   "name": "Mue",
-  "version": "0.1",
+  "version": "0.3",
   "browser_action": {
     "default_icon": "./assets/img/icon.png"
   },
   "chrome_url_overrides": {
     "newtab": "index.html"
-  }
+  },
+  "offline_enabled": true,
+  "permissions": [
+    "storage"
+  ]
 }

src/settings.html

@@ -0,0 +1,39 @@
+<!--
+█████████████████████████████████████████████████████████████                                                                        
+██                                                         ██
+██           ███    ███ ██    ██ ███████                   ██  
+██           ████  ████ ██    ██ ██                        ██ 
+██           ██ ████ ██ ██    ██ █████                     ██ 
+██           ██  ██  ██ ██    ██ ██                        ██ 
+██           ██      ██  ██████  ███████                   ██ 
+██                                                         ██ 
+██                                                         ██                                                                                                 
+██      Copyright 2018-2019 David Ralph (ohlookitsderpy)   ██
+██                 Licensed under MIT                      ██                    
+██      GitHub: https://github.com/ohlookitsderpy/Mue      ██
+██                                                         ██
+██          Special thanks to contributors! <3             ██
+█████████████████████████████████████████████████████████████
+-->
+
+<!DOCTYPE html>
+<html>
+
+<head>
+
+	<meta charset='utf-8'>
+	<meta name='viewport' content='width=device-width'>
+
+	<title>Mue Settings</title>
+
+	<link href='./assets/css/base.css' rel='stylesheet'>
+
+</head>
+
+<body>
+
+</body>
+
+<script src='./assets/js/base.js'></script>
+
+</html>