mouseElephantCatDog/index.html at main · yeedrag/mouseElephantCatDog · 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
<!DOCTYPE html>
<html><head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>chAIns</title>
	<style> @import "./index.css"; </style>
	<script src="./index.js" type="module" defer></script>
</head><body>
	<nav>
		chAIns
	</nav>
	<div>
		<div id="sidebar">
			<div id="categories">
				Not Implemented
			</div>
			<div id="choices">
				<p>Choose block type</p>
				<select id="blockType">
					<optgroup label="Input">
						<option value="Input">Input</option>
					</optgroup>
					<optgroup label="Linear">
						<option value="Linear">Linear</option>
					</optgroup>
					<optgroup label="Activation">
						<option value="ReLU">ReLU</option>
						<option value="leakyReLU">LeakyReLU</option>
						<option value="Sigmoid">Sigmoid</option>
						<option value="Tanh">Tanh</option>
					</optgroup>
					<optgroup label="Concat">
						<option value="Concat">Concat</option>
					</optgroup>
				</select>

				<button id="addBlock">Add Block</button>

				<hr>

				<button id="addLine">Connect Blocks</button>
				<hr>
				<div id = "blockConfig"></div>
			</div>
		</div>
		<div id="workspaceContainer">
			<main id="workspace">
				<!-- An example block
					<div class="block">
						<div class="inputPorts">
							< !-- Discuss Later -- >
						</div>
						<div class="header">Input</div>
						<div class="content">< !-- Empty Here -- ></div>
						<div class="outputPorts">
							< !-- Discuss Later -- >
						</div>
					</div>
				-->
			</main>
		</div>
	</div>
</body></html>