now the stream search is complete but has not been tested for video matches which can occur

Author: mantzaris

.prettierrc.json

@@ -0,0 +1,7 @@
+{
+    "trailingComma": "es5",
+    "tabWidth": 2,
+    "semi": true,
+    "singleQuote": true
+    
+}

AppCode/stream-search.html

@@ -18,6 +18,15 @@
 
 
     <div id="selection-screen">
+        <!-- <label id="accuracy-label" for="">Face Accuracy Sensitivity:</label>
+        <div id="accuracy-description">
+            Control how close faces must match those in the database.
+        </div>
+        <br>
+        very low
+        <input type="range" min="0" max="100" value="60" class="slider" id="mlAccuracy">
+        very high
+        <div class="separator"></div> -->
         <label id="search-type-label" for="search-type">Choose a stream search type:</label>
         <br>
         <select name="" id="search-type">
@@ -28,9 +37,19 @@
         <div id="stream-type-description">
 
         </div>
+        <div class="separator"></div>
+        <br>
+        
+        <!--<button class='fun-button-blue' id="screen-capture-btn"> SCREEN INPUT </button> -->
+
+        <label id="source-label" for="">Choose video source</label>
+        <br>
+        <select name="" id="source-type">
+            <!-- <option value="keywords-images-memes">Keywords, Images and Memes</option>       -->
+        </select> 
         <br>
-        <button class='fun-button-blue' id="continue-btn"> WEBCAM INPUT </button>
-        <button class='fun-button-blue' id="screen-btn"> SCREEN INPUT </button>
+        <div class="separator"></div>
+        <button class='fun-button-blue' disabled id="continue-btn"> START </button>
         <button class='fun-button-blue' id="main-menu-btn"> Main Menu </button>
     </div>
 

AppCode/taga-CSS/stream-search-CSS/stream-search-main-ui.css

@@ -13,16 +13,26 @@ body {
     margin-top: 10%;
 
 }
-#search-type-label {
+#search-type-label,
+#source-label,
+#accuracy-label {
     font-size: 4vmin;
     font-weight: bold;
 }
-#search-type {
+#mlAccuracy {
+    width: 25%;
+}
+#search-type,
+#source-type,
+#accuracy-description {
     font-size: 3.2vmin;
 }
+#source-type {
+    max-width: 60%;
+}
 #continue-btn,
 #main-menu-btn,
-#screen-btn {
+#screen-capture-btn {
     font-size: 3.5vmin;
     margin-top: 5px;
     padding: 6px;
@@ -216,4 +226,7 @@ body {
     left: 0;
     right: 0;
     margin: auto auto;
+}
+.separator {
+    height: 5vh;
 }