From 8b2fe023c2e6ff1fb4198a28653752e84bd3714d Mon Sep 17 00:00:00 2001
From: Ali Sadeghi <ali909392@gmail.com>
Date: Thu, 16 May 2024 18:01:59 +0330
Subject: [PATCH] Update queue structure / Add favicon to project / Improve
 how-to-use text

---
 Assets/csi-icon-32.png | Bin 0 -> 4050 bytes
 JS/convertInput.js     |   4 ++--
 JS/convertInput.js.map |   2 +-
 JS/demoList.js         |   5 +----
 JS/demoList.js.map     |   2 +-
 JS/output.js           |   2 +-
 JS/output.js.map       |   2 +-
 Style/_how-to-use.scss |   2 +-
 Style/style.css        |   2 +-
 Style/style.css.map    |   2 +-
 TS/convertInput.ts     |   6 +++---
 TS/demoList.ts         |   5 +----
 TS/output.ts           |   3 ++-
 index.html             |  24 +++++++++++++-----------
 14 files changed, 29 insertions(+), 32 deletions(-)
 create mode 100644 Assets/csi-icon-32.png

diff --git a/Assets/csi-icon-32.png b/Assets/csi-icon-32.png
new file mode 100644
index 0000000000000000000000000000000000000000..8e3cd94c09139a37e09fd74dcf38a9fe8c40a73e
GIT binary patch
literal 4050
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
Ef^p2segFUf

literal 0
HcmV?d00001

diff --git a/JS/convertInput.js b/JS/convertInput.js
index b970607..64645b9 100644
--- a/JS/convertInput.js
+++ b/JS/convertInput.js
@@ -1,9 +1,9 @@
 "use strict";
 const convertInputToEditableList = () => {
     inputArray = input.value.split("\n");
-    course = inputArray[inputArray.length - 5];
+    course = inputArray[0].split(" ")[2];
     membersArray = [];
-    for (let i = 2; i < inputArray.length - 6; i++) {
+    for (let i = 2; i < inputArray.length - 3; i++) {
         membersArray.push(inputArray[i]);
     }
     memberBits = membersArray.map((memberArray) => {
diff --git a/JS/convertInput.js.map b/JS/convertInput.js.map
index 54abf0e..d7254b4 100644
--- a/JS/convertInput.js.map
+++ b/JS/convertInput.js.map
@@ -1 +1 @@
-{"version":3,"file":"convertInput.js","sourceRoot":"","sources":["../TS/convertInput.ts"],"names":[],"mappings":";AAAA,MAAM,0BAA0B,GAAG,GAAG,EAAE;IACpC,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,GAAG,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAE3C,YAAY,GAAG,EAAE,CAAC;IAGlB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;QAC5C,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;KACpC;IAGD,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE;QAC1C,OAAO,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;IAGjD,QAAQ,CAAC,SAAS,GAAG,EAAE,CAAC;IAExB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACxC,QAAQ,CAAC,SAAS,IAAI;qCACO,CAAC;;gDAEU,CAAC,GAAG,CAAC;;+CAEN,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;6CAC3B,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;;;;wDAIZ,CAAC;2DACE,CAAC;;;SAGnD,CAAC;QAEF,aAAa,EAAE,CAAC;KACnB;IAGD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAEpC,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,EAAE,CAC5C,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YAC7B,cAAc,CAAC,CAAC,CAAC,CAAC;QACtB,CAAC,CAAC,CAAC;QAGC,QAAQ,CAAC,aAAa,CAAC,kBAAkB,CAAC,EAAE,CAC/C,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YAC7B,YAAY,CAAC,CAAC,CAAC,CAAC;QACpB,CAAC,CAAC,CAAC;KACN;IAED,gBAAgB,EAAE,CAAC;AACvB,CAAC,CAAC"}
\ No newline at end of file
+{"version":3,"file":"convertInput.js","sourceRoot":"","sources":["../TS/convertInput.ts"],"names":[],"mappings":";AAAA,MAAM,0BAA0B,GAAG,GAAG,EAAE;IACpC,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAErC,YAAY,GAAG,EAAE,CAAC;IAGlB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;QAC5C,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;KACpC;IAGD,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE;QAC1C,OAAO,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;IAGjD,QAAQ,CAAC,SAAS,GAAG,EAAE,CAAC;IAExB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACxC,QAAQ,CAAC,SAAS,IAAI;qCACO,CAAC;;gDAEU,CAAC,GAAG,CAAC;;+CAEN,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;6CAC3B,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;;;;wDAIZ,CAAC;2DACE,CAAC;;;SAGnD,CAAC;QAEF,aAAa,EAAE,CAAC;KACnB;IAGD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAEpC,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,EAAE,CAC5C,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YAC7B,cAAc,CAAC,CAAC,CAAC,CAAC;QACtB,CAAC,CAAC,CAAC;QAGC,QAAQ,CAAC,aAAa,CAAC,kBAAkB,CAAC,EAAE,CAC/C,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YAC7B,YAAY,CAAC,CAAC,CAAC,CAAC;QACpB,CAAC,CAAC,CAAC;KACN;IAED,gBAAgB,EAAE,CAAC;AACvB,CAAC,CAAC"}
\ No newline at end of file
diff --git a/JS/demoList.js b/JS/demoList.js
index ae1393d..dbbb84f 100644
--- a/JS/demoList.js
+++ b/JS/demoList.js
@@ -1,6 +1,6 @@
 "use strict";
 const addDemoList = () => {
-    input.value = ` آپدیت صف #دمو 👇🏻
+    input.value = `آپدیت صف #دمو 👇🏻
 
 1- علی صادقی @Ali_Sdg90
 2- حسام حسنی @HessamHasaniWP
@@ -10,9 +10,6 @@ const addDemoList = () => {
 6- مرضیه حسامی زاده @Miss_HessamZ
 7- امیرحسین حسامی @amirhossein_wp_Hessam
 
-#دمو
-
--ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-
 برنامه مدیریت صف برای مسئول صف:
 https://ali-sdg90.github.io/CS-Queue-Message-Maker/`;
 };
diff --git a/JS/demoList.js.map b/JS/demoList.js.map
index 952f8ec..b3007bb 100644
--- a/JS/demoList.js.map
+++ b/JS/demoList.js.map
@@ -1 +1 @@
-{"version":3,"file":"demoList.js","sourceRoot":"","sources":["../TS/demoList.ts"],"names":[],"mappings":";AAAA,MAAM,WAAW,GAAG,GAAG,EAAE;IACrB,KAAK,CAAC,KAAK,GAAG;;;;;;;;;;;;;;oDAckC,CAAC;AACrD,CAAC,CAAC"}
\ No newline at end of file
+{"version":3,"file":"demoList.js","sourceRoot":"","sources":["../TS/demoList.ts"],"names":[],"mappings":";AAAA,MAAM,WAAW,GAAG,GAAG,EAAE;IACrB,KAAK,CAAC,KAAK,GAAG;;;;;;;;;;;oDAWkC,CAAC;AACrD,CAAC,CAAC"}
\ No newline at end of file
diff --git a/JS/output.js b/JS/output.js
index c40f87a..b7765f1 100644
--- a/JS/output.js
+++ b/JS/output.js
@@ -13,7 +13,7 @@ const updateOutput = () => {
     if (course === "#دمو") {
         showLink = "https://ali-sdg90.github.io/CS-Queue-Message-Maker/";
     }
-    outputText += `\n${course}\n\n-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-\nبرنامه مدیریت صف برای مسئول صف:\n${showLink}`;
+    outputText += `\nبرنامه مدیریت صف برای مسئول صف:\n${showLink}`;
     output.textContent = outputText;
     const addMembers = document.querySelectorAll(".add-member");
     if (addMembers.length > 2) {
diff --git a/JS/output.js.map b/JS/output.js.map
index 0449736..62fdc99 100644
--- a/JS/output.js.map
+++ b/JS/output.js.map
@@ -1 +1 @@
-{"version":3,"file":"output.js","sourceRoot":"","sources":["../TS/output.ts"],"names":[],"mappings":";AAAA,MAAM,YAAY,GAAG,GAAG,EAAE;IACtB,IAAI,UAAU,GAAG,EAAE,CAAC;IAEpB,UAAU,IAAI,YAAY,MAAM,WAAW,CAAC;IAE5C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACxC,UAAU,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;QAE1B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAC3C,UAAU,IAAI,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;SACxC;QACD,UAAU,IAAI,IAAI,CAAC;KACtB;IAED,IAAI,QAAQ,GAAG,QAAQ,CAAC;IACxB,IAAI,MAAM,KAAK,MAAM,EAAE;QACnB,QAAQ,GAAG,qDAAqD,CAAC;KACpE;IAED,UAAU,IAAI,KAAK,MAAM,iGAAiG,QAAQ,EAAE,CAAC;IAErI,MAAM,CAAC,WAAW,GAAG,UAAU,CAAC;IAEhC,MAAM,UAAU,GAAG,QAAQ,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAG5D,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;QACvB,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAEtB,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;KAC9C;AACL,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,cAAc,CAAgB,CAAC;AAEtE,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;IACnC,IAAI,MAAM,CAAC,WAAW,EAAE;QAEpB,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YACxD,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;YACnC,OAAO,CAAC,WAAW,GAAG,QAAQ,CAAC;YAC/B,UAAU,CAAC,GAAG,EAAE;gBACZ,OAAO,CAAC,WAAW,GAAG,MAAM,CAAC;YACjC,CAAC,EAAE,IAAI,CAAC,CAAC;QACb,CAAC,CAAC,CAAC;KACN;SAAM;QACH,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;QAEzC,UAAU,CAAC,GAAG,EAAE;YACZ,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;QAChD,CAAC,EAAE,GAAG,CAAC,CAAC;KACX;AACL,CAAC,CAAC,CAAC"}
\ No newline at end of file
+{"version":3,"file":"output.js","sourceRoot":"","sources":["../TS/output.ts"],"names":[],"mappings":";AAAA,MAAM,YAAY,GAAG,GAAG,EAAE;IACtB,IAAI,UAAU,GAAG,EAAE,CAAC;IAEpB,UAAU,IAAI,YAAY,MAAM,WAAW,CAAC;IAE5C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACxC,UAAU,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;QAE1B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAC3C,UAAU,IAAI,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;SACxC;QACD,UAAU,IAAI,IAAI,CAAC;KACtB;IAED,IAAI,QAAQ,GAAG,QAAQ,CAAC;IACxB,IAAI,MAAM,KAAK,MAAM,EAAE;QACnB,QAAQ,GAAG,qDAAqD,CAAC;KACpE;IAGD,UAAU,IAAI,sCAAsC,QAAQ,EAAE,CAAC;IAE/D,MAAM,CAAC,WAAW,GAAG,UAAU,CAAC;IAEhC,MAAM,UAAU,GAAG,QAAQ,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAG5D,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;QACvB,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAEtB,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;KAC9C;AACL,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,cAAc,CAAgB,CAAC;AAEtE,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;IACnC,IAAI,MAAM,CAAC,WAAW,EAAE;QAEpB,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YACxD,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;YACnC,OAAO,CAAC,WAAW,GAAG,QAAQ,CAAC;YAC/B,UAAU,CAAC,GAAG,EAAE;gBACZ,OAAO,CAAC,WAAW,GAAG,MAAM,CAAC;YACjC,CAAC,EAAE,IAAI,CAAC,CAAC;QACb,CAAC,CAAC,CAAC;KACN;SAAM;QACH,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;QAEzC,UAAU,CAAC,GAAG,EAAE;YACZ,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;QAChD,CAAC,EAAE,GAAG,CAAC,CAAC;KACX;AACL,CAAC,CAAC,CAAC"}
\ No newline at end of file
diff --git a/Style/_how-to-use.scss b/Style/_how-to-use.scss
index f3001b5..f743542 100644
--- a/Style/_how-to-use.scss
+++ b/Style/_how-to-use.scss
@@ -1,6 +1,6 @@
 .how-to-use-container {
     direction: ltr;
-    padding: 4px;
+    padding: 7px 9px;
 
     .how-to-use-text {
         text-align: justify;
diff --git a/Style/style.css b/Style/style.css
index 9a6bf30..5c62f7e 100644
--- a/Style/style.css
+++ b/Style/style.css
@@ -375,7 +375,7 @@ body {
 
 .how-to-use-container {
   direction: ltr;
-  padding: 4px;
+  padding: 7px 9px;
 }
 .how-to-use-container .how-to-use-text {
   text-align: justify;
diff --git a/Style/style.css.map b/Style/style.css.map
index 1dfaebf..137ceb3 100644
--- a/Style/style.css.map
+++ b/Style/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["_config.scss","style.css","_customScaleCalc.scss","_animation.scss","_base-sections.scss","_input-output-sections.scss","_edit-section.scss","_colors.scss","_how-to-use.scss"],"names":[],"mappings":"AAAA;EACI,UAAA;EACA,SAAA;EACA,sBAAA;EACA,eAAA;ACCJ;;ADEA;EACI,2BAAA;EACA,yBAAA;EACA,WAAA;EACA,aAAA;EACA,aAAA;EACA,wBAAA;EACA,8BAAA;EACA,mBAAA;EACA,uBAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;ACCJ;;ADEA;EACI,UAAA;ACCJ;ADCI;EACI,mBAAA;ACCR;ADEI;EACI,mBAAA;EACA,mBAAA;ACAR;ADEQ;EACI,mBAAA;ACAZ;;AChCA;EACI,WAAA;EACA,iCAAA;EACA,iDAAA;ADmCJ;;AChCA;EAEI,YAAA;EACA,gBAAA;EACA,kBAAA;ADkCJ;;AE5CA;EACI;IACI,wBAAA;EF+CN;EE7CE;IACI,2BAAA;EF+CN;EE7CE;IACI,0BAAA;EF+CN;EE7CE;IACI,2BAAA;EF+CN;EE7CE;IACI,wBAAA;EF+CN;AACF;AG9DA;EACI,WAAA;EACA,aAAA;EACA,qBAAA;EACA,uBAAA;EACA,qBAAA;EACA,YAAA;EACA,yEAAA;AHgEJ;;AG7DA;EACI,WAAA;EACA,YAAA;EACA,aAAA;EACA,qBAAA;EACA,uBAAA;EACA,mBAAA;EACA,eAAA;AHgEJ;AG9DI;EACI,WAAA;EACA,2BAAA;EACA,aAAA;EACA,qBAAA;EACA,uBAAA;EACA,mBAAA;EACA,YAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,kCAAA;EACA,4BAAA;EACA,oBAAA;AHgER;AG7DI;EACI,gBAAA;EACA,sBAAA;EACA,YAAA;AH+DR;;AG3DA;EACI,WAAA;EACA,eAAA;EACA,mBAAA;EACA,2BAAA;EACA,WAAA;EACA,aAAA;EACA,qBAAA;EACA,uBAAA;EACA,mBAAA;EACA,qBAAA;EACA,yBAAA;EACA,eAAA;AH8DJ;;AG3DA;EACI,qBAAA;AH8DJ;;AIxHA;;EAEI,YAAA;EACA,8BAAA;EACA,mBAAA;EACA,gBAAA;EACA,WAAA;EACA,kBAAA;EACA,iBAAA;EACA,0CAAA;AJ2HJ;AIzHI;;;;EAEI,WAAA;EACA,YAAA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,eAAA;EACA,YAAA;EACA,oBAAA;EACA,YAAA;EACA,YAAA;EACA,uBAAA;EACA,cAAA;AJ6HR;AI3HQ;EACI,yBAAA;EACA,cAAA;AJgIZ;AIlIQ;;;;EACI,yBAAA;EACA,cAAA;AJgIZ;AI5HI;;EACI,yBAAA;EACA,UAAA;AJ+HR;AI5HI;;EACI,WAAA;EACA,YAAA;EACA,kBAAA;EACA,SAAA;EACA,aAAA;EACA,qBAAA;EACA,uBAAA;EACA,mBAAA;EACA,iCAAA;EACA,UAAA;EACA,2BAAA;AJ+HR;AI7HQ;;;;EAEI,YAAA;EACA,YAAA;EACA,YAAA;EACA,gBAAA;EACA,YAAA;EACA,kBAAA;EACA,sBAAA;EACA,0BAAA;EACA,6BAAA;EACA,eAAA;EACA,+CAAA;EACA,qBAAA;AJiIZ;AI/HY;;;;EACI,mBAAA;AJoIhB;AIjIY;;;;EACI,0BAAA;EACA,6BAAA;AJsIhB;;AK7MA;EACI,YAAA;EACA,WAAA;EACA,mBAAA;EACA,gBAAA;EACA,iBAAA;EACA,mBAAA;EACA,kBAAA;EACA,cAAA;EACA,uBAAA;EACA,0CAAA;ALgNJ;AK9MI;EACI,iBAAA;EACA,YAAA;ALgNR;AK9MQ;EACI,WAAA;EACA,YAAA;EACA,cAAA;EACA,YAAA;EACA,aAAA;EACA,wDAAA;EACA,QAAA;EACA,kBAAA;ALgNZ;AK9MY;EACI,kCAAA;EACA,aAAA;EACA,qBAAA;EACA,8BAAA;EACA,mBAAA;EACA,WAAA;EACA,eAAA;EACA,YAAA;EACA,4BCnCE;EDoCF,kBAAA;EACA,mBAAA;EACA,gBAAA;ALgNhB;AK9MgB;EACI,aAAA;EACA,qBAAA;EACA,2BAAA;EACA,mBAAA;EACA,QAAA;EACA,wBAAA;ALgNpB;AK9MoB;EACI,mBAAA;ALgNxB;AK7MoB;EACI,mBAAA;EACA,gBAAA;EACA,uBAAA;AL+MxB;AK3MgB;EACI,aAAA;EACA,qBAAA;EACA,uBAAA;EACA,mBAAA;AL6MpB;AK3MoB;EACI,aAAA;EACA,qBAAA;EACA,uBAAA;EACA,mBAAA;EACA,eAAA;EACA,kCAAA;AL6MxB;AK1MoB;EACI,YAAA;EACA,WAAA;EACA,kFAAA;AL4MxB;AKxMwB;EACI,kFAAA;AL0M5B;AKrMwB;EACI,kFAAA;ALuM5B;AKjMoB;EACI,YAAA;EACA,WAAA;EACA,oFAAA;ALmMxB;AK/LwB;EACI,oFAAA;ALiM5B;AK5LwB;EACI,oFAAA;AL8L5B;AKxLoB;EACI,eAAA;EACA,aAAA;AL0LxB;AKxLwB;EACI,kFAAA;AL0L5B;AKlLY;EACI,kCAAA;EACA,aAAA;EACA,qBAAA;EACA,8BAAA;EACA,mBAAA;EACA,4BAAA;EACA,WAAA;EACA,eAAA;EACA,YAAA;EACA,kBAAA;EACA,qBAAA;EACA,gBAAA;ALoLhB;AKlLgB;EACI,aAAA;EACA,qBAAA;EACA,uBAAA;EACA,mBAAA;EACA,YAAA;EACA,SAAA;ALoLpB;AKlLoB;EACI,yBAAA;EACA,gCAAA;EACA,aAAA;EACA,WAAA;EACA,kBAAA;EACA,YAAA;EACA,gBAAA;EACA,YAAA;EACA,YAAA;ALoLxB;AKlLwB;EACI,kCAAA;EACA,oBAAA;ALoL5B;AKtLwB;EACI,kCAAA;EACA,oBAAA;ALoL5B;AK/KgB;EACI,+BAAA;EACA,gBAAA;EACA,kBAAA;EACA,yBAAA;EACA,aAAA;EACA,qBAAA;EACA,uBAAA;EACA,mBAAA;EACA,eAAA;EACA,qBAAA;EACA,kBAAA;EACA,kCAAA;EACA,YAAA;ALiLpB;AK/KoB;EACI,+BAAA;ALiLxB;AK9KoB;EACI,+BAAA;ALgLxB;;AO3WA;EACI,cAAA;EACA,YAAA;AP8WJ;AO5WI;EACI,mBAAA;EACA,iBAAA;EACA,gBAAA;AP8WR;AO3WI;EACI,aAAA;EACA,qBAAA;EACA,uBAAA;EACA,mBAAA;EACA,YAAA;EACA,mBAAA;EACA,kCDjBU;ECkBV,kCAAA;EACA,WAAA;EACA,gBAAA;EACA,eAAA;EACA,eAAA;EACA,qEAAA;EACA,4CAAA;AP6WR;AO3WQ;EACI,4BAAA;AP6WZ;AO1WQ;EACI,4BAAA;EACA,4CAAA;EACA,0BAAA;AP4WZ;;AOvWA;EACI,mBAAA;EACA,eAAA;EACA,qBAAA;EACA,YAAA;AP0WJ;;AOvWA;EACI,eAAA;EACA,uBAAA;AP0WJ;AOxWI;EACI,yBAAA;AP0WR","file":"style.css"}
\ No newline at end of file
+{"version":3,"sources":["_config.scss","style.css","_customScaleCalc.scss","_animation.scss","_base-sections.scss","_input-output-sections.scss","_edit-section.scss","_colors.scss","_how-to-use.scss"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
diff --git a/TS/convertInput.ts b/TS/convertInput.ts
index 4bda933..32480b8 100644
--- a/TS/convertInput.ts
+++ b/TS/convertInput.ts
@@ -1,12 +1,12 @@
 const convertInputToEditableList = () => {
     inputArray = input.value.split("\n");
 
-    course = inputArray[inputArray.length - 5];
+    course = inputArray[0].split(" ")[2];
 
     membersArray = [];
 
-    // Store elements from line 2 to length - 6 in membersArray
-    for (let i = 2; i < inputArray.length - 6; i++) {
+    // Store elements from line 2 to length - 3 in membersArray
+    for (let i = 2; i < inputArray.length - 3; i++) {
         membersArray.push(inputArray[i]);
     }
 
diff --git a/TS/demoList.ts b/TS/demoList.ts
index 98f939d..a331018 100644
--- a/TS/demoList.ts
+++ b/TS/demoList.ts
@@ -1,5 +1,5 @@
 const addDemoList = () => {
-    input.value = ` آپدیت صف #دمو 👇🏻
+    input.value = `آپدیت صف #دمو 👇🏻
 
 1- علی صادقی @Ali_Sdg90
 2- حسام حسنی @HessamHasaniWP
@@ -9,9 +9,6 @@ const addDemoList = () => {
 6- مرضیه حسامی زاده @Miss_HessamZ
 7- امیرحسین حسامی @amirhossein_wp_Hessam
 
-#دمو
-
--ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-
 برنامه مدیریت صف برای مسئول صف:
 https://ali-sdg90.github.io/CS-Queue-Message-Maker/`;
 };
diff --git a/TS/output.ts b/TS/output.ts
index f1af481..d81c7de 100644
--- a/TS/output.ts
+++ b/TS/output.ts
@@ -17,7 +17,8 @@ const updateOutput = () => {
         showLink = "https://ali-sdg90.github.io/CS-Queue-Message-Maker/";
     }
 
-    outputText += `\n${course}\n\n-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-\nبرنامه مدیریت صف برای مسئول صف:\n${showLink}`;
+    // outputText += `\n${course}\n\n-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-ـ-\nبرنامه مدیریت صف برای مسئول صف:\n${showLink}`;
+    outputText += `\nبرنامه مدیریت صف برای مسئول صف:\n${showLink}`;
 
     output.textContent = outputText;
 
diff --git a/index.html b/index.html
index 60029f2..ac5c685 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,8 @@
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <link rel="stylesheet" href="./Style/style.css" />
-        <title>CS-Queue-Message-Maker</title>
+        <link rel="icon" type="image/png" href="./Assets/csi-icon-32.png">
+        <title>CS Queue Message Maker</title>
     </head>
     <body>
         <div class="custom-scale-div default-properties">
@@ -86,18 +87,19 @@ <h1 class="page-header-section">
                             </form> -->
 
                             <div class="how-to-use-container">
-                                <h3 class="how-to-use-title">How to use:</h3>
+                                <h3 class="how-to-use-title">How to use the app:</h3>
                                 <div class="how-to-use-text">
-                                    Copy the list you want to modify from the
+                                    Copy the list you wish to modify from the
                                     "CS Internship - Queue" group and paste it
-                                    into the Input section. Click on Submit
-                                    button, and in the Edit List section, make
-                                    the desired changes to the list. You can
-                                    move someone to the end of the list, remove
-                                    them, or add a new member. Once you've made
-                                    the desired changes, click the copy button
-                                    in the Output section, and the updated list
-                                    will be copied for you.
+                                    into the Input section. After clicking the
+                                    Submit button, you can make the necessary
+                                    changes to the list in the Edit List
+                                    section. These changes may involve moving
+                                    someone to the end of the queue, removing
+                                    them, or adding a new member. Once you've
+                                    completed the desired changes, click the
+                                    copy button in the Output section to have
+                                    the updated list copied to your clipboard.
                                 </div>
                                 <div class="how-to-use-btn">Add Demo List</div>
                                 <br />