From 62059d89f31c1311097b9ace03b70b4bdca64fca Mon Sep 17 00:00:00 2001
From: Max Lehmann <Max@Machine.home>
Date: Wed, 15 Apr 2020 18:02:01 +0200
Subject: [PATCH] curl

---
 index.html | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)
diff --git a/index.html b/index.html
index eb4b511..39aa94c 100644
--- a/index.html
+++ b/index.html
@@ -19,8 +19,12 @@
 		xhttp.send();
 	</script>
 </head>
+<body>
 
-	
+<div id="popup" class="nav">
+<p>This is a popup!</p>
+<input id="popupclose">
+</div>
 		<div class="header">        
 			<h1>We have a USB full of documents</h1>
 		</div>
@@ -33,7 +37,6 @@
 				<button class="btn experiences" onclick="filterSelection('experiences')"> Experiences </button>
 			</div>
 		</nav>
-<body>
 
 
 	<div class="intro" id="intro"> 
@@ -48,8 +51,7 @@
 		<input type="button" class="popup" value="Select All"name="popup" />
 		<div class="empty" id="empty"></div>
 
-	
-	
+	<div class="booty">
 		<div class="container">
 			<section>
 			
@@ -3174,7 +3176,7 @@
 		</div>
 		
 </section>
-
+</div>
 
 
 <!--script src="masonry.js"--><!--</script>-->
@@ -3182,16 +3184,22 @@
                 <script>
 // BUTTONS
 var selectall = document.querySelector("input.selectall"),
-	popup = document.querySelector("input.popup");
+	popup_button = document.querySelector("input.popup"),
+	popup = document.querySelector("#popup"),
+	popup_close_button = document.querySelector("#popupclose");
 selectall.addEventListener("click", function (e) {
 	var checkboxes = document.querySelectorAll("input[type=checkbox][name=print]");
 	for (var i=0; i<checkboxes.length; i++) {
 	    checkboxes[i].checked = true;
 	}
 });
+popup_close_button.addEventListener("click", function (e) {
+    popup.classList.remove("show");
+});
 function showpopup() {
-    alert("I AM YOUR POPUP!");
-}
+    // alert("I AM YOUR POPUP!");
+    popup.classList.add("show");
+};
 popup.addEventListener("click", showpopup);
 showpopup();
 
