add modal

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;

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>