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
132
133
134
135
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Koosta Kõne</title>
<!-- 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">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container text-white text-center">
<h1>Koosta Kõne</h1>
<p>
Loe 1984. aasta kõne, ning kirjuta see ümber, nii, et see sobituks tänapäeva.
</p>
<div class="text-center">
<div class="col">
<button class="moveOn" disabled>Liigu Edasi</button>
<!-- Button trigger modal -->
<button id="testModal" type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal">
Sissejuhatus
</button>
</div>
</div>
</div>
<!-- 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">
<div class="modalHeaderWrapper">
<h3 class="modal-title" id="myModalLabel">Sissejuhatus</h5>
</div>
<img class="avatar" alt="avatar" src="pildid/avatar.png"/>
</div>
<div class="modal-body">
<p>
Head ja usinad õpilased! 1. september on tähtis päev, mil pean alati sütitava kõne kooliaasta alguseks.
Olen ajast-aega kasutanud üht kõnepõhja, mille põhjal on igal aastal hea uut kõnet üles ehitada.
Ent sel aastal seisab meil ees täiesti teistsugune 1. september! Esimene aktus, mis toimub vabas Eestis!
Eesti Vabariigis ei saa ju õppeaastat alustada nii, kuis varem!
</p>
<p>
<strong>
Palun aidake mul kõne ümber teha! Võtke välja kõik, mis on tagurlik,
asendage kommunistlikud pöördumised eestimeelsetega ja leidke õiged sõnad,
mis sobivad uude ajastusse - esitamiseks 1. septembril 1991.
</strong>
</p>
</div>
</div>
</div>
</div>
<!-- Mainy -->
<div class="main">
<div class="vasak">
<h3>Kõne aastast 1984</h2>
<p>
<strong>Seltsimehed lapsed, meie eluõied, kommunismiehitajad! </strong>
Täna, sellel kuldsel sügispäeval, on kogu meie töökal
kollektiivil hea meel, et taas on särasilmsed nõukogude
noored kogunenud meie ühisesse koju, V. I. Lenini nimelise
kolhoosi keskkooli punalippudega kaunistatud aulasse!
<br/><br/>
Loodan, et olete veetnud suvevaheaja, mis oli täis timurlust,
lõbusaid õhtuid lõkke ääres ning põnevaid lugemiselamusi meie
suure kodumaa parimate poegade ja tütarde kirjutatud teostest.
<br/><br/>
Meie suur juht V.I .Lenin on öelnud: “Õppida, õppida, õppida!”.
On suur rõõm, et saame taas üheskoos asuda tarkust taga nõudma.
<br/>
Käesolev õppeaasta on pühendatud NLKP 27. kongressile.
<br/><br/>
”Teie kui tulevased kommunistid, peate koondama peatähelepanu sellele,
et põhjalikult omandada teaduste alused, kujundada endas kindlaid
kommunistlikke veendumusi, tööarmastust, kõlbelist puhtust, et te
kasvaksite meie sotsialistliku paljurahvuselise kodumaa armastamise
ja tema kaitseks valmisoleku vaimus, proletaarse internatsionalismi
vaimus”. Nii tervitas teid, meie poolt palavalt armastatud,
1984. aastal uus NLKP peasekretäri Konstantin Tšernenko.
Ja nende kuldsete sõnadega ongi paslik meie selleaastast
uut õppeaastat alustada ja ikka julgelt edasi, seltsimehed õpilased!
<br/><br/>
Olge valmis usinaks tööks ja kodumaa kaitseks!
</p>
</div>
<div class="parem">
<h3>Sinu kõne</h2>
<div class="kone" contenteditable="true">
Sinu kõne siia...
</div>
</div>
</div> <!-- End of main class-->
<script src="script.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>
|
