@21natzil/

morse-website

HTML, CSS, JS

No description

fork
loading
Files
  • index.html
  • script.js
  • style.css

This Plugin Crashed!

Error: Error: must not create an existing file {"type":"CREATE_FILE","wid":"0.7617120466902432","path":"index.html","file":{"path":"index.html","content":{"asEncoding":{"base64":"PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPG1ldGEgY2hhcnNldD0idXRmLTgiPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCI+CiAgICA8dGl0bGU+TW9yc2UgQ29kZSBDaGF0PC90aXRsZT4KICAgIDxsaW5rIGhyZWY9InN0eWxlLmNzcyIgcmVsPSJzdHlsZXNoZWV0IiB0eXBlPSJ0ZXh0L2NzcyIgLz4KICAgIDxsaW5rIGhyZWY9Imh0dHBzOi8vYm9vdHN3YXRjaC5jb20vNC9zbGF0ZS9ib290c3RyYXAubWluLmNzcyIgcmVsPSJzdHlsZXNoZWV0IiB0eXBlPSJ0ZXh0L2NzcyI+CiAgPC9oZWFkPgogIDxib2R5PgogICAgICA8ZGl2IGNsYXNzPSJjb250YWluZXIgdGV4dC1jZW50ZXIiPgogICAgICAgICAgPGRpdiBjbGFzcz0ianVtYm90cm9uIj4KICAgICAgICAgICAgICA8aDI+V2VsY29tZSBUbyBNb3JzZSBDb2RlIENoYXQhPC9oMj4KICAgICAgICAgICAgICA8c21hbGw+VGhlIGJlc3Qgb25saW5lIGNoYXQgcm9vbSB0aGF0IG9ubHkgdXNlcyBtb3JzZSBjb2RlITwvc21hbGw+CiAgICAgICAgICA8L2Rpdj4KICAgICAgPGgxPkhvdyBkb2VzIGl0IHdvcms/PC9oMT4KICAgICAgPHA+VG8gY29tdW5pY2F0ZSwgYWxsIHlvdSBuZWVkIHRvIGRvIGlzIHByZXNzIHNwYWNlLCBhbmQgcHJlc3MgYW5kIGhvbGQgc3BhY2UuIEl0J3MgdXAgdG8geW91IHRvIHRyYW5zbGF0ZSB5b3VyIG1lc3NhZ2UsIGFuZCB0cmFuc2xhdGUgb3RoZXIgcGVvcGxlJ3MgbWVzc2FnZXMuIERvbid0IHdvcnJ5LCB3ZSdsbCBwcm92aWRlIGEgY2hhcnQgdG8gaGVscCB5b3UgdW5kZXJzdGFuZC48L3A+CiAgICAgIDxmb3JtIGFjdGlvbj0ibmV3X3VzZXIiIG1ldGhvZD0iUE9TVCI+CiAgICAgICAgICA8ZGl2IGNsYXNzPSJmb3JtLWdyb3VwIHJvdyBqdXN0aWZ5LWNvbnRlbnQtYXJvdW5kIj4KICAgICAgICAgICAgICA8aW5wdXQgY2xhc3M9ImZvcm0tY29udHJvbCBjb2wtNSIgdHlwZT0idGV4dCIgcGxhY2Vob2xkZXI9Ik5hbWUgKGV4LiBNci4gU3F1aWdnbGVzKSIgaWQ9Im5hbWUtZW50cnkiIG5hbWU9InVzZXJuYW1lIj4KICAgICAgICAgICAgICA8YnV0dG9uIHR5cGU9InN1Ym1pdCIgY2xhc3M9ImJ0biBidG4tcHJpbWFyeSBjb2wtNSI+RW50ZXIgQ2hhdDwvYnV0dG9uPgogICAgICA8L2Rpdj4KICAgIDwvZGl2PgogICAgPHNjcmlwdCBzcmM9InNjcmlwdC5qcyI+PC9zY3JpcHQ+CiAgPC9ib2R5Pgo8L2h0bWw+"},"asBuffer":null},"loaded":true}}
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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Morse Code Chat</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <link href="https://bootswatch.com/4/slate/bootstrap.min.css" rel="stylesheet" type="text/css">
  </head>
  <body>
      <div class="container text-center">
          <div class="jumbotron">
              <h2>Welcome To Morse Code Chat!</h2>
              <small>The best online chat room that only uses morse code!</small>
          </div>
      <h1>How does it work?</h1>
      <p>To comunicate, all you need to do is press space, and press and hold space. It's up to you to translate your message, and translate other people's messages. Don't worry, we'll provide a chart to help you understand.</p>
      <form action="new_user" method="POST">
          <div class="form-group row justify-content-around">
              <input class="form-control col-5" type="text" placeholder="Name (ex. Mr. Squiggles)" id="name-entry" name="username">
              <button type="submit" class="btn btn-primary col-5">Enter Chat</button>
      </div>
    </div>
    <script src="script.js"></script>
  </body>
</html>
result
console