feat: UI and BE chnages.

BE-Aeasthatic-Quality-Check/colorcube-master/assets/js/colorcube.js

@@ -196,7 +196,7 @@ button.onclick = function(e) {
 
   // get the colors inputted by the user
   var stringInput = document.querySelector('#txtArea').value;
-  // if there's no input, get outta here
+  // if there's no input, get output here
   if ( stringInput == '' ) {
     return;
   }

BE-Aeasthatic-Quality-Check/colorcube-master/assets/js/detection.js

-/**
- * @author Cassidy Williams
- */
-
 /*
  *
  * This is for uploading files to the page, standard HTML5 jazz.

contrast-checker @ 4a0e9bfc

-Subproject commit 4a0e9bfc3c6a9f003601b0bb2d57d853f5d9705b

BE-Aeasthatic-Quality-Check/colorcube-master/index1.html

@@ -23,10 +23,10 @@
 
 <header class="l__header p__header">
     <div class="l__max u__space__outer cc__brand">
-      <h2 class="cc__brand__title">
+      <h2 class="cc__brand__title" style="text-align: center">
         <!-- <a href="." title="Press to reload page and start over with default values"> -->
           <img class="cc__brand__logo" src="assets/img/presently.jpeg" alt="" width="390">
-         Slide Quality Checker
+        Slide Quality Checker
         <!-- </a> -->
       </h2>
     </div>
@@ -34,23 +34,23 @@
 <div class="cc__form__submit g--wide text-align-center">
     
     <a href="index.html">
-    <img src = "/Users/chithuwedage/Downloads/color accuracy.webp" width="400" height="300">
-    <input id="brand-color-button" name="brand-color-button" type="submit" class="cc__form__button" value="Color Accuracy">
+    <img src = "/Users/chithuwedage/Downloads/color accuracy.webp" width="200" height="100">
+    <input id="brand-color-button" name="brand-color-button" type="submit" class="cc__form__button" value="Color Accuracy" style="align-items:center">
     </a>
 
-    <img src = "/Users/chithuwedage/Downloads/CSC-Reviewer-Grammar.png" width="400" height="300">
+    <img src = "/Users/chithuwedage/Downloads/CSC-Reviewer-Grammar.png" width="200" height="100">
     <input id="brand-color-button" name="brand-color-button" type="submit" class="cc__form__button" value="Grammer Checker">
 
     <a href="index2.html">
-    <img src = "/Users/chithuwedage/Downloads/color-blind.jpeg" width="400" height="300">
+    <img src = "/Users/chithuwedage/Downloads/color-blind.jpeg" width="200" height="100">
     <input id="brand-color-button" name="brand-color-button" type="submit" class="cc__form__button" value="Visual Accessibility Checker">
     </a>
 
-    <img src = "/Users/chithuwedage/Downloads/images (2).jpeg" width="400" height="300">
+    <img src = "/Users/chithuwedage/Downloads/images (2).jpeg" width="200" height="100">
     <input id="brand-color-button" name="brand-color-button" type="submit" class="cc__form__button" value="Visibility Checker">
     
-    <img src = "/Users/chithuwedage/Downloads/object detector.png" width="400" height="300">
-    <input id="brand-color-button" name="brand-color-button" type="submit" class="cc__form__button" value="Object preparation">
+    <!-- <img src = "/Users/chithuwedage/Downloads/object detector.png" width="200" height="100">
+    <input id="brand-color-button" name="brand-color-button" type="submit" class="cc__form__button" value="Object preparation"> -->
 
    
 </div>