summaryrefslogtreecommitdiff
path: root/rannak/mangud/perenaine
diff options
context:
space:
mode:
authorRasmus Luha <rasmus.luha@gmail.com>2022-12-21 00:13:31 +0200
committerRasmus Luha <rasmus.luha@gmail.com>2022-12-21 00:13:31 +0200
commit9f6ff0f0ec88e43abae24b1e99a629bd42867dab (patch)
tree75b33d5de0d84e86119dbc1c913e68db7e8523f8 /rannak/mangud/perenaine
parentee0da175151b4d48d4ef27f7acd8d3f9def25986 (diff)
add sissejuhatus btn to uliopilane and perenaine
Diffstat (limited to 'rannak/mangud/perenaine')
-rw-r--r--rannak/mangud/perenaine/memori/index.html49
-rw-r--r--rannak/mangud/perenaine/memori/style.css32
-rw-r--r--rannak/mangud/perenaine/ristsona/index.html48
-rw-r--r--rannak/mangud/perenaine/ristsona/style.css26
4 files changed, 155 insertions, 0 deletions
diff --git a/rannak/mangud/perenaine/memori/index.html b/rannak/mangud/perenaine/memori/index.html
index ae402ef..6b87fa3 100644
--- a/rannak/mangud/perenaine/memori/index.html
+++ b/rannak/mangud/perenaine/memori/index.html
@@ -16,8 +16,52 @@
<h1>Memori</h1>
<p>Mängu läbimiseks leia üles kõik kümme Talongipaari</p>
</div>
+
+ <!-- Button trigger modal -->
+ <button type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal">
+ Sissejuhatus
+ </button>
</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">
+ <h5 class="modal-title" id="myModalLabel">Sissejuhatav info Memori Mängule</h5>
+ <button type="button" class="closeModalButton" data-bs-dismiss="modal" aria-label="Close">
+ <span aria-hidden="true">&times;</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>
+
+
+
+
<section class="memory-game">
<div class="memory-card" data-framework="või">
@@ -158,5 +202,10 @@
</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>
diff --git a/rannak/mangud/perenaine/memori/style.css b/rannak/mangud/perenaine/memori/style.css
index 56769a4..aed2515 100644
--- a/rannak/mangud/perenaine/memori/style.css
+++ b/rannak/mangud/perenaine/memori/style.css
@@ -29,6 +29,38 @@ button:disabled{
cursor: not-allowed;
}
+
+
+/* Modal Stuff */
+
+
+.closeModalButton {
+ border-radius: 50px;
+}
+
+.modalButton{
+ background-color: rgba(0,136,169,1) !important;
+ border: none !important;
+ border-radius: 50px !important;
+ cursor: pointer !important;
+ transition: all 0.3 ease 0 !important;
+ font-size: 1.2rem !important;
+ text-align: center !important;
+ position: absolute !important;
+ top: 65% !important;
+ left: 50% !important;
+ transform: translate(-50%, -50%) !important;
+}
+
+.modalButton:hover{
+ background-color: rgba(0,136,169,0.8) !important;
+}
+
+
+
+/* Memory Game */
+
+
.memory-game {
width: 640px;
height: 640px;
diff --git a/rannak/mangud/perenaine/ristsona/index.html b/rannak/mangud/perenaine/ristsona/index.html
index f947eb7..bd09541 100644
--- a/rannak/mangud/perenaine/ristsona/index.html
+++ b/rannak/mangud/perenaine/ristsona/index.html
@@ -12,6 +12,11 @@
<body>
+ <!-- Button trigger modal -->
+ <button type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal">
+ Sissejuhatus
+ </button>
+
<div class="container text-white text-center">
<h1>Ristsõna</h1>
@@ -45,6 +50,44 @@
</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">
+ <h5 class="modal-title" id="myModalLabel">Sissejuhatav info Ristsõna Mängule</h5>
+ <button type="button" class="closeModalButton" data-bs-dismiss="modal" aria-label="Close">
+ <span aria-hidden="true">&times;</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>
+
+
+
+
<!-- Crossword -->
<div class="main">
@@ -334,5 +377,10 @@
</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>
diff --git a/rannak/mangud/perenaine/ristsona/style.css b/rannak/mangud/perenaine/ristsona/style.css
index 28f1178..d0d405e 100644
--- a/rannak/mangud/perenaine/ristsona/style.css
+++ b/rannak/mangud/perenaine/ristsona/style.css
@@ -25,6 +25,32 @@ button:disabled{
cursor: not-allowed;
}
+/* Modal Stuff */
+
+
+
+.closeModalButton {
+ border-radius: 50px;
+}
+
+.modalButton{
+ position: absolute;
+ top: 0;
+ right: 0;
+ padding: 6px;
+ padding: 9px 25px;
+ background-color: rgba(0,136,169,1) !important;
+ border: none !important;
+ border-radius: 50px !important;
+ cursor: pointer !important;
+ transition: all 0.3 ease 0 !important;
+ margin: 3% !important;
+ font-size: 1.2rem !important;
+}
+
+.modalButton:hover{
+ background-color: rgba(0,136,169,0.8) !important;
+}
/* Input Box styles */
generated by cgit v1.2.3 (git 2.25.1) at 2024-11-23 07:10:36 +0000