added "phone" chats

index.html

@@ -41,12 +41,13 @@
     <header>
       <nav>
         <a href="https://simple-stock-bots.gitlab.io/site/">Documentation</a>
-        <a href="https://gitlab.com/simple-stock-bots" target="_blank"
+        <!-- <a href="https://gitlab.com/simple-stock-bots" target="_blank"
           ><img
             src="assets/img/gitlab-icon.svg"
             alt="Gitlab Logo"
             style="height: 35px !important"
-        /></a>
+        /> -->
+      </a>
         <a href="https://www.buymeacoffee.com/Anson" target="_blank"
           ><img
             src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png"
@@ -72,6 +73,7 @@
         Discord
       </button>
     </main>
+<hr>
     <h2>Quotes</h2>
     <p>
       The current price of any Stock or Cryptocurrency can be called by using
@@ -79,25 +81,69 @@
       cryptocurrencies use two dollar signs. So the following message in any
       chat with the bot:
     </p>
-    <code>I wonder how $tsla and $$eth are doing today.</code>
-    <p>Would return:</p>
-    <code
-      >The current stock price of Tesla Inc is $664.315, the stock is currently
-      down -0.99%</code
-    ><br />
-    <code>
-      The current price of Ethereum is $3,523.57, the coin is currently up
-      2.194% for today</code
-    >
+    <div class="phone">
+      <div class="messages-wrapper">
+        <div class="message to">
+          I wonder how $tsla and $$eth are doing today.
+        </div>
+        <div class="message from">
+          The current stock price of Tesla Inc is $664.315, the stock is
+          currently down -0.99%
+        </div>
+        <div class="message from">
+          The current price of Ethereum is $3,523.57, the coin is currently up
+          2.194% for today
+        </div>
+      </div>
+    </div>
     <h2>Charts</h2>
     <p>
       Simple Stock Bots can return either intraday or monthly charts. Monthly
       charts are called by using the <code>/chart</code> command, and intraday
       with the <code>/intra</code> command.
     </p>
-    <code>/chart $tsla</code><br /><br />
-    <img src="assets/img/TgChartChat.png" alt="" width="350" />
 
+    <div class="phone">
+      <div class="messages-wrapper">
+        <div class="message to">/chart $tsla</div>
+
+        <div class="message from">
+          <img src="assets/img/TgChartChat.jpg" alt="Tesla Motors Chart" />
+          <br />
+          1 Month chart for $TSLA from 06, Apr 2021 to 05, May 2021 The current
+          stock price of Tesla Inc is $664.315, the stock is currently down
+          -0.99%
+        </div>
+      </div><div class="message to">/intra $$doge</div>
+
+        <div class="message from">
+          <img src="assets/img/TgIntraChat.jpg" alt="Tesla Motors Chart" />
+          <br />
+Intraday chart for Dogecoin from 06:00 to 06:00  on 08, May 2021
+
+The current price of Dogecoin is $0.728507, the coin is currently up 27.420% for today
+        </div>
+      </div>
+    </div>
+    <h2>And More...</h2>
+    <p>
+      Check out the
+      <a href="https://simple-stock-bots.gitlab.io/site/">Documentation</a> for
+      the full list!
+    </p>
+    <footer>
+      <h3>Contact Info:</h3>
+      <p>
+        Email:
+        <a href="mailto:anson@ansonbiggs.com">anson@ansonbiggs.com</a>
+      </p>
+      <p>
+        Twitter:
+        <a href="https://twitter.com/Handsome__Anson">@Handsome__Anson</a>
+      </p>
+      <p>Telegram: <a href="https://t.me/MisterBiggs">@MisterBiggs</a></p>
+      <p>Source Code: <a href="https://gitlab.com/simple-stock-bots">GitLab</a></p>
+    </footer>
     <!-- Content -->
     <script src="assets/js/script.js" type="module"></script>
   </body>