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
|
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kuulsad Ütlused</title>
<link rel="stylesheet" href="css/utlused.css">
<link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap" rel="stylesheet">
<link rel="stylesheet" type=text/css href="utlused.css">
<!-- Bootstrap - CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
</head>
<body class="bg-dark">
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal">
Sissejuhatus
</button>
<!-- Modal -->
<div class="modal fade text-black" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="myModalLabel">Sissejuhatav info Kuulsate Ütluste Mängule</h5>
<button type="button" class="closeModalButton" data-bs-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
Odio eu feugiat pretium, nibh ipsum consequat nisl, vel pretium lectus quam id leo?
Arcu non odio euismod lacinia at quis risus sed vulputate odio. Nullam non nisi est,
sit amet facilisis magna etiam tempor, orci eu lobortis elementum,
nibh tellus molestie nunc, non blandit massa enim nec dui nunc.
<br/>
Odio eu feugiat pretium, nibh ipsum consequat nisl, vel pretium lectus quam id leo?
Arcu non odio euismod lacinia at quis risus sed vulputate odio. Nullam non nisi est,
sit amet facilisis magna etiam tempor, orci eu lobortis elementum,
nibh tellus molestie nunc, non blandit massa enim nec dui nunc.
<br/>
odio eu feugiat pretium, nibh ipsum consequat nisl, vel pretium lectus quam id leo?
arcu non odio euismod lacinia at quis risus sed vulputate odio. nullam non nisi est,
sit amet facilisis magna etiam tempor, orci eu lobortis elementum,
nibh tellus molestie nunc, non blandit massa enim nec dui nunc.
</div>
</div>
</div>
</div>
<div class="wrapper container draggable-elements align-items-center">
<div class="empty ">
<div class="drag draggable" draggable="true" style="color: #ff6384;" id="valk">Heinz Valk</div>
</div>
<div class="empty ">
<div class="drag draggable" draggable="true" style="color: #36a2eb;" id="savisaar"> Edgar Savisaar </div>
</div>
<div class="empty ">
<div class="drag draggable" draggable="true" style="color: #ffce56;" id="leemet"> Jüri Leesment </div>
</div>
<div class="empty ">
<div class="drag draggable" draggable="true" style="color: #69359c;" id="runnel"> Hando Runnel </div>
</div>
<div class="empty ">
<div class="drag draggable" draggable="true" style="color: #377f44;" id="interrinne"> Interrinde toeatjad </div>
</div>
<div class="empty ">
<div class="drag draggable" draggable="true" style="color: #141414;" id="lauristin"> Marju Lauristin </div>
</div>
<div class="row">
<div>
<button class="moveOn" disabled>Liigu Edasi</button>
</div>
</div> <!-- Row End -->
</div>
<div class="container">
<div class="row">
<div class="droppable col-12 col-sm-6 empty" data-draggable-id="leemet"><span>"Eestlane olen ja eestlaseks jään"</span></div>
<div class="droppable col-12 col-sm-6 empty" data-draggable-id="valk"><span>"Ükskord me võidame niikuinii" (Eestimaa Laul 11.09.1988)</span></div>
</div>
<div class="row">
<div class="droppable col-12 col-sm-6 empty" data-draggable-id="savisaar"><span>"Toompead rünnatakse! Ma kordan - Toompead rünnatakse!"</span></div>
<div class="droppable col-12 col-sm-6 empty" data-draggable-id="runnel"><span>"Maa tuleb täita lastega" (ans. Justamendi laul 1987)</span></div>
</div>
<div class="row">
<div class="droppable col-12 col-sm-6 empty" data-draggable-id="interrinne"><span>"Арнольд Рюйтель, выходи один!" 15.05.1990"</span></div>
<div class="droppable col-12 col-sm-6 empty" data-draggable-id="lauristin"><span>"Mõistusega. Lauluga. Südamega. Just nii me olemegi kõige tugevamad"</span></div>
</div>
</div>
</div>
<script src="js/main.js"></script>
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>
</body>
</html>
|
