Spaces:
Runtime error
Runtime error
| <html lang="en"> | |
| <head> | |
| <!-- | |
| Messages from Freya: | |
| It will only be functional if you have a HTTP server running because of the utilization of AJAX and jQuery. | |
| Otherwise it will not work. (It will not work if you open the file directly in the browser.) | |
| --> | |
| <meta charset="UTF-8" /> | |
| <title>ChatBox Query</title> | |
| <link | |
| rel="stylesheet" | |
| href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" | |
| /> | |
| <link | |
| rel="stylesheet" | |
| href="https://fonts.googleapis.com/css?family=Open+Sans" | |
| /> | |
| <link | |
| rel="stylesheet" | |
| href="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.3/jquery.mCustomScrollbar.min.css" | |
| /> | |
| <link rel="stylesheet" href="./style.css" /> | |
| </head> | |
| <body> | |
| <div class="chat"> | |
| <div class="chat-title"> | |
| <h1>Title</h1> | |
| <h2>Subtitle</h2> | |
| <figure class="avatar"> | |
| <img src="./avatar.webp" /> | |
| <!-- Safari does not support webp file but I assume no one uses Safari in our team. --> | |
| </figure> | |
| </div> | |
| <div class="messages"> | |
| <div class="messages-content"></div> | |
| </div> | |
| <div class="message-box"> | |
| <textarea | |
| type="text" | |
| class="message-input" | |
| placeholder="Type message..." | |
| ></textarea> | |
| <button type="submit" class="message-submit">Send</button> | |
| </div> | |
| </div> | |
| <div class="bg"></div> | |
| <!-- partial --> | |
| <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.3/jquery.mCustomScrollbar.concat.min.js"></script> | |
| <script src="./script.js"></script> | |
| </body> | |
| </html> | |