Randomchat.io/index.html at main · calculus12/Randomchat.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Randomchat-test</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  <link href="/css/main.css" rel="stylesheet" type="text/css">
  <script src="https://kit.fontawesome.com/958c165453.js" crossorigin="anonymous"></script>
</head>
<body>
  <div class="container">
    <h3 class="my-3">Random Chat</h3>
  <div class="chat-container">

    <div class="chat-div">
    <form class="chat-form">
    <div class="input-group my-3">
      <input type="text" id="msgForm"class="form-control" placeholder="Message" autocomplete="off" aria-label="Message" aria-describedby="button-addon2">
      <input class="btn btn-outline-primary" type="submit" id="button-addon2" value="전송"></input>
    </div>
    <div class="mb-3"><p class="error-msg">메세지를 입력해주세요.</p><span id="numUser"></span></div>
    <div class="divider border-bottom mb-3"></div>
   </form>
    <div style="overflow-y:scroll;word-break:break-all; height:600px;" id="chatLogs"></div>
    </div>

    <div class="img-div">
      <form class="img-form">
        <div class="mb-3">
          <div class="input-group my-3">
            <input class="form-control" accept="image/*" type="file" id="imgForm">
            <input class="btn btn-outline-primary" type="submit" value="전송">
          </div>
        </div>
        <div class="mb-3"><p class="error-img">개발중 ㅎㅎ</p><span style="visibility: hidden;">empty</span></div>
        <div class="divider border-bottom mb-3"></div>
      </form>
      <div style="overflow-y:scroll;word-break:break-all; height:600px;" id="imgLogs"></div>
    </div>
  </div>

  </div>

  <div class="footer-container">
    <footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
      <div class="col-md-4 mx-5 d-flex align-items-center">
        <a href="/" class="mb-3 me-2 mb-md-0 text-muted text-decoration-none lh-1">
          <i class="fa-brands fa-node-js"></i>
        </a>
        <span class="text-muted">Made with Express.js</span>
      </div>

      <ul class="nav col-md-4 justify-content-end list-unstyled d-flex">
        <!--icon-->
      </ul>
    </footer>
  </div>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
  <script src="/socket.io/socket.io.js"></script>
  <script src="/js/main.js"></script>
</body>
</html>