-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
61 lines (53 loc) · 2.59 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Kolorering med AI självtest</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<nav class="raa-nav">
<img src="assets/raa-logo.svg">
<ul>
<li><a href="#">En</a></li>
<li><a href="#" class="current">Sv</a></li>
</ul>
</nav>
<main class="container">
<section class="start">
<div>
<h1>Själv test: Orginal eller AI.</h1>
<p>One day when he was out walking, he came to an open place in the middle of the forest, and in the middle of this place was a large oak-tree, and, from the top of the tree, there came a loud buzzing-noise.</p>
<p>Winnie-the-Pooh sat down at the foot of the tree, put his head between his paws, and began to think.</p>
<p>First of all he said to himself: That buzzing-noise means something. You don't get a buzzing-noise like that, just buzzing and buzzing, without its meaning something. If there's a buzzing-noise, somebody's making a buzzing-noise, and the only reason for making a buzzing-noise that I know of is because you're a bee. </p>
<button class="raa-button raa-button-confirm">Starta</button>
</div>
</section>
<div id="sectionContainer"></div>
<section class="final" style="display: none;">
<h1>Du fick <span id="pCorrect"></span>% rätt.</h1>
<div class="chart-container" style="position: relative; max-width: 70%;">
<canvas id="doughnut" width="400" height="400"></canvas>
</div>
<h2>Resultat och bildlicenser</h2>
<button id="shareBtn" class="raa-button raa-button-confirm">Dela resultatet</button>
<button id="retestBtn" style="display: none" class="raa-button raa-button-confirm">Gör testet</button>
<br>
<div id="imagesResult"></div>
</section>
<div class="raa-modal-overlay" id="share-modal">
<div class="raa-modal" style="max-width: 500px;">
<h3 style="margin: 1.5rem .5rem;">Shareable URL</h3>
<a href="#" class="close"title="Close modal">
<img src="assets/close_white_orange.png" aria-hidden="true">
</a>
<input type="url" readonly id="shareURLInput" class="m-tb-small m-lr-small raa-input" onfocus="this.select();">
<button class="m-tb-small m-lr-small raa-button raa-button-confirm" onclick="copySharableUrl()">Copy and close</button>
</div>
</div>
</main>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Chart.min.js"></script>
<script src="app.js"></script>
</body>
</html>