121 lines
7.6 KiB
HTML
121 lines
7.6 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8" />
|
||
|
|
<meta name="theme-color" content="#000000" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
|
|
<title>Quiz</title>
|
||
|
|
<style>
|
||
|
|
#widget-container {
|
||
|
|
width: 400px;
|
||
|
|
height: 300px;
|
||
|
|
}
|
||
|
|
p {
|
||
|
|
font-size: x-large;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
||
|
|
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||
|
|
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qu</p>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
||
|
|
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||
|
|
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qu</p>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
||
|
|
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||
|
|
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qu</p>
|
||
|
|
<!-- <div id="widget-container"></div> -->
|
||
|
|
<div id="button-container"></div>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
||
|
|
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||
|
|
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qu</p>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
||
|
|
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||
|
|
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qu</p>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
||
|
|
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||
|
|
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qu</p>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
||
|
|
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||
|
|
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qu</p>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
||
|
|
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||
|
|
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qu</p>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
||
|
|
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||
|
|
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qu</p>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
||
|
|
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||
|
|
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qu</p>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
||
|
|
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||
|
|
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qu</p>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
||
|
|
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||
|
|
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qu</p>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
||
|
|
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||
|
|
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qu</p>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
||
|
|
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||
|
|
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qu</p>
|
||
|
|
<!-- <script type="module">
|
||
|
|
import { ContainerWidget } from "./widget/widget.js";
|
||
|
|
|
||
|
|
new ContainerWidget({
|
||
|
|
selector: "widget-container",
|
||
|
|
quizId: "3c49550d-8c77-4788-bc2d-42586a261514",
|
||
|
|
});
|
||
|
|
</script> -->
|
||
|
|
<!-- <script type="module">
|
||
|
|
import { PopupWidget } from "./widget/widget.js";
|
||
|
|
|
||
|
|
new PopupWidget({
|
||
|
|
quizId: "3c49550d-8c77-4788-bc2d-42586a261514",
|
||
|
|
});
|
||
|
|
</script> -->
|
||
|
|
<!-- <script type="module">
|
||
|
|
import { ButtonWidget } from "./widget/widget.js";
|
||
|
|
|
||
|
|
new ButtonWidget({
|
||
|
|
quizId: "3c49550d-8c77-4788-bc2d-42586a261514",
|
||
|
|
fixedSide: "right",
|
||
|
|
});
|
||
|
|
</script> -->
|
||
|
|
<!-- <script type="module">
|
||
|
|
import { BannerWidget } from "./widget/widget.js";
|
||
|
|
|
||
|
|
new BannerWidget({
|
||
|
|
quizId: "3c49550d-8c77-4788-bc2d-42586a261514",
|
||
|
|
position: "bottomright",
|
||
|
|
});
|
||
|
|
</script> -->
|
||
|
|
<script type="module">
|
||
|
|
import { SideWidget } from "./widget/widget.js";
|
||
|
|
|
||
|
|
new SideWidget({
|
||
|
|
quizId: "3c49550d-8c77-4788-bc2d-42586a261514",
|
||
|
|
position: "right",
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|