Relay/app.html at main · Superposition-Development/Relay · 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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Relay</title>
  <link rel="stylesheet" href="css/color.css">
  <link rel="stylesheet" href="css/app.css">
  <link rel="stylesheet" href="css/modal.css">
</head>

<body>
  <header id="header">
    <div>left</div>
    <div>center</div>
    <div>right</div>
  </header>
  <div id="appContent">

    <div id="modalWrapper">

      <div id="modalBackground">

      </div>

      <div id="modalBody">

        <div id="modalHeader">
          <span id="modalTitle">Create Server</span>
          <button id="modalClose" onclick="closeModal()">X</button>
        </div>

        <div id="modalContent">

        <div class="modalPictureUploadWrapper">
          <div class="modalPictureUpload"></div>
        </div>

        <div class="modalTextField">
          <span class="modalTextFieldLabel">Server Name</span><br>
          <textarea class="modalTextFieldInput"></textarea>
        </div>
        </div>
      </div>
    </div>

    <div id="serverBrowser">
      <div id="SRD-Cosmetic">
        <pre>10A 250VAC 10A 125VAC <br>10A  30VDC 10A  28VDC <br>SRD-05VDC-SL-C
        </pre>
      </div>

      <div class="serverIcon" id="createServerButton" onclick="createModal()">+</div>

      <!-- <div class="serverIcon"></div>
        <div class="serverIcon"></div> -->
    </div>

    <div id="channelHolder">
      <div id="serverName">
        <span id="serverNameSpan">ServerName of infinte doom</span>
      </div>
      <div id="channels">
        <!-- <div class="channel">
          <span class="channelName">channel NAme</span>
        </div> -->
      </div>
    </div>
    <div id="chat">
      <div id="channelHeader">
        <span>fortnite!</span>
      </div>
      <div id="messageField">

        <!-- <div class="message">
          <div class="messagePFP"></div>
          <div class="messageContentWrapper">
            <span class="messageUsername">ryan gos <span class="messageDate">5/22/2026 at 5:55 AM</span></span>
            <span>her hart gets brokn evry tim <br>fjlasjflasld fl;skfjadlf df;ljf;dsl; saal yeah... dotot do do do do
              do do do do de do do doda da de do do do do da de doo do do da do do de do do do da</span>
          </div>
        </div> -->


      </div>
      <div id="typingField">
        <textarea id="chatTextarea"></textarea>
      </div>
    </div>
    <div id="serverInformation"></div>
  </div>

  <script src="js/const.js"></script>
  <script src="js/DOM.js"></script>
  <script src="js/cookie.js"></script>
  <script src="js/network.js"></script>
  <script src="js/login.js"></script>
  <script src="js/message.js"></script>
  <script src="js/modal.js"></script>
  <script src="js/root.js"></script>
</body>

</html>