add logo

loan-mgt · May 13, 2024 · 20b91b3 · 20b91b3
1 parent acdb33e
commit 20b91b3
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 2 deletions.
diff --git a/static/assets/images/logo.svg b/static/assets/images/logo.svg
diff --git a/static/assets/images/logo_transparent.svg b/static/assets/images/logo_transparent.svg
diff --git a/static/index.html b/static/index.html
@@ -5,12 +5,18 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>RCP Game</title>
+    <link rel="icon" href="/assets/images/logo_transparent.svg">
+
     <!-- Include Tailwind CSS -->
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
 </head>
 
 <body class="bg-gray-200">
-    <div class="container mx-auto mt-8">
+    <div class="container mx-auto mt-2 ">
+        <div class="flex h-20 w-full justify-center items-center">
+<img class="h-full w-auto" src="/assets/images/logo.svg">
+
+        </div>
         <h1 class="text-3xl font-semibold text-center mb-4">Rock Paper Scissors Game</h1>
         <div id="join-container" class="flex flex-col justify-center items-center mb-4">
             <input id="player-name" type="text" placeholder="Enter your name"
@@ -56,7 +62,6 @@ <h1 class="text-3xl font-semibold text-center mb-4">Rock Paper Scissors Game</h1
             </div>
         </div>
     </div>
-
     <script>
         var socket = null;
         let playerName = null;