-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
34 lines (34 loc) · 1.1 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
<html>
<head>
<script src='./scriptreplay.js'></script>
<script>
window.addEventListener('load', () => {
scriptreplay("mysession", "timing", document.querySelector('#terminal1'))
scriptreplay("mysession", "timing", document.querySelector('#terminal2'))
scriptreplay("mysession", "timing", document.querySelector('#terminal3'))
scriptreplay("mysession", "timing", document.querySelector('#terminal4'))
scriptreplay("mysession", "timing", document.querySelector('#terminal5'))
})
</script>
<style>
body{
margin: 0;
display: grid;
grid-template-rows: 455px 250px 200px;
grid-template-columns: 700px 400px;
}
#terminal1{ grid-row-start: 1}
#terminal2{ grid-row-start: 2}
#terminal3{ grid-row-start: 3}
#terminal4{ grid-row-start: 1}
#terminal5{ grid-row-start: 2; grid-row-end: 4}
</style>
</head>
<body>
<div id="terminal1"></div>
<div id="terminal2"></div>
<div id="terminal3"></div>
<div id="terminal4"></div>
<div id="terminal5"></div>
</body>
</html>