From 8f57923ea99f42f5f030d81ff831c173680c4e19 Mon Sep 17 00:00:00 2001
From: Zachary-Rude <84681078+Zachary-Rude@users.noreply.github.com>
Date: Mon, 20 Sep 2021 16:36:04 -0700
Subject: [PATCH 1/3] Update script.js

---
 script.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/script.js b/script.js
index 21cab3d..4b940a4 100644
--- a/script.js
+++ b/script.js
@@ -30,7 +30,7 @@ function renderEmails() {
 
     var emailDataTemp = filteredEmailData;
 
-    if (activePage == 'favourites') {
+    if (activePage == 'favorites') {
         emailDataTemp = emailDataTemp.filter(x => x.isFavorite)
     }
 
@@ -53,7 +53,7 @@ function renderEmails() {
                 <div class="subject" title="${email.subject}">${email.subject.substr(0, 30)} ${email.subject.length > 30 ? '...' : ''}</div>
                 <div class="icons">
                     <span ${unread ? 'class="unread" title="unread"' : ''}></span>
-                    <a onclick="toggleFavourite(event, '${email.id}')">
+                    <a onclick="toggleFavorite(event, '${email.id}')">
                         <i class="mdi ${email.isFavorite ? 'mdi-star' : 'mdi-star-outline'}" title="Toggle favourite"></i>    
                     </a>
                 </div>
@@ -162,11 +162,11 @@ async function setActiveEmail(id) {
 }
 
 /**
- * @desc Toggle favourite against an email to add/remove email from favourites list
+ * @desc Toggle favourite against an email to add/remove email from favorites list
  * @param {*} e 
  * @param {String} id 
  */
-function toggleFavourite(e, id) {
+function toggleFavorite(e, id) {
     // To prevent event bubbling
     e.stopPropagation();
 
@@ -220,7 +220,7 @@ function getEmailFromApi(id = "") {
 }
 
 /**
- * @desc set active folder (Inbox, Favourites)
+ * @desc set active folder (Inbox, favorites)
  */
 const foldersListElement = document.querySelector('#folders > ul').children;
 function setActiveFolder(ele) {
@@ -275,4 +275,4 @@ getEmailFromApi()
  */
 
 utility.makeResizable({ id: 'folders', minWidth: '15%', maxWidth: '400px' })
-utility.makeResizable({ id: 'emailList', minWidth: '30%', maxWidth: '550px' })
\ No newline at end of file
+utility.makeResizable({ id: 'emailList', minWidth: '30%', maxWidth: '550px' })

From 8934ee9a876c751ca01000eec86a25869e5c2e65 Mon Sep 17 00:00:00 2001
From: Zachary-Rude <84681078+Zachary-Rude@users.noreply.github.com>
Date: Mon, 20 Sep 2021 16:38:02 -0700
Subject: [PATCH 2/3] Update index.html

---
 index.html | 20 +++++++-------------
 1 file changed, 7 insertions(+), 13 deletions(-)

diff --git a/index.html b/index.html
index 805752e..d835595 100644
--- a/index.html
+++ b/index.html
@@ -18,14 +18,14 @@
         <div class="folders" id="folders">
             <ul class="links">
                 <li id="inbox" class="inbox">
-                    <a onclick="activePage = 'inbox';renderEmails(); setActiveFolder(this)" class="active">
+                    <a onclick="activePage = 'inbox'; renderEmails(); setActiveFolder(this)" class="active">
                         <div>Inbox</div>
                         <div class="unread-count"></div>
                     </a>
                 </li>
                 <li>
-                    <a onclick="activePage = 'favourites'; renderEmails(true); setActiveFolder(this)">
-                        <div>Favourites</div>
+                    <a onclick="activePage = 'favorites'; renderEmails(true); setActiveFolder(this)">
+                        <div>Favorites</div>
                         <div></div>
                     </a>
                 </li>
@@ -39,17 +39,11 @@
                 </li>
                 <hr>
                 <li>
-                    <div>
-                        Integrated with <a target="_blank" href="https://maildrop.cc">MailDrop</a>
-                    </div>
-                </li>
-                <li>
-                    Developed by <a target="_blank" href="https://www.linkedin.com/in/abdul-sohail/">Sohail</a>
+                    Developed by <a target="_blank" href="https://github.com/Zachary-Rude/">Zachary</a>
                 </li>
 
                 <li class="design">
-                    Design inspired by <a target="_blank"
-                        href="https://dribbble.com/shots/5771691-Email-Client-Ui-Exploration/attachments">Vishnu</a>
+                    Design inspired by <a target="_blank" href="https://dribbble.com/shots/5771691-Email-Client-Ui-Exploration/attachments">Vishnu</a>
                 </li>
             </ul>
         </div>
@@ -57,7 +51,7 @@
             <div class="toolbar">
                 <div class="search">
                     <i class="mdi mdi-magnify"></i>
-                    <input type="text" class="search" placeholder="Search ..."
+                    <input type="search" class="search" placeholder="Search ..."
                         title="Smart Search: Match words out of order. For example if you search for 'Allan Fife' it would match an email containing the words Allan and Fife in 'from' or 'subject', regardless of the order or position that they appear."
                         onkeyup="searchEmails(this.value)">
                 </div>
@@ -80,4 +74,4 @@
     <script src="script.js"></script>
 </body>
 
-</html>
\ No newline at end of file
+</html>

From 3c5e129f1f18d0c886b87345f3a377484854174c Mon Sep 17 00:00:00 2001
From: Zachary-Rude <84681078+Zachary-Rude@users.noreply.github.com>
Date: Mon, 20 Sep 2021 16:47:12 -0700
Subject: [PATCH 3/3] Update script.js

---
 script.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/script.js b/script.js
index 4b940a4..1dc67f1 100644
--- a/script.js
+++ b/script.js
@@ -54,7 +54,7 @@ function renderEmails() {
                 <div class="icons">
                     <span ${unread ? 'class="unread" title="unread"' : ''}></span>
                     <a onclick="toggleFavorite(event, '${email.id}')">
-                        <i class="mdi ${email.isFavorite ? 'mdi-star' : 'mdi-star-outline'}" title="Toggle favourite"></i>    
+                        <i class="mdi ${email.isFavorite ? 'mdi-star' : 'mdi-star-outline'}" title="Toggle favorite"></i>    
                     </a>
                 </div>
             </div>
@@ -162,7 +162,7 @@ async function setActiveEmail(id) {
 }
 
 /**
- * @desc Toggle favourite against an email to add/remove email from favorites list
+ * @desc Toggle favorite against an email to add/remove email from favorites list
  * @param {*} e 
  * @param {String} id 
  */
@@ -220,7 +220,7 @@ function getEmailFromApi(id = "") {
 }
 
 /**
- * @desc set active folder (Inbox, favorites)
+ * @desc set active folder (Inbox, Favorites)
  */
 const foldersListElement = document.querySelector('#folders > ul').children;
 function setActiveFolder(ele) {