Update Main Page

* Change meta tags
* Change the description
* Add new js file to track views

Author: kian-ahmadian

assets/js/view.js

@@ -0,0 +1,15 @@
+window.onload = async () => {
+    const xhr = new XMLHttpRequest()
+    xhr.open("POST", "https://api.python-bale-bot.ir/api/countView")
+    xhr.setRequestHeader("Content-Type", "application/json")
+    xhr.onload = () => console.log("View was calculated!")
+    const data = JSON.stringify({
+        websiteAddress: "python-bale-bot",
+        ip: await getIP()
+    })
+    xhr.send(data)
+}
+
+async function getIP(){
+    return await fetch("https://api.ipify.org/").then((r) => r.text())
+}

index.html

@@ -8,7 +8,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
     <meta name="theme-color" content="#000000" />
     <meta name="description" content="An API wrapper for Bale written in Python." />
-    <meta name="keywords" content="bale bot, balebot, bale messenger, bale ir, messenger python bale bot" />
+    <meta name="keywords" content="bale bot, balebot, bale messenger, bale ir, messenger python bale bot, bale web, bazoo bale, بازوی بله" />
     <meta property="og:title" content="python-bale-bot" />
     <meta property="og:description" content="An API wrapper for Bale written in Python." />
     <meta property="og:type" content="website" />
@@ -55,7 +55,9 @@ <h2 class="pop-anim" id="short-description" dir="rtl">کامل ترین پکیج
             <a class="pop-anim" target="_blank" href="https://kian-ahmadian.ir"><button class="button"><i class="fa fa-code"></i> توسعه دهنده</button></a>
         </div>
         <br/>
-        <h3 class="lang-description">در این روز ها بیشتر افراد به دلیل عوامل مختلف از پیام رسان های داخلی استفاده میکنند. <a class="link" target="_blank" href="https://bale.ai">بله</a> یکی از پیام رسان هایی است که توانسته با توجه به امکانات مختلف آن (پرداخت، ساخت و برنامه نویسی بازو و ...) کاربران و برنامه نویسان را به سمت خود بکشاند. حال ما برای راحتی برنامه نویسان، کتابخانه ای سریع، مدرن و امن به وجود آورده ایم</h3>
+        <h3 class="lang-description">
+            <a class="link" target="_blank" href="https://bale.ai">بله</a>یکی از پیام رسان هایی که به دلیل مزایای مختلف آن اعم از پیام رسانی، خدمات بانکی، پیام رسانی بانکی و ... توانسته کاربران زیادی را به سمت خود بکشاند. یکی از امکانات این پیام رسان بخش ربات (بازو) های آن است. حال ما کتابخانه ای سریع، امن و کاربردی برای استفاده حداکثری از این ویژگی به وجود آورده ایم.
+        </h3>
         <br/>
         <div id="questions">
             <h2>سوالات متداول</h2>
@@ -104,6 +106,7 @@ <h3 class="lang-description" id="more-info">برای دریافت مثال ها
     <script src="assets/js/index.js"></script>
     <script src="assets/js/modal.js"></script>
     <script src="assets/js/copybutton.js"></script>
+    <script src="assets/js/view.js"></script>
 </body>
 
 </html>