From 5a4c9ef83915f4cbf9a18a4fa3305bb0336d3d99 Mon Sep 17 00:00:00 2001
From: bruno <bruno@brn.systems>
Date: Thu, 16 May 2024 10:03:26 +0200
Subject: [PATCH 1/6] Edit meme creation

---
 assets/script.js            |  7 +++++++
 templates/meme_add.html     | 21 ++++++++++++---------
 templates/meme_gallery.html |  1 +
 3 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/assets/script.js b/assets/script.js
index 548efdc..b6fc067 100644
--- a/assets/script.js
+++ b/assets/script.js
@@ -202,6 +202,13 @@ async function togglearticlecreate() {
     articleContainerElement.classList.toggle("hidden");
 }
 
+async function togglememecreate() {
+    "use strict";
+    let memeContainerElement = document.getElementById("memecreatecontainer");
+
+    memeContainerElement.classList.toggle("hidden");
+}
+
 async function renderarticles() {
     "use strict";
     let template = document.querySelector('template[data-template-name="article"]').innerHTML;
diff --git a/templates/meme_add.html b/templates/meme_add.html
index 69cd3f9..6e69076 100644
--- a/templates/meme_add.html
+++ b/templates/meme_add.html
@@ -1,9 +1,12 @@
-<form id="memeAddForm">
-    <label for="meme_title_input">Názov meme-u: </label>
-    <input type="text" id="meme_title_input"/>
-    <label for="meme_text_input">Text meme-u: </label>
-    <input type="text" id="meme_text_input"/>
-    <label for="meme_image_input">Obrázok meme-u</label>
-    <select id="meme_image_input"></select>
-    <input type="button" value="Pridať meme" onclick="addMeme()"/>
-</form>
\ No newline at end of file
+<div id="memecreateForm" class="hidden">
+    <div id="memecreate">
+        <label for="meme_title_input">Názov meme-u: </label>
+        <input type="text" id="meme_title_input"/>
+        <label for="meme_text_input">Text meme-u: </label>
+        <input type="text" id="meme_text_input"/>
+        <textarea id="memebodyinput" placeholder="meme Body" rows="10" cols="80"></textarea><br>
+        <label for="meme_image_input">Obrázok meme-u</label>
+        <select id="meme_image_input"></select>
+        <button type="button" value="Pridať meme" onclick="addMeme()"/>
+    </div>
+</div>
\ No newline at end of file
diff --git a/templates/meme_gallery.html b/templates/meme_gallery.html
index 9477a63..9142e85 100644
--- a/templates/meme_gallery.html
+++ b/templates/meme_gallery.html
@@ -1,6 +1,7 @@
 <header>
     <h1 class="title">Adlerka Memes</h1>
     <p>Skoro, ako <a href="https://reddit.com/r/adlerka" target="_blank">r/adlerka</a>, ale lepšie.</p>
+    <button id="memecreateopen" onclick="togglememecreate()"><i class="ri-add-circle-line"></i></button>
     <hr>
 </header>
 <main>

From b1386c23f23dcf1d5da2a11fc3fb66444b3bf96a Mon Sep 17 00:00:00 2001
From: bruno <bruno@brn.systems>
Date: Thu, 16 May 2024 10:05:21 +0200
Subject: [PATCH 2/6] Edit meme creation

---
 assets/style.css        | 2 +-
 templates/meme_add.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/assets/style.css b/assets/style.css
index ed738d5..e1f2d5c 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -311,7 +311,7 @@ span#ye-span:hover + body{
     display: none;
 }
 
-#articlecreatecontainer{
+#articlecreatecontainer, #memecreatecontainer{
     display: flex;
     align-items: center;
     justify-content: center;
diff --git a/templates/meme_add.html b/templates/meme_add.html
index 6e69076..cf8e7d0 100644
--- a/templates/meme_add.html
+++ b/templates/meme_add.html
@@ -1,4 +1,4 @@
-<div id="memecreateForm" class="hidden">
+<div id="memecreatecontainer" class="hidden">
     <div id="memecreate">
         <label for="meme_title_input">Názov meme-u: </label>
         <input type="text" id="meme_title_input"/>

From 7c383141c660b60d7edd2583ac1e2b017e9bcd32 Mon Sep 17 00:00:00 2001
From: bruno <bruno@brn.systems>
Date: Thu, 16 May 2024 10:08:25 +0200
Subject: [PATCH 3/6] Edit meme creation

---
 templates/meme_add.html     | 3 ++-
 templates/newsArticles.html | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/templates/meme_add.html b/templates/meme_add.html
index cf8e7d0..9663bce 100644
--- a/templates/meme_add.html
+++ b/templates/meme_add.html
@@ -7,6 +7,7 @@
         <textarea id="memebodyinput" placeholder="meme Body" rows="10" cols="80"></textarea><br>
         <label for="meme_image_input">Obrázok meme-u</label>
         <select id="meme_image_input"></select>
-        <button type="button" value="Pridať meme" onclick="addMeme()"/>
+        <button id="memecreatebutton" onclick="addMeme()"><i class="ri-add-circle-line"></i></button>
+        <button id="memecreateclose" onclick="togglememecreate()"><i class="ri-close-line"></i></button>
     </div>
 </div>
\ No newline at end of file
diff --git a/templates/newsArticles.html b/templates/newsArticles.html
index 65eba7e..81b750e 100644
--- a/templates/newsArticles.html
+++ b/templates/newsArticles.html
@@ -19,5 +19,6 @@
     <label for="articleprivilegeinput">Oprávnenie na pozretie článku:</label><br>
     <input type="number" id="articleprivilegeinput" min="1" value="1" step="1"><br>
     <button id="articlesubmit" onclick="submitarticle()">Add</button>
+    <button id="articlecreateclose" onclick="togglearticlecreate()"><i class="ri-close-line"></i></button>
   </div>
 </div>

From c9d62ecaea59adcac4ce5a9fcf4926e9e704c786 Mon Sep 17 00:00:00 2001
From: bruno <bruno@brn.systems>
Date: Thu, 16 May 2024 10:12:23 +0200
Subject: [PATCH 4/6] Edit meme creation

---
 assets/script.js            | 1 +
 assets/style.css            | 4 ++--
 templates/newsArticles.html | 6 +++---
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/assets/script.js b/assets/script.js
index b6fc067..c6a0022 100644
--- a/assets/script.js
+++ b/assets/script.js
@@ -620,6 +620,7 @@ async function addMeme() {
         meme_image_id: memeImageElement.value
     }, "Meme bol zmazaný", "Nastala chyba pri mazaní meme-u", false);
     memeFormElement.reset();
+    await togglememecreate();
 }
 
 async function deleteMeme(memeId) {
diff --git a/assets/style.css b/assets/style.css
index e1f2d5c..3d7af6b 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -316,10 +316,10 @@ span#ye-span:hover + body{
     align-items: center;
     justify-content: center;
     position: fixed;
-    top: 0;
+    top: 15vh;
     left: 0;
     width: 100vw;
-    height: 100vh;
+    height: 70vh;
     z-index: 4;
     backdrop-filter: blur(2px);
 }
diff --git a/templates/newsArticles.html b/templates/newsArticles.html
index 81b750e..a92cc92 100644
--- a/templates/newsArticles.html
+++ b/templates/newsArticles.html
@@ -16,9 +16,9 @@
   <div id="articlecreate">
     <input type="text" placeholder="Article Title" id="articletitleinput"><br>
     <textarea id="articlebodyinput" placeholder="Article Body" rows="10" cols="80"></textarea><br>
-    <label for="articleprivilegeinput">Oprávnenie na pozretie článku:</label><br>
-    <input type="number" id="articleprivilegeinput" min="1" value="1" step="1"><br>
-    <button id="articlesubmit" onclick="submitarticle()">Add</button>
+    <label for="articleprivilegeinput">Oprávnenie na pozretie článku:</label>
+    <input type="number" id="articleprivilegeinput" min="1" value="1" step="1">
+    <button id="articlesubmit" onclick="submitarticle()"><i class="ri-add-circle-line"></i></button>
     <button id="articlecreateclose" onclick="togglearticlecreate()"><i class="ri-close-line"></i></button>
   </div>
 </div>

From 37f5748e2cf3a8802f7ab4a56be7b7321962bc42 Mon Sep 17 00:00:00 2001
From: bruno <bruno@brn.systems>
Date: Thu, 16 May 2024 10:14:29 +0200
Subject: [PATCH 5/6] Edit meme creation

---
 assets/style.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/assets/style.css b/assets/style.css
index 3d7af6b..d14c948 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -294,7 +294,7 @@ span#ye-span:hover + body{
 }
 
 
-#articlecreate {
+#articlecreate, #memecreate {
     border: 5px solid var(--pico-primary);
     z-index: 5;
     margin: auto;
@@ -316,10 +316,10 @@ span#ye-span:hover + body{
     align-items: center;
     justify-content: center;
     position: fixed;
-    top: 15vh;
+    top: 12vh;
     left: 0;
     width: 100vw;
-    height: 70vh;
+    height: 88vh;
     z-index: 4;
     backdrop-filter: blur(2px);
 }

From 7f562b490ce1415ff29076a5b00fa9660773d461 Mon Sep 17 00:00:00 2001
From: bruno <bruno@brn.systems>
Date: Thu, 16 May 2024 10:16:50 +0200
Subject: [PATCH 6/6] Edit meme creation

---
 templates/meme_add.html | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/templates/meme_add.html b/templates/meme_add.html
index 9663bce..76ca676 100644
--- a/templates/meme_add.html
+++ b/templates/meme_add.html
@@ -1,12 +1,14 @@
 <div id="memecreatecontainer" class="hidden">
     <div id="memecreate">
         <label for="meme_title_input">Názov meme-u: </label>
-        <input type="text" id="meme_title_input"/>
+        <input type="text" id="meme_title_input" placeholder="Názov meme-u"/>
+
         <label for="meme_text_input">Text meme-u: </label>
-        <input type="text" id="meme_text_input"/>
-        <textarea id="memebodyinput" placeholder="meme Body" rows="10" cols="80"></textarea><br>
+        <input type="text" id="meme_text_input" placeholder="Text meme-u"/>
+
         <label for="meme_image_input">Obrázok meme-u</label>
         <select id="meme_image_input"></select>
+
         <button id="memecreatebutton" onclick="addMeme()"><i class="ri-add-circle-line"></i></button>
         <button id="memecreateclose" onclick="togglememecreate()"><i class="ri-close-line"></i></button>
     </div>