* Added an auth screen that isn't integrated at all or working

* Force logout of user with authorization error
* Wrong site blocker doesn't trigger on the solid scribe domain
* Added log out button to main side bar making it easier to find
* Improved icon set for notes
* Colored notes display better on mobile, fixed text color based on color brightness
* Moved terms of use link to the bottom of a few pages
* Updated feature sections on home page, make them clearer and easier to process
* Tweaked color themes
* Deleted links no longer show up in search
* Updated search to use multiple key words
* Updated tests to do a multi word search
* Tweaked a bunch of styles to look better on chrome and browsers

client/src/App.vue

@@ -13,6 +13,37 @@
 			</div>
 		</div>
 
+		<div class="auth-block" v-if="requireAuth">
+			<div class="ui raised inverted segment">
+				<div class="ui centered header">
+					Authentication Required
+				</div>
+				<div class="ui small inverted centered header" v-if="$store.getters.getUsername">
+					<i class="green user outline icon"></i>
+					{{ $store.getters.getUsername }}
+				</div>
+
+				<div class="ui large form">
+					<div class="field">
+						<div class="ui small inverted header">Password</div>
+						<div class="ui input">
+							<input type="password" v-model="password" placeholder="Password">
+						</div>
+					</div>
+					<div class="field">
+						<div class="ui small inverted header">One Time Password</div>
+						<div class="ui input">
+							<input type="password" v-model="otp" placeholder="One Time Password">
+						</div>
+					</div>
+					<div class="ui fluid inverted black button">
+						<i class="unlock icon"></i>
+						Submit</div>
+				</div>
+
+			</div>
+		</div>
+
 
 		<global-site-menu v-if="!showFakeSite" />
 
@@ -31,14 +62,18 @@ import axios from 'axios'
 export default {
 	components: {
 		'global-site-menu': require('@/components/GlobalSiteMenu.vue').default,
-		'global-notification':require('@/components/GlobalNotificationComponent.vue').default
+		'global-notification':require('@/components/GlobalNotificationComponent.vue').default,
 	},
 	data: function(){ 
 		return {
 			showFakeSite:false, //Incorrect domain detection
 			redirectSeconds: 15,
 			fetchingInProgress: false, //Prevent start getting token while fetch is in progress
-			blockUntilNextRequest: false //If token was just renewed, don't fetch more until next request
+			blockUntilNextRequest: false, //If token was just renewed, don't fetch more until next request
+
+			requireAuth: false,
+			password: '',
+			otp: '',
 		}
 	},
 
@@ -81,6 +116,16 @@ export default {
 				return response
 			}, 
 			(error) => {
+
+				//Catch all authorization errors, log user out if we encounter one
+				if(error.response && error.response.status == 401){
+
+					this.$router.push('/')
+					this.$store.commit('destroyLoginToken')
+					this.$bus.$emit('notification', 'Error: You have been logged out.')
+
+				}
+
 				return Promise.reject(error)
 			}
 		)
@@ -127,7 +172,7 @@ export default {
 	mounted: function(){
 
 		const isDev = process.env['NODE_ENV'] == 'development'
-		if(window.location.hostname.toLowerCase() != "www.solidscribe.com" && !isDev){
+		if(window.location.hostname.toLowerCase().replace('www.','') != "solidscribe.com" && !isDev){
 			this.showFakeSite = true
 			setInterval(() => {
 				this.redirectSeconds--
@@ -162,16 +207,23 @@ export default {
 		}
 	},
 	methods: {
-		destroyLoginToken() {
-			this.$store.commit('destroyLoginToken')
-		},
 		loginGateway() {
 			if(!this.loggedIn){
 				console.log('This user is not logged in')
 				this.$router.push({'path':'/login'})
 				return
 			}
-		}
+		},
+		logout() {
+			
+			this.$router.push('/')
+			axios.post('/api/user/logout')
+
+			setTimeout(() => {
+				this.$store.commit('destroyLoginToken')
+				this.$bus.$emit('notification', 'Logged Out')
+			}, 200)
+		},
 	}
 }
 </script>