* 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/assets/semantic-helper.css

@@ -39,6 +39,10 @@
 
 html {
 	/*scrollbar-width: none;*/
+	width: 100%;
+	height:100%;
+	padding: 0;
+	margin: 0;
 }
 a:hover {
 	text-decoration: underline;
@@ -47,6 +51,15 @@ div.ui.basic.segment.no-fluf-segment {
 	margin-top: 0px;
 }
 
+.page-container {
+	/*width: 100%;*/
+	display: block;
+	margin: 0;
+	padding: 0.5rem;
+	box-sizing: border-box;
+	overflow: hidden;
+}
+
 /* Night mode modifiers */
 
 	/*Make images sepia in night mode */
@@ -268,7 +281,7 @@ i.green.icon.icon.icon.icon {
 		/*height: calc(100% - 69px);*/
 
 		min-height: 500px;
-		background-color: rgba(255,200,0,0.0);
+		background-color: var(--small_element_bg_color);
 		/*margin-bottom: 15px;*/
 
 		box-sizing: border-box;
@@ -282,6 +295,10 @@ i.green.icon.icon.icon.icon {
 		scrollbar-width: none;
 		scrollbar-color: transparent transparent;
 		caret-color: var(--main-accent);
+
+		margin-left: auto;
+		margin-right: auto;
+		max-width: 1100px;
 	}
 	.squire-box::selection, 
 	.squire-box::-moz-selection {
@@ -469,7 +486,7 @@ i.green.icon.icon.icon.icon {
 	@media only screen and (max-width: 740px) {
 
 		.squire-box {
-			min-height: calc(100vh - 120px);
+			min-height: calc(100vh - 122px);
 		}
 
 		.ui.button.shrinking {
@@ -549,6 +566,27 @@ i.green.icon.icon.icon.icon {
 	animation: fade-in-fwd 0.8s both;
 }
 
+/* div that comes up, blocking interaction annd requiring authentication */
+.auth-block {
+	background-color: rgba(0,0,0,0.9);
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	height: 100vh;
+	width: 100%;
+	z-index: 200;
+}
+.auth-block > div {
+	position: absolute;
+	top: 40%;
+	left: 50%;
+	transform: translate(-50%, -40%);
+	width: 300px;
+}
+
+
 /**
  * ----------------------------------------
  * animation fade-in-fwd