add Avatar to modals

6 files changed, 31 insertions, 8 deletions

diff --git a/rannak/mangud/perenaine/memori/img/avatar.png b/rannak/mangud/perenaine/memori/img/avatar.png
new file mode 100644
index 0000000..60987d3
--- /dev/null
+++ b/rannak/mangud/perenaine/memori/img/avatar.png
diff --git a/rannak/mangud/perenaine/memori/index.html b/rannak/mangud/perenaine/memori/index.html
index 240a48e..c8fd288 100644
--- a/rannak/mangud/perenaine/memori/index.html
+++ b/rannak/mangud/perenaine/memori/index.html
@@ -32,10 +32,10 @@
       <div class="modal-content">
 
         <div class="modal-header">
-          <h5 class="modal-title" id="myModalLabel">Sissejuhatus</h5>
-          <button type="button" class="closeModalButton" data-bs-dismiss="modal" aria-label="Close">
-            <span aria-hidden="true">&times;</span>
-          </button>
+            <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">
diff --git a/rannak/mangud/perenaine/memori/style.css b/rannak/mangud/perenaine/memori/style.css
index aed2515..6a29459 100644
--- a/rannak/mangud/perenaine/memori/style.css
+++ b/rannak/mangud/perenaine/memori/style.css
@@ -33,6 +33,18 @@ button:disabled{
 
 /* Modal Stuff */
 
+.avatar {
+    border-radius: 20px;
+    width: 100% !important;
+}
+
+.modalHeaderWrapper{
+    text-align: center;
+    margin: 0 !important;
+    width: 100% !important;
+}
+
+
 
 .closeModalButton {
   border-radius: 50px;
diff --git a/rannak/mangud/perenaine/ristsona/index.html b/rannak/mangud/perenaine/ristsona/index.html
index 5e106c7..e4de94f 100644
--- a/rannak/mangud/perenaine/ristsona/index.html
+++ b/rannak/mangud/perenaine/ristsona/index.html
@@ -58,10 +58,10 @@
         <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 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">
diff --git a/rannak/mangud/perenaine/ristsona/pildid/avatar.png b/rannak/mangud/perenaine/ristsona/pildid/avatar.png
new file mode 100644
index 0000000..60987d3
--- /dev/null
+++ b/rannak/mangud/perenaine/ristsona/pildid/avatar.png
diff --git a/rannak/mangud/perenaine/ristsona/style.css b/rannak/mangud/perenaine/ristsona/style.css
index b37fc5d..147df2f 100644
--- a/rannak/mangud/perenaine/ristsona/style.css
+++ b/rannak/mangud/perenaine/ristsona/style.css
@@ -39,6 +39,17 @@ button:disabled{
 
 /* Modal Stuff */
 
+.avatar {
+    border-radius: 20px;
+    width: 100% !important;
+}
+
+.modalHeaderWrapper{
+    text-align: center;
+    margin: 0 !important;
+    width: 100% !important;
+}
+
 
 
 .closeModalButton {