From 8eccefcd9df54b1fcd63ee9311e690412e4c6bab Mon Sep 17 00:00:00 2001
From: Mystikfluu <Mystikfluu@gmail.com>
Date: Tue, 4 Oct 2022 21:34:35 +0200
Subject: [PATCH] add modal

---
 css/global.css   | 35 +++++++++++++++++++++++++++++++++++
 views/posts.html |  5 ++++-
 2 files changed, 39 insertions(+), 1 deletion(-)

diff --git a/css/global.css b/css/global.css
index 73635b0..50e0fc5 100644
--- a/css/global.css
+++ b/css/global.css
@@ -22,6 +22,41 @@ body {
   user-select: none;
 }
 
+#modal-shade,
+#modal {
+  display: none;
+  text-align: center;
+}
+
+#modal-shade {
+  position: fixed;
+  z-index: 100;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+#modal {
+  z-index: 101;
+  position: fixed;
+  width: 50%;
+  height:50%;
+  left:25%;
+  right:25%;
+  top:25%;
+
+}
+
+#modal-shade {
+  background: silver;
+  opacity: 0.5;
+  filter: alpha(opacity=50);
+}
+#modal {
+  background: rgba(0,0,0,.5);
+}
+
 ul {
   list-style-type: none;
   margin: 0;
diff --git a/views/posts.html b/views/posts.html
index 2c731d0..f4022a1 100644
--- a/views/posts.html
+++ b/views/posts.html
@@ -42,6 +42,9 @@
       <div class="channelTab" id="channelTab"></div>
       <div class="posts" id="posts"></div>
     </div>
-    <script async><%- loadfile("./js/posts.js") %></script>
+    <script async>
+      <%- loadfile("./js/posts.js") %>
+      <%- loadfile("./js/modal.js") %>
+    </script>
   </body>
 </html>