Readme edit

README.md

@@ -6,12 +6,12 @@ A convenient and fast way to implement paid services using the TonCoin cryptocur
 
 You can assemble the device yourself or ask me to build it for you. To order a ready-made device, contact me via [Telegram](https://t.me/ESPiotDevice), Skype: renat2985.
 
-<img src="https://github.com/renat2985/toncoin_payment_sonoff/blob/main/doc/intro.png">
+<img src="https://github.com/renat2985/toncoin_payment_sonoff/blob/main/doc/intro2.png">
 
 ### Key Features:
 
 1. **Device Connection:**
-   - On first power-up, or if the device cannot find the router, it will create an access point named "TonCoin payment."
+   - When first powered on, if the device can’t find the router or if you press the button on the ESP itself, it will create an access point named “TonCoin payments.”
 
      <img src="https://github.com/renat2985/toncoin_payment_sonoff/blob/main/doc/WiFi.png" width="200px">
    - Connect to this access point (no password needed) and open a browser, then enter http://192.168.4.1. Usually, after connecting to Wi-Fi, the Captive portal will automatically open and redirect you to the desired page.

README_RU.md

@@ -5,12 +5,12 @@
 
 Вы можете собрать устройство самостоятельно или попросить это сделать меня для вас. Для заказа готового устройства свяжитесь через [Telegram](https://t.me/ESPiotDevice), Skype: renat2985
 
-<img src="https://github.com/renat2985/toncoin_payment_sonoff/blob/main/doc/intro.png">
+<img src="https://github.com/renat2985/toncoin_payment_sonoff/blob/main/doc/intro2.png">
 
 ### Основные функции:
 
 1. **Подключение устройства:**
-   - При первом включении или если устройство не может найти роутер, оно создаст точку доступа с именем "TonCoin payment".
+   - При первом включении, если устройство не находит роутер, или если вы нажмёте кнопку на самом ESP, оно создаст точку доступа с именем “TonCoin payments”.
 
      <img src="https://github.com/renat2985/toncoin_payment_sonoff/blob/main/doc/WiFi.png" width="200px">
    - Подключитесь к этой точке (пароль не требуется) и откройте браузер, где введите http://192.168.4.1. Обычно после подключения к Wi-Fi автоматически откроется Activ portal, который перенаправит вас на нужную страницу.

index.html

@@ -8,7 +8,7 @@
   <script src="//code.tidio.co/ydhdvlf6aykdakmpvyziz3ry0ffsbohh.js"></script>
 </head>
 <style>
-  @import url(https://rsms.me/inter/inter-ui.css);#submit:focus,input{color:#f2f2f2}::selection{background:#2d2f36}::-webkit-selection{background:#2d2f36}::-moz-selection{background:#2d2f36}body{background:#fff;font-family:'Inter UI',sans-serif;margin:0;padding:20px}.page{background:#e2e2e5;display:flex;flex-direction:column;height:calc(100% - 40px);position:absolute;place-content:center;width:calc(100% - 40px)}.left,.right{position:relative}.container{display:flex;height:320px;margin:0 auto;width:640px}.left{background:#fff;height:calc(100% - 40px);top:20px;width:50%}.login{font-size:30px;font-weight:900;margin:50px 40px 40px}.eula,label{font-size:14px}.eula,.form{margin:40px}.eula{color:#999;line-height:1.5}.right{background:#474a59;box-shadow:0 0 40px 16px rgba(0,0,0,.22);color:#f1f1f2;width:50%}.form,svg{position:absolute}@media (max-width:767px){.page{height:auto;margin-bottom:20px;padding-bottom:20px}.container{flex-direction:column;height:630px;width:320px}.left{height:100%;left:20px;width:calc(100% - 40px);max-height:270px}.right{flex-shrink:0;height:100%;width:100%;max-height:350px}}svg{width:320px}path{fill:none;stroke:url(#linearGradient);stroke-width:4;stroke-dasharray:240 1386}label{color:#c2c2c5;display:block;height:16px;margin-top:20px;margin-bottom:5px}input{background:0 0;border:0;font-size:20px;height:30px;line-height:30px;outline:0!important;width:100%}input::-moz-focus-inner{border:0}#submit{color:#707075;margin-top:40px;transition:color .3s}#submit:active{color:#d0d0d2}
+  @import url(https://rsms.me/inter/inter-ui.css);.text-danger{color:#f96332}#submit:focus,input{color:#f2f2f2}::selection{background:#2d2f36}::-webkit-selection{background:#2d2f36}::-moz-selection{background:#2d2f36}body{background:#fff;font-family:'Inter UI',sans-serif;margin:0;padding:20px}.page{background:#e2e2e5;display:flex;flex-direction:column;height:calc(100% - 40px);position:absolute;place-content:center;width:calc(100% - 40px)}.left,.right{position:relative}.container{display:flex;height:320px;margin:0 auto;width:640px}.left{background:#fff;height:calc(100% - 40px);top:20px;width:50%}.login{font-size:30px;font-weight:900;margin:50px 40px 40px}.eula,label{font-size:14px}.eula,.form{margin:40px}.eula{color:#999;line-height:1.5}.right{background:#474a59;box-shadow:0 0 40px 16px rgba(0,0,0,.22);color:#f1f1f2;width:50%}.form,svg{position:absolute}@media (max-width:767px){.page{height:auto;margin-bottom:20px;padding-bottom:20px}.container{flex-direction:column;height:630px;width:320px}.left{height:100%;left:20px;width:calc(100% - 40px);max-height:270px}.right{flex-shrink:0;height:100%;width:100%;max-height:350px}}svg{width:320px}path{fill:none;stroke:url(#linearGradient);stroke-width:4;stroke-dasharray:240 1386}label{color:#c2c2c5;display:block;height:16px;margin-top:20px;margin-bottom:5px}input{background:0 0;border:0;font-size:20px;height:30px;line-height:30px;outline:0!important;width:100%}input::-moz-focus-inner{border:0}#submit{color:#707075;margin-top:40px;transition:color .3s}#submit:active{color:#d0d0d2}
 </style>
 
 <body>
@@ -21,10 +21,12 @@
       </div>
       <div class="right">
         <a target="_blank" href="https://github.com/renat2985/toncoin_payment_sonoff" style="float: right;color: #fff;margin: 10px;"><i class="fa fa-github"></i></a>
+        <a href="#" onclick="tidioChatApi.display(true);tidioChatApi.open();tidioChatApi.messageFromVisitor('Мне нужна помощь с Toncoin Sonoff');" style="float: right;color: #fff;margin:10px;"><i class="fa fa-comments-o"></i></a>
         <div class="form">
           <p><b>Payment for Your Services via TonCoin on the Sonoff...</b></p>
           <p>Connect the Sonoff, click on Connect, in the pop-up window select the required COM port and click Connect.</p>
           <esp-web-install-button manifest="./manifest.json">
+            <span slot="unsupported" class="text-danger">Your browser does not support installing things on ESP devices. Use Google Chrome or Microsoft Edge.</span>
           </esp-web-install-button>
         </div>
       </div>