diy_node_web_flasher/serial_terminal.html at main · CodeHedge/diy_node_web_flasher · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CYM Serial Terminal</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/modern.css">
    <link rel="stylesheet" href="css/dark.css">
    <link rel="stylesheet" href="https://use.typekit.net/qtk5kiq.css" />
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.1/css/all.css" crossorigin="anonymous">
    <link rel="apple-touch-icon" sizes="120x120" href="fav/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="fav/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="fav/favicon-16x16.png">
    <link rel="manifest" href="fav/site.webmanifest">
    <link rel="mask-icon" href="fav/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">
</head>
<body>
<header class="header">

    <div id="terminalContainer" class="terminal">
        <div class="connection-controls">
            <div class="connection-controls-left">
                <img src="assets/logo2.png"><p class="top-text"></p>
               <div id="statusDisplay" class="status-display"></div>


</header>


        </div>

        </div>

    </div>
<main class="main">
<div class="subheaderD">
    &nbsp;&nbsp;<a id="butConnect"><i class="fas fa-plug" onclick="this.style.color='green';"></i> Connect</a>
    <a id="butDisconnect"style="display:none;"><i class="far fa-window-close"></i> Disconnect</a>&nbsp;
    <a id="butSerialTerminal" href="https://fr4nkfletcher.github.io/Adafruit_WebSerial_ESPTool/"><i class="fas fa-bolt"></i> Home</a>&nbsp;&nbsp;
    <a id="butClear"><i class="fas fa-eraser"></i> Clear Text</a>


</div>


</div>
</main>
<div id="terminalOutput" class="terminal-output" style="max-width: 100%; background-color:#000">
  <!-- Make sure this container has enough content to scroll -->
</div>
<style>
    /* Hides scrollbar for #terminalOutput */
    #terminalOutput::-webkit-scrollbar {
        display: none; /* for WebKit browsers like Chrome, Safari */
    }

    #terminalOutput {
        overflow-y: hidden; /* Allows vertical scrolling to remain functional but without visible scrollbar */
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }
</style>


 <footer class="footer">

  <div class="controls">
      <div class="terminal-input-row">
            <input type="text" id="terminalInput" class="terminal-input" placeholder="Type here to send data...">
            <button id="butSend" type="button">SEND</button>
        </div>
  </div>
 <div class="center">
    <i class="fab fa-github"></i> <a href="https://github.com/Fr4nkFletcher/ESP32-Marauder-Cheap-Yellow-Display">Cheap-Yellow-Marauder</a> &mdash;
    powered by <a href="https://github.com/Fr4nkFletcher/Adafruit_WebSerial_ESPTool">Adafruit WebSerial ESPTool</a> <i class="fas fa-flask"></i>
  </div>

</footer>

    </div>
    </footer>
<script src="js/serial.js" defer></script>
<script src='https://storage.ko-fi.com/cdn/scripts/overlay-widget.js'></script>
 <script>
  kofiWidgetOverlay.draw('fr4nkfletcher', {
    'type': 'floating-chat',
    'floating-chat.donateButton.text': 'Donate',
    'floating-chat.donateButton.background-color': '#282a36',
    'floating-chat.donateButton.text-color': '#ff9999'
  });
 </script>
 <style>
.floatingchat-container-wrap { left:unset; bottom:unset; right:35px; top: 4px; }
.floating-chat-kofi-popup-iframe { left:unset; bottom:unset; right:16px; top: 83px; }
</style>
</body>

</html>