Add styles to client example

dev-KPI · Sep 26, 2023 · 3ed62aa · 3ed62aa
1 parent af8ce7c
commit 3ed62aa
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 0 deletions.
diff --git a/static/background.jpg b/static/background.jpg
diff --git a/static/index.css b/static/index.css
@@ -0,0 +1,14 @@
+body {
+  background-image: url('background.jpg');
+  background-size: cover;
+  background-repeat: no-repeat;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+p {
+  font-size: 34px;
+  font-weight: bold;
+  color: #fdf6f6; /* Text color */
+}
diff --git a/static/index.html b/static/index.html
@@ -1,9 +1,11 @@
 <!doctype html>
 <html>
   <head>
+    <link rel="stylesheet" type="text/css" href="index.css" />
     <script src="client.js"></script>
   </head>
   <body>
     <div id="output"></div>
+    <p>MESSENGER</p>
   </body>
 </html>