diff options
| author | Rasmus Luha <rasmus.luha@gmail.com> | 2022-10-30 15:19:30 +0200 |
|---|---|---|
| committer | Rasmus Luha <rasmus.luha@gmail.com> | 2022-10-30 15:19:30 +0200 |
| commit | 85c0341a0813556749bc5d34fe35fe8a18f1f5a8 (patch) | |
| tree | d1550e309239b3d522ea6b029e0c3d4b074dc661 /rannak/mangud/uliopilane/ajatelg/index.html | |
| parent | 03f99c33287e99e4db9e4cb4d3877fcf4114b877 (diff) | |
ajatelg done, add to index
Diffstat (limited to 'rannak/mangud/uliopilane/ajatelg/index.html')
| -rw-r--r-- | rannak/mangud/uliopilane/ajatelg/index.html | 193 |
1 files changed, 184 insertions, 9 deletions
diff --git a/rannak/mangud/uliopilane/ajatelg/index.html b/rannak/mangud/uliopilane/ajatelg/index.html index b7e7c2f..5cd5881 100644 --- a/rannak/mangud/uliopilane/ajatelg/index.html +++ b/rannak/mangud/uliopilane/ajatelg/index.html @@ -1,12 +1,187 @@ -<!doctype html> <html lang="en"> - <head> - <meta charset="UTF-8"/> +<head> + <meta charset="UTF-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=, initial-scale=1.0"> <title>Ajatelg</title> - <link href="styles.css" rel="stylesheet"/> - </head> - <body> - - <script src="script.js"></script> - </body> + <link rel="stylesheet" href="styles.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="text-white"> + + <div class="text-center text-white align-items-center pb-5 pealkiri"> + <h1 class="pb-1 pt-2">Ajatelg</h1> + <p>Pane Sündumsed ajateljel õigsse järjekorda</p> + + <div class="row"> + <div> + <button class="moveOn" disabled>Liigu Edasi</button> + </div> + </div> + + </div> + + + <!-- Main stuff --> + + <div class="row"> + + <div class="col-3 position-fixed"> + <div class="list col startBasket text-center"> + <div id="fosforiit" class="list-item" draggable="true">Fosforiidi Sõda</div> + + <div id="muusikapaevad" class="list-item" draggable="true"> + 9. Tartu levimuusikapäevad + <p>(esmakordselt kõlas “Ei ole üksi ükski maa)”</p> + </div> + + <div id="hirvepark" class="list-item" draggable="true">Hirvepargi meeleavaldus</div> + <div id="muinsuskaitse" class="list-item" draggable="true">Tartu muinsuskaitsepäevad</div> + <div id="laulevRev" class="list-item" draggable="true">Laulev revolutsioon, öölaulupeod</div> + <div id="eestiKeel" class="list-item" draggable="true">ENSV Keeleseadus, eesti keel riigikeeleks</div> + <div id="lipp" class="list-item" draggable="true">Sinine, must ja valge lipp esimest korda Pika Hermanni tornis</div> + <div id="kett" class="list-item" draggable="true">Balti kett Tallinnast Vilniuseni</div> + <div id="kongress" class="list-item" draggable="true">Eesti Kongress</div> + <div id="interrinne" class="list-item" draggable="true">Interrinne ründab Toompead</div> + <div id="august" class="list-item" draggable="true">Augustiputš</div> + <div id="iseseisvus" class="list-item" draggable="true">Ülemnõukogu otsus Eesti riiklikust iseseisvusest</div> + </div> + </div> + + + <!------------------- + TIMELINE + notes: + position-fixed + ms-auto + --------------------> + + <div class="col-9 ms-auto timelineContainer"> + <div class="timeline"> + <ul> + + <li> + <div class="timeline-content"> + <h3 class="date">1987</h3> + <div class="dropBox"> + <div id="fosforiit" class="list"></div> + </div> + </div> + </li> + + <li> + <div class="timeline-content"> + <h3 class="date">14.05.1987</h3> + <div class="dropBox"> + <div id="muusikapaevad" class="list"></div> + </div> + </div> + </li> + + <li> + <div class="timeline-content"> + <h3 class="date">23.08.1987 </h3> + <div class="dropBox"> + <div id="hirvepark" class="list"></div> + </div> + </div> + </li> + + <li> + <div class="timeline-content"> + <h3 class="date">14.-17.04.1988</h3> + <div class="dropBox"> + <div id="muinsuskaitse" class="list"></div> + </div> + </div> + </li> + + <li> + <div class="timeline-content"> + <h3 class="date">suvi 1988</h3> + <div class="dropBox"> + <div id="laulevRev" class="list"></div> + </div> + </div> + </li> + + <li> + <div class="timeline-content"> + <h3 class="date">18.01.1989</h3> + <div class="dropBox"> + <div id="eestiKeel" class="list"></div> + </div> + </div> + </li> + + <li> + <div class="timeline-content"> + <h3 class="date">24.02.1989</h3> + <div class="dropBox"> + <div id="lipp" class="list"></div> + </div> + </div> + </li> + + <li> + <div class="timeline-content"> + <h3 class="date">23.08.1989</h3> + <div class="dropBox"> + <div id="kett" class="list"></div> + </div> + </div> + </li> + + <li> + <div class="timeline-content"> + <h3 class="date">11.-12.03.1990</h3> + <div class="dropBox"> + <div id="kongress" class="list"></div> + </div> + </div> + </li> + + <li> + <div class="timeline-content"> + <h3 class="date">15.05 1990</h3> + <div class="dropBox"> + <div id="interrinne" class="list"></div> + </div> + </div> + </li> + + <li> + <div class="timeline-content"> + <h3 class="date">18.-21.08.1991</h3> + <div class="dropBox"> + <div id="august" class="list"></div> + </div> + </div> + </li> + + <li> + <div class="timeline-content"> + <h3 class="date">20.08.1991</h3> + <div class="dropBox"> + <div id="iseseisvus" class="list"></div> + </div> + </div> + </li> + + </ul> + </div> + </div> + + + + </div> + + + <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> |