-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
55 lines (50 loc) · 1.77 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>QTI IOL Player LIT</title>
<script type="module">
import "@citolab/qti-components";
</script>
<style>
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css");
test-container {
aspect-ratio: 16 / 9;
--qti-bg-active: #efecff;
--qti-border-active: #581D70;
--qti-button-padding-vertical: 0.2rem;
--bs-box-shadow: box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
.btn-primary {
--bs-btn-color: #fff;
--bs-btn-bg: #581D70;
--bs-btn-border-color: #581D70;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #EC6726;
--bs-btn-hover-border-color: #EC6726;
--bs-btn-focus-shadow-rgb: 60, 153, 110;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #EC6726;
--bs-btn-active-border-color: #EC6726;
--bs-btn-active-shadow: 0 0 16px 0 rgba(46,49,146,.05);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #581D70;
--bs-btn-disabled-border-color: #581D70;
}
</style>
</head>
<body class="bg-light">
<div class="w-full mx-auto">
<qti-test class="d-flex flex-column m-4 gap-4">
<test-container test-url="/kennisnet-1/AssessmentTest.xml"
class="rounded bg-white border p-4 d-block flex-grow-1 overflow-auto"
></test-container>
<div class="d-flex align-items-center justify-content-between">
<test-prev class="btn btn-primary"> Vorige </test-prev>
<test-next class="btn btn-primary"> Volgende </test-next>
</div>
</qti-test>
</div>
</body>
</html>