Started to add a notification div

We just need to correctly implement Jquery and we will be able to show notifications in the game Also updated npm modules
2024-01-08 23:34:32 +01:00
parent e1f711e03c
commit 02cf36a131
6 changed files with 163 additions and 4 deletions
--- a/index.html
+++ b/index.html
@@ -5,9 +5,35 @@
 		<title>My first three.js app</title>
 		<style>
 			body { margin: 0; }
+
+			#notification_bar {
+				position: absolute;
+				top:0;
+				right: 0;
+
+				height: 80px;
+				width: 0;
+				/*width: 320px; 320 is the expended value, when showed by Jquery*/
+				background-color: #1C232A;
+				opacity: 0; /* Set to 0.9 when showed */
+				z-index: 100;
+				border-left: 24px solid #2E86AB;
+			}
+
+			#notification_bar p{
+				margin: 6px;
+				color: #EAEAEA;
+				font-size: 1em;
+				font-family: Arial, Helvetica, sans-serif;
+			}
+			
 		</style>
 	</head>
 	<body>
+		<div id="notification_bar">
+			<p><!-- Text added here by JS --></p>
+		</div>
 		<script type="module" src="/src/main.js"></script>
+		
 	</body>
 </html>