-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathindex.html
135 lines (127 loc) · 6.63 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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Copy Cat</title>
<link rel="stylesheet" href="https://copy-cat.squiddev.cc/main.css" />
<style>
.container {
width: 80%;
margin: 20px auto;
}
.embed-computer {
margin: 20px 0px;
height: 420px;
}
</style>
</head>
<body>
<div class="container">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at
neque elementum, luctus arcu quis, varius urna. Sed faucibus vel justo
quis ultricies. Morbi varius nisl nisl, a lobortis mauris imperdiet at.
Suspendisse vitae dictum ipsum, eu tincidunt turpis. Suspendisse sit
amet justo nibh. Donec accumsan fringilla tortor, eu pellentesque arcu
laoreet vitae. Cras eu posuere lacus, nec scelerisque lacus. Morbi
placerat augue et lorem ornare, convallis pulvinar ligula commodo.
Pellentesque eu suscipit metus, eu sagittis elit. Donec eget lorem eget
neque suscipit convallis a tempor dui. Nunc consequat mi vel mauris
aliquam, vitae fringilla nisi ornare. Pellentesque habitant morbi
tristique senectus et netus et malesuada fames ac turpis egestas. In hac
habitasse platea dictumst. Vivamus sit amet volutpat nunc. Cras in sem
at mi pellentesque pretium.
</p>
<p>
Mauris elit lectus, eleifend non mollis elementum, sagittis at nulla.
Praesent in mauris magna. Duis hendrerit dolor vel porttitor luctus.
Nulla purus sem, iaculis at erat commodo, bibendum imperdiet nunc. Nulla
id nisl ultrices, rhoncus purus quis, volutpat urna. Proin sed sapien
blandit, cursus nisi eu, auctor elit. Pellentesque eu felis sem. Mauris
sit amet euismod dui. Sed sit amet ante lacus.
</p>
<div id="computer-1" class="embed-computer"></div>
<p>
Etiam lobortis, purus vel sollicitudin ullamcorper, neque dolor
tristique lacus, eget condimentum nunc lacus non enim. Nam lectus felis,
aliquam eu vulputate vulputate, commodo eget nulla. Sed at enim in sem
aliquet commodo. Nam ornare metus non orci accumsan dapibus. Quisque at
nisi massa. Cras tristique tempus est in malesuada. Curabitur quis
maximus dui, non finibus neque. Nam malesuada nulla in risus mattis, a
laoreet dui sodales. Sed nec urna felis. Donec ultrices enim non nulla
blandit imperdiet. Proin facilisis placerat euismod. Fusce pulvinar
imperdiet tellus, ac faucibus libero. Integer est purus, condimentum
quis ante quis, sagittis hendrerit mauris. Sed eget ex non ante lobortis
dapibus sollicitudin in erat. Vivamus ornare nibh et urna gravida
dignissim. Fusce vitae maximus enim, quis euismod eros.
</p>
<div id="computer-2" class="embed-computer"></div>
<p>
Phasellus non lorem commodo, interdum lorem eu, tempus libero. Quisque
suscipit commodo ligula quis suscipit. Phasellus eu enim quis odio
vulputate porttitor. Nulla tincidunt lacus eu cursus gravida. Ut velit
leo, tempus ac pretium eu, aliquet vitae elit. Donec accumsan magna in
velit placerat porta. Integer auctor tempor velit commodo accumsan.
Donec blandit felis sed felis ornare fermentum. Mauris egestas mauris ac
purus scelerisque, et consectetur neque commodo. Vestibulum ut quam
tempus, finibus quam nec, tincidunt libero.
</p>
<p>
Mauris in convallis dolor, quis cursus turpis. Pellentesque eu ultricies
nisi. Integer laoreet, risus eget blandit ultrices, sapien nisl aliquam
ipsum, ac volutpat nisl felis sit amet dolor. Suspendisse maximus lorem
eu dui facilisis aliquam. Duis eget erat orci. Morbi facilisis in est
vel elementum. Sed non iaculis tellus. Vestibulum porttitor aliquam
nibh, nec iaculis felis feugiat non. Pellentesque habitant morbi
tristique senectus et netus et malesuada fames ac turpis egestas. Nulla
malesuada, risus vestibulum ullamcorper finibus, augue tortor imperdiet
justo, eu elementum enim lorem malesuada mauris. Pellentesque laoreet ex
magna, vitae fermentum dolor vulputate dictum. Donec viverra est in nisi
facilisis, ac placerat lectus volutpat. Aliquam eu mauris lacinia velit
congue dignissim id quis elit. Quisque pretium imperdiet elit vel
gravida. Nullam pharetra varius faucibus.
</p>
<p>
Pellentesque sollicitudin ante lorem, et efficitur nunc scelerisque a.
Vestibulum venenatis, magna gravida lacinia finibus, dolor sapien
placerat ex, eget porta lacus eros a nisi. Aenean posuere, odio ut
facilisis mattis, turpis justo convallis justo, ac imperdiet turpis nunc
non arcu. Fusce quis ex ut dui tincidunt fringilla id non lectus.
Suspendisse nisi velit, viverra in est sed, scelerisque vulputate quam.
Nunc nec enim varius, egestas magna in, posuere ex. Vestibulum commodo
et nisl eget consectetur. Sed eleifend massa id congue laoreet.
Vestibulum non ullamcorper lorem. Ut eget feugiat diam, congue mollis
purus.
</p>
</div>
<script type="text/javascript" src="https://copy-cat.squiddev.cc/require.js"></script>
<script>
require.config({ paths: { copycat: "https://copy-cat.squiddev.cc/" } });
require(["copycat/embed"], setup => {
// Basic example
setup(document.getElementById("computer-1"));
// More complete example.
const computer = setup(document.getElementById("computer-2"), {
// Specify a computer id to persist files. This does not determine the computer ID - that is always 0.
persistId: 0,
// Either true/false, or a path to a custom font file.
hdFont: "https://copy-cat.squiddev.cc/term_font_hd-0506b6efe5f7feae.png",
// A map of files to their contents. The values may be ArrayBuffers,
// ArrayBuffer views (such as UInt8Array) or plain strings.
files: {
"startup.lua": "print('Running startup.lua.') print(os.pullEvent('from_js'))\n",
"nested/file.txt": "A file in a sub-directory",
},
// Specify the terminals's dimensions.
width: 80,
height: 30,
// Provide a custom label
label: "My computer",
});
// See /src/web/ts/computer/access.ts for available methods.
setTimeout(async () => (await computer).queueEvent("from_js", ["Got event from JS"]), 5000);
});
</script>
</body>
</html>