This repository has been archived by the owner on Feb 21, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
96 lines (96 loc) · 4.14 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>shroom; pure web trips</title>
<link rel="stylesheet" href="./global.css">
</head>
<body>
<div class="layout">
<div class="header">
<div class="logo"></div>
<div></div>
<span id="connectButton" class="button">Connect</span>
</div>
<div class="sidebar">
<span id="runButton" class=" button">Run</span>
<span id="saveButton" class=" button">Save</span>
<span id="tripsButton" class=" button">Trips</span>
<div></div>
<div class="workspace_layout">
<div id="wl2x2" class="wl2x2">
<div class="wl_cell" style="background-color: #ffd591">HTML</div>
<div class="wl_cell" style="background-color: #ffd591">CSS</div>
<div class="wl_cell" style="background-color: #ffd591">JS</div>
<div class="wl_cell" style="background-color: #ffd591">R..</div>
</div>
<div id="wl3x1" class="wl3x1">
<div class="wl_cell">HTML</div>
<div class="wl_cell">CSS</div>
<div class="wl_cell">JS</div>
<div class="wl_cell wl_cell_expand">Result</div>
</div>
</div>
</div>
<div id="workspace" class="workspace workspace2x2">
<div>
<div class="editor_header">HTML</div>
<div id="htmlEditor" class="editor"></div>
</div>
<div>
<div class="editor_header">CSS</div>
<div id="cssEditor" class="editor"></div>
</div>
<div>
<div class="editor_header">Javascript</div>
<div id="jsEditor" class="editor"></div>
</div>
<iframe id="output"></iframe>
</div>
</div>
<div id="seedPhraseModal" class="modal">
<div style="display:grid; grid-template-columns: 4fr 1fr;">
<div class="modal_title">Please choose a secure seed phrase.</div>
<span class="button modal_close">✕</span>
</div>
<div style="display: grid; grid-template-columns: 75% 1fr 1fr; grid-gap: .5em; align-content: center; justify-content: center;">
<input id="seedPhraseInput" type="text" max-length="128" placeholder="put your desired seed phrase here..."></input>
<span id="generateSeedPhraseButton" class="button">⟳</span>
<span id="copySeedPhraseButton" class="button">Copy</span>
</div>
<span id="confirmSeedPhraseButton" class="button confirm_button">Confirm</span>
</div>
<div id="saveModal" class="modal">
<div style="display:grid; grid-template-columns: 4fr 1fr;">
<div class="modal_title">Fill the items below to save your trip.</div>
<span class="button modal_close">✕</span>
</div>
<div style="display: grid; grid-template-columns: 75% 1fr; grid-gap: .5em; align-content: center; justify-content: center;">
<input id="tripNameInput" type="text" max-length="128" placeholder="your desired trip name"></input>
<span id="generateTripNameButton" class="button ">⟳</span>
<input id="tripTagsInput" type="text" placeholder="put your space-separated tages here"></input>
<div>
<input type="checkbox" id="isTripPublicCheckBox"></input>
<label for="isTripPublicCheckBox">Public?</label>
</div>
</div>
<span id="confirmSaveButton" class="button confirm_button">Confirm</span>
</div>
<div id="tripsModal" class="modal">
<div class="trips_header">
<span id="mineButton" class="button">Mine</span>
<span id="exploreButton" class="button">Explore</span>
<div></div>
<span class="button modal_close">✕</span>
</div>
<input id="tripSearchInput" type="text" max-length="128" placeholder="search for tags, names, ... COMING SOON!"></input>
<div id="tripContent" class="trip_content"></div>
</div>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.12/ace.js"></script>
<script type="text/javascript" src="./dist/index.js"></script>
</html>