diff options
Diffstat (limited to 'rannak/mangud/partorg/plakat.bak/index.html')
| -rw-r--r-- | rannak/mangud/partorg/plakat.bak/index.html | 125 |
1 files changed, 0 insertions, 125 deletions
diff --git a/rannak/mangud/partorg/plakat.bak/index.html b/rannak/mangud/partorg/plakat.bak/index.html deleted file mode 100644 index 4754c9b..0000000 --- a/rannak/mangud/partorg/plakat.bak/index.html +++ /dev/null @@ -1,125 +0,0 @@ -<html lang="en"> -<head> - <meta charset="UTF-8"> - <meta http-equiv="X-UA-Compatible" content="IE=edge"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>Plakat</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> - <section class="wrapper"> - - <div id="toolbar"> - - <div class="intro"> - <h1>Kujunda Plakatit</h1> - <p>Vali välja üks plakat ja muuda/lisa selle kujundust vastavalt enda äranägemisele.</p> - <button class="moveOn" disabled>Liigu Edasi</button> - - <!-- Button trigger modal --> - <button type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal"> - Sissejuhatus - </button> - - <button id="clear">Puhasta</button> - </div> - - <div class="inputs"> - <form> - <p class="toolbarDiv"> - <label for="stroke">Värv</label> - <input id="stroke" name='stroke' type="color"> - </p> - - <p class="toolbarDiv"> - <label for="lineWidth">Joone Paksus</label> - <input id="lineWidth" name='lineWidth' type="number" value="5" maxlength="1"> - </p> - - <!-- - <button id="clear">Puhasta</button> - --> - </form> - </div> - - - - <!-- Image Pick--> - <h2 class="ValiTxt"> Vali Plakat </h2> - <div class="pickingSec"> - <img id="stalin" class="pickImg picked" alt="Jossup Saloninjo Plakat" src="img/stalin.jpg"/> - <img id="veekogud" class="pickImg" alt="Veekogude Plakat" src="img/veekogud.jpg"/> - <img id="testing" class="pickImg" alt="Veekogude Plakat" src="img/testImg.jpg"/> - </div> - - - <!-- Add-Ons Pick - <h2 class="ValiTxt"> Vali Lisasid </h2> - <div class="pickingSec"> - <img id="redStar" class="pickImg" alt="red star" src="img/redStar.png"/> - <img id="lenin" class="pickImg" alt="lenin" src="img/lenin.png"/> - <img id="nazi" class="pickImg" alt="Nazi Flag" src="img/nazi.png"/> - <img id="stalinAddOn" class="pickImg" alt="Stalin" src="img/stalinAddOn.png"/> - </div> - --> - - </div> - - - - - <div class="canvasWrap"> - <canvas id="drawing-board"></canvas> - </div> - - - </section> - - - - - <!-- 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="img/avatar.png"/> - </div> - - <div class="modal-body"> - - Peale ajalehe väljalõigete olen aastate jooksul kogunud ja säilitanud meeleolukaid plakateid nõukogudeaja kuldsest elust. - <br/> - Jagan siinkohal teiega, seltsimehed noored, nelja nendest. Plakatid on pärit erinevatest aastakümnetest: <br/>1950ndad, 1960ndad, 1970ndad ja 1980ndad aastad. - <br/> - <br/> - Palun uurige nende plakatite sisu ja vormi. - <br/> - Õppige, õppige, õppige! Kas tajute, millisesse kümnendisse iga plakat kuulub? - <br/> <br/> - <strong> - Mõelge plakatitele välja uus, kaasaega sobiv lööklause. Samuti kaunistage ja täiendage plakatit kaasaegsete kunsiliste detailidega. Ka huumor on lubatud! - </strong> - - </div> - - </div> - </div> - </div> - - - - - <script src="./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> |