From 35abc16e60312b6d77ad8ded872595cad7df8c36 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Batuhan=20Berk=20Ba=C5=9Fo=C4=9Flu?= <batuhan@basoglu.ca>
Date: Sun, 14 Feb 2021 11:05:49 -0500
Subject: [PATCH] Added a user friendly language and fixed the grammar errors.

---
 .DS_Store             | Bin 0 -> 6148 bytes
 .vscode/settings.json |   1 +
 index.html            |  19 ++++++++++---------
 scripts/main.js       |   5 ++++-
 styles/style.css      |   2 +-
 5 files changed, 16 insertions(+), 11 deletions(-)
 create mode 100644 .DS_Store
 create mode 100644 .vscode/settings.json

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..ade305497090117ba7619a2fbe8368e293366048
GIT binary patch
literal 6148
zcmeHK!EO^V5FMu>brvCVKx!{Yd*N0^X;W3=fE3d7&;t@;5gY)uyWOZ+X}gZH8$t;|
zd*=(_C-@G&fN$XhZ)}6I37n7+iagTzjqMrR^H#RkL?rstc%P_6L=wta_fY&sxSw@R
zYPN+tg&t!_`Dv;yqEtm|-mbwh;28Md7~s9zpoFd{q)V#qUp^EbLfhZ9=%rVDqgg(-
zd;Lo^PLsUobiRt(R{cg}TS`xQx4c)uNX>#GET(xsoV?)L<FFV-)_$r~`pXWZXUTAO
z*1B`7vLZ~f;Y0@~@enRApC?(YW_>ly;#`jtm<}nMvU%3pozD-BI(vTiu)Emv=l2g_
zA9jxxi>BPUxBuYu{ObDc{N3XHN1X-<99UXzTl@*1U{sQP9Za%RWtV8@7!PD+6oaZa
z)TR*?pe|iH^q92I&}Gt^^n^}8<$xXm+lYv(5#sJj#5U!0K@-e1#th4cD#jNdR=gYV
zF6f%l^$#e%t@uiKDy&~&9R+eIsw=5+p37@T)yZZuV7Gw0xtZy?tQ-T5fxlpY&j%mM
z*t1v~)JF#j{R9Bk(X0hF-+&zBTkKgZ4Wb7kOeoNV3j4$mCLHa)_3K$I4VrKg_VFR?
z%)-7<gq|Ja``VpE&!8(E1CD_z16!ur;`{&P&+q?gkgGWc90ME0fT$0GK_4mEyLBx&
vzH5ExIh2L{N`pECg}sio!B_DvR15liHh?{gr9ren+>d~!!4-~yf6BlQjLe^v

literal 0
HcmV?d00001

diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..2cd8968
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1 @@
+123,125
\ No newline at end of file
diff --git a/index.html b/index.html
index 1274b4c..0459154 100644
--- a/index.html
+++ b/index.html
@@ -25,8 +25,9 @@
     <!-- Tab content -->
     <div id="Client" class="tabcontent">
       <h3>Client Information</h3>
-      <p>Tell us a bit about you.</p>
-      <i><strong>Choose a Category:</strong></i>
+      <p>Hello, welcome to our grocery store. <br> 
+        We are here to help you choose the perfect groceries for your store.</p>
+      <i><strong>Please Choose a Category:</strong></i>
       <select
         id="dietSelect"
         name="dietSelect"
@@ -45,7 +46,7 @@
         <option value="None">None</option>
       </select>
       <br>
-      <i><strong>Choose a Characteristic:</strong></i>
+      <i><strong>Please Choose a Characteristic:</strong></i>
       <select class="sumo" name="characterSelect">
         <option value=""></option>
         <option value="Diabetic">Diabetic</option>
@@ -61,9 +62,9 @@
     </div>
 
     <div id="Products" class="tabcontent">
-      <h3>Your targeted products</h3>
-      <p>We preselected products based on your restrictions.</p>
-      <i><strong>Choose items to buy:</strong></i>
+      <h3>Your Products</h3>
+      <p>The products according to the categories and characteristics you have chosen will appear here.</p>
+      <i style="font-size:20px;"><strong>Please Choose the Items you are going to buy:</strong></i>
       <div id="displayProduct"></div>
       <button
         id="addCart"
@@ -71,7 +72,7 @@
         class="block"
         onclick="selectedItems()"
       >
-        Add selected items to cart.
+        Click Here to Add Selected Items.
       </button>
     <div class="footer">
       <p class="copyright">
@@ -83,8 +84,8 @@
     </div>
 
     <div id="Cart" class="tabcontent">
-      <h3>Cart</h3>
-      <p>Here is your cart.</p>
+      <h3>Shopping Cart</h3>
+      <p>The items you have added to your list will appear here.</p>
       <div id="displayCart"></div>
 
       <div class="footer">
diff --git a/scripts/main.js b/scripts/main.js
index a941a3a..4035776 100644
--- a/scripts/main.js
+++ b/scripts/main.js
@@ -33,6 +33,8 @@ function populateListProductChoices(slct1, slct2) {
 	
 	// s2 represents the <div> in the Products tab, which shows the product list, so we first set it empty
     s2.innerHTML = "";
+	s2.appendChild(document.createElement("br"));
+	s2.appendChild(document.createElement("br"));
 		
 	// obtain a reduced list of products based on restrictions
 	var optionArray = restrictListProducts(products, s1.value);
@@ -95,7 +97,8 @@ function selectedItems(){
 	
 	// build list of selected item
 	var para = document.createElement("P");
-	para.innerHTML = "You selected : ";
+	para.innerHTML = "You have selected : ";
+	para.appendChild(document.createElement("br"));
 	para.appendChild(document.createElement("br"));
 
 	
diff --git a/styles/style.css b/styles/style.css
index ebbe183..8e2297f 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -114,7 +114,7 @@ p {
 }
 
 i {
-  font-size: 15px;
+  font-size: 17px;
 }
 
 .block {