diff --git a/chat/chat.php b/chat/chat.php
index c217661..8359139 100644
--- a/chat/chat.php
+++ b/chat/chat.php
@@ -1,6 +1,7 @@
 <?php
 session_start();
 ob_start();
+require_once "../head-chat.php";
 ini_set('display_errors', 0);
 if (!isset($_SESSION["email"])) {
     include 'head.php';
@@ -40,12 +41,7 @@
         </div>
         <div class="box box-3">
             <ul>
-                <li>server 1</li>
-                <li>server 1</li>
-                <li>server 1</li>
-                <li>server 1</li>
-                <li>server 1</li>
-                <li>server 1</li>
+                <li>general</li>
             </ul>
             <!-- <p>&copy; <span id="footer-year">2023</span> G4O2 Chat. All rights reserved.</p> -->
         </div>
@@ -57,10 +53,10 @@
     <script src="./index.js"></script>
     <script>
         $('main').hide();
-        const url = "https://g4o2-api.maxhu787.repl.co";
-        // const url = "http://localhost:3000";
-        const chatURL = "https://PHP-SQL-Chat.maxhu787.repl.co";
-        // const chatURL = "http://localhost/php-sql-chat";
+        // const url = "https://g4o2-api.maxhu787.repl.co";
+        const url = "http://localhost:3000";
+        // const chatURL = "https://PHP-SQL-Chat.maxhu787.repl.co";
+        const chatURL = "http://localhost/php-sql-chat";
         const socket = io(url);
         const messages = document.getElementById('messages');
         const form = document.getElementById('message-form');
diff --git a/chat/css/chat.css b/chat/css/chat.css
index d37d7be..1f2b0c6 100644
--- a/chat/css/chat.css
+++ b/chat/css/chat.css
@@ -189,9 +189,10 @@ a:hover {
 }
 
 #message-form {
-    flex: .7;
+    flex: .6;
     display: flex;
-
+    min-height: 40px;
+    max-height: 40px;
     flex-direction: row;
 }
 
@@ -206,7 +207,7 @@ a:hover {
 }
 
 #message-form input[type='file'] {
-    flex: 4;
+    flex: 2;
 }
 
 #message-form button {
diff --git a/head-chat.php b/head-chat.php
new file mode 100644
index 0000000..53c5c1e
--- /dev/null
+++ b/head-chat.php
@@ -0,0 +1,48 @@
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta charset="utf-8" />
+<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0" /> -->
+<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+<meta name="description" content="A chat application made with PHP and SQL">
+<meta name="keywords" content="">
+<meta name="author" content="Hu Kaixiang">
+
+<meta name="robots" content="index, follow">
+<meta name="mobile-web-app-capable" content="yes">
+<meta name="apple-mobile-web-app-capable" content="yes">
+<meta name="apple-mobile-web-app-status-bar-style" content="default">
+
+<!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous"> -->
+<!-- <link rel="stylesheet" href="./css/style.css?v=<?php echo time(); ?>"> -->
+<!-- <link rel="stylesheet" href="https://kit.fontawesome.com/b60596f9d0.css" crossorigin="anonymous"> -->
+
+<link rel="apple-touch-icon" sizes="180x180" href="../favicon/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="../favicon/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="../favicon/favicon-16x16.png">
+<link rel="manifest" href="../favicon/site.webmanifest">
+<link rel="mask-icon" href="../favicon/safari-pinned-tab.svg" color="#5bbad5">
+<meta name="msapplication-TileColor" content="#da532c">
+<meta name="theme-color" content="#ffffff">
+
+<meta property="fb:page_id" content="">
+<meta property="og:title" content="g4o2-chat">
+<meta property="og:image" content="https://user-images.githubusercontent.com/103299803/196030342-1b944181-2ba5-4c1b-b762-c6e6827cc5cd.PNG">
+<meta property="og:description" content="A chat application made with PHP and SQL">
+<meta property="og:url" content="https://php-sql-chat.maxhu787.repl.co">
+<meta property="og:site_name" content="g4o2-chat">
+<meta property="og:type" content="website">
+
+<meta name="twitter:card" content="summary">
+<meta name="twitter:title" content="g4o2-chat">
+<meta name="twitter:image" content="https://user-images.githubusercontent.com/103299803/196030342-1b944181-2ba5-4c1b-b762-c6e6827cc5cd.PNG">
+<meta name="twitter:description" content="A chat application made with PHP and SQL">
+<meta name="twitter:url" content="https://php-sql-chat.maxhu787.repl.co/">
+<meta name="twitter:site" content="https://php-sql-chat.maxhu787.repl.co/">
+
+<meta name="google" value="notranslate">
+
+<!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous"> -->
+<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script> -->
+<!-- <script src="https://kit.fontawesome.com/b60596f9d0.js" crossorigin="anonymous"></script> -->
+<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> -->
+<!-- <script src="./scripts/main.js"></script> -->
\ No newline at end of file
diff --git a/logs/logs.log b/logs/logs.log
index 55c70b2..408185d 100644
--- a/logs/logs.log
+++ b/logs/logs.log
@@ -200,3 +200,4 @@ Login success maxhu787@gmail.com 220.142.231.39 (Fri, 21 Apr 2023 22:58:12 +0800
 Login fail wrong password fff@fff.com 8b7e3e29d811ae8d658113107bb3fb16 209.23.10.215 (Sat, 22 Apr 2023 15:58:08 +0800)
 Login success maxhu787@gmail.com 220.142.231.39 (Sat, 22 Apr 2023 18:07:48 +0800)
 Login success maxhu787@gmail.com 220.142.231.39 (Sat, 22 Apr 2023 21:18:19 +0800)
+Logout success  (Fri, 26 May 2023 22:23:13 +0800)
diff --git a/pdo.php b/pdo.php
index 94fe244..1e19af8 100644
--- a/pdo.php
+++ b/pdo.php
@@ -2,7 +2,7 @@
 session_start();
 ob_start();
 ini_set('display_errors', 0);
-
+/*
 $HOST = 'sql12.freemysqlhosting.net';
 $PORT = 3306;
 $DB_NAME = 'sql12561191';
@@ -14,11 +14,11 @@
     $DB_PASSWORD
 );
 $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
-/*
+*/
+
 $HOST = 'localhost';
 $PORT = 3306;
-// $DB_NAME = 'sql12561191';
-$DB_NAME = 'g4o2-chat';
+$DB_NAME = 'sql12561191';
 $DB_USER = 'g4o2';
 $DB_PASSWORD = 'g4o2';
 $pdo = new PDO(
@@ -27,4 +27,3 @@
     $DB_PASSWORD
 );
 $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
-*/
\ No newline at end of file
diff --git a/signup.php b/signup.php
index da6f7c5..7812855 100644
--- a/signup.php
+++ b/signup.php
@@ -50,7 +50,7 @@
 ?>
 
 <head>
-    <title>Create Account</title>
+    <title>Sign up</title>
     <style>
         html,
         body {
@@ -78,6 +78,7 @@
             max-width: 330px;
             padding: 15px;
             margin: 0 auto;
+            /* text-align: center; */
         }
 
         .form-signin .checkbox {
@@ -110,8 +111,8 @@
     </style>
 </head>
 <form class="form-signin" method="post" action="./signup.php" enctype="multipart/form-data">
-    <img class="mb-4" src="./favicon.ico" alt="" width="72" height="72">
-    <h1 class="h3 mb-3 font-weight-normal">Signup</h1>
+    <img class="mb-4" src="./favicon.ico" alt="" width="72" height="72" style="float: left;">
+    <h1 class="h3 mb-3 font-weight-normal" style="margin-top: 24px; margin-left: 90px;">Sign up</h1>
     <?php
     if (isset($_SESSION["error"])) {
         echo ('<p class="text-danger">' . htmlentities($_SESSION["error"]) . "</p>");
@@ -138,13 +139,13 @@
     <p class="mt-5 mb-3 text-muted">© <?= date("Y") ?></p>
     By registering, you agree to our <a href="./terms-of-service.php" target="_blank">Terms</a>, <a href="./privacy-policy.php" target="_blank">Privacy Policy</a> and <a href="./cookie-policy.php" target="_blank">Cookie Policy</a>.<br />
 </form>
-
-<script src="./particles/particles.js"></script>
 <script>
     document.getElementById('username').onkeydown = function(e) {
         var value = e.target.value;
-        if (!e.key.match(/[a-zA-Z0-9_]/) || (e.key == '_' && value[value.length - 1] == '_')) {
-            e.preventDefault();
+        if (value) {
+            if (!e.key.match(/[a-zA-Z0-9_]/) || (e.key == '_' && value[value.length - 1] == '_')) {
+                e.preventDefault();
+            }
         }
     };
 
@@ -181,7 +182,7 @@ function doValidate() {
         return false;
     }
     setTimeout(function() {
-        document.querySelector('.popup-msg').style.display = "none";
-        document.querySelector('.error').style.display = "none";
+        // document.querySelector('.popup-msg').style.display = "none";
+        // document.querySelector('.error').style.display = "none";
     }, 2200);
 </script>
\ No newline at end of file