| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>Document</title>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.2.0/socket.io.js"></script>
- <link rel="stylesheet" href="reset/reset.css" />
- <link rel="stylesheet" href="style.css" />
- </head>
- <body>
- <div class="container">
- <main class="main">
- <div id="chat"></div>
- </main>
- <div id="user">
- <p>
- <input type="text" id="nick" placeholder="Nick" value="Emmanuil" />
- <input type="text" id="message" placeholder="Message" />
- </p>
- <input type="submit" id="send" value="Send"/>
- </div>
- <div id="emojis">
- <div>
- <span id="e_1" class="emoji" data-src="graphics/emojis/bowtie.png"
- ><img
- src="bowtie.png"
- alt=""/></span
- >:<span
- class="name"
- data-alternative-name="classy, bow, face, formal, fashion, suit, magic, circus"
- >bowtie</span
- >:
- </div>
- <!-- <div>
- <span id="e_2" class="emoji" data-src="graphics/emojis/smile.png"
- ><img
- src="https://www.webfx.com/tools/emoji-cheat-sheet/graphics/emojis/smile.png"
- alt="" /></span
- >:<span
- class="name"
- data-alternative-name="happy, cheerful, face, joy, funny, haha, laugh, like"
- >smile</span
- >:
- </div> -->
-
- </div>
- </div>
- <script src="js.js"></script>
- <!-- <script src="smiles.json"></script> -->
- </body>
- </html>
|
