* Made splash page dark and updated description

* Cleaned up unused things
* Updated squire which had a comment typo update...thats it
* Background color picker has matching colors and styles to text color picker
* Added new black theme
* Moved search to main page, show it on mobile and added options to push things to notes from search with experimental tag searching
* Added active note menu buttons based on cursor location in text
* Added more instant updating if app is open in two locations for the same user Scratch Pad and home page update with new notes and new text in real time

client/src/pages/NotesPage.vue

@@ -31,10 +31,16 @@
 							v-on:tagClick="tagId => toggleTagFilter(tagId)"
 						/>
 						
+						<div class="ui basic shrinking icon button" v-on:click="toggleTitleView()">
+							<i v-if="titleView" class="th icon"></i>
+							<i v-if="!titleView" class="bars icon"></i>
+						</div>
+
 					</div>
 
-					<div class="six wide column" v-if="!$store.getters.getIsUserOnMobile">
+					<div class="six wide column">
 						<search-input
+							v-on:tagClick="tagId => toggleTagFilter(tagId)"
 							v-if="$store.getters.totals && $store.getters.totals['totalNotes']" />
 					</div>
 
@@ -49,9 +55,16 @@
 
 			</div>
 
-			<h2 v-if="searchTerm.length > 0 && !loadingInProgress">
-				{{ searchResultsCount.toLocaleString() }} notes with keyword "{{ searchTerm }}"
-			</h2>
+			<div class="sixteen wide column" v-if="searchTerm.length > 0 && !loadingInProgress">
+				<h2 class="ui header">
+					<div class="content">
+						{{ searchResultsCount.toLocaleString() }} notes with keyword "{{ searchTerm }}"
+						<div v-if="searchResultsCount == 0" class="sub header">
+							Search can only find key words. Try a single word search.
+						</div>
+					</div>
+				</h2>
+			</div>
 
 			<h2 v-if="fastFilters['withLinks'] == 1">Notes with Links</h2>
 			<h2 v-if="fastFilters['withTags'] == 1">Notes with Tags</h2>
@@ -81,6 +94,7 @@
 								:ref="'note-'+note.id"
 								:onClick="openNote"
 								:data="note"
+								:title-view="titleView"
 								:currently-open="(activeNoteId1 == note.id || activeNoteId2 == note.id)"
 								:key="note.id + note.color + note.note_highlights.length + note.attachment_highlights.length + ' -' + note.tag_highlights.length + '-' +note.title.length + '-' +note.subtext.length + '-' + note.tag_count + note.updated"
 							/>
@@ -152,6 +166,7 @@
 				highlights: [],
 				searchDebounce: null,
 				fastFilters: {},
+				titleView: false,
 
 				//Load up notes in batches
 				firstLoadBatchSize: 10, //First set of rapidly loaded notes
@@ -207,10 +222,18 @@
 
 			this.$parent.loginGateway()
 
+			this.$io.on('new_note_created', noteId => {
+				//Do not update note if its open
+				if(this.activeNoteId1 != noteId){
+					this.updateSingleNote(parseInt(noteId))
+				}
+			})
+
+			//Update title cards when new note text is saved
 			this.$io.on('new_note_text_saved', ({noteId, hash}) => {
 				//Do not update note if its open
 				if(this.activeNoteId1 != noteId){
-					console.log('notePage: update display of note ', noteId)
+					this.updateSingleNote(parseInt(noteId))
 				}
 			})
 
@@ -237,6 +260,7 @@
 					this.noteSections[key].forEach( (note, index) => {
 						if(note.id == noteId){
 							this.noteSections[key].splice(index,1)
+							this.$store.dispatch('fetchAndUpdateUserTotals')
 							return
 						}
 					})
@@ -312,6 +336,9 @@
 			this.reset()
 		},
 		methods: {
+			toggleTitleView(){
+				this.titleView = !this.titleView
+			},
 			showOneColumn(){
 
 				return this.$store.getters.getIsUserOnMobile
@@ -328,32 +355,13 @@
 					if(nodeClick == 'A'){ return }	
 				}
 
-				//Do not open same note twice
-				if(this.activeNoteId1 == id || this.activeNoteId2 == id){
-					return;
-				}
-
 				//1 note open
-				if(this.activeNoteId1 == null && this.activeNoteId2 == null){
+				if(this.activeNoteId1 == null){
 					this.activeNoteId1 = id
 					this.activeNote1Position = 0 //Middel of page
 					this.$router.push('/notes/open/'+this.activeNoteId1)
 					return
 				}
-				//2 notes open
-				if(this.activeNoteId1 != null && this.activeNoteId2 == null){
-					this.activeNoteId2 = id
-					this.activeNote1Position = 1 //Right side of page
-					this.activeNote2Position = 2 //Left side of page
-					return
-				}
-				//2 notes open
-				if(this.activeNoteId2 != null && this.activeNoteId1 == null){
-					this.activeNoteId1 = id
-					this.activeNote1Position = 2 //Right side of page
-					this.activeNote2Position = 1 //Left side of page
-					return
-				}
 			},
 			closeNote(position){
 				//One note open, close that note
@@ -448,10 +456,6 @@
 					if(this.$refs.note1 && this.$refs.note1.currentNoteId == noteIdToClose){
 						// this.$refs.note1.close()
 					}
-
-					if(this.$refs.note2 && this.$refs.note2.currentNoteId == noteIdToClose){
-						//this.$refs.note2.close()
-					}	
 				}
 			},
 			visibiltyChangeAction(event){
@@ -475,6 +479,9 @@
 			// @TODO Don't even trigger this if the note wasn't changed
 			updateSingleNote(noteId){
 
+				//Find local note, if it exists; continue
+
+
 				//Lookup one note using passed in ID
 				const postData = {
 					searchQuery: this.searchTerm,
@@ -484,8 +491,7 @@
 					}
 				}
 
-				
-
+				//Note data must be fetched, then sorted into existing note data
 				axios.post('/api/note/search', postData)
 				.then(results => {
 
@@ -526,6 +532,7 @@
 
 								this.$nextTick( () => {
 
+									//Trigger close animation on note
 									if(this.$refs['note-'+noteId] && this.$refs['note-'+noteId][0]){
 										this.$refs['note-'+noteId][0].justClosed()
 									}