Added a first zoom plate

Works great, let's make the code cleaner and use it everywhere

index.html

@@ -31,6 +31,21 @@
 				font-size: 1em;
 				font-family: Arial, Helvetica, sans-serif;
 			}
+
+			#picture_zoom{
+				position: absolute;
+				top: 10%;
+				bottom: 10%;
+				left: 10%;
+				right: 10%;
+				border: 4px solid black;
+				z-index: 100;
+				
+			}
+			#picture_zoom img{
+				width: 100%;
+				height: 100%;
+			}
 			
 		</style>
 	</head>
@@ -38,6 +53,9 @@
 		<div id="notification_bar">
 			<p><!-- Text added here by JS --></p>
 		</div>
+		<div id="picture_zoom" style="display: none;"><!-- Hidden by default, Jquery will show it later -->
+			<img src="" alt="Sign picture" /><!-- src is defined by JS -->
+		</div>
 		<script type="module" src="/src/main.js"></script>
 		
 	</body>