diff --git a/control.html b/control.html
index f6ba63f..7fcd901 100644
--- a/control.html
+++ b/control.html
@@ -6,6 +6,9 @@
     <title></title>
     <link href="css/bootstrap.min.css" rel="stylesheet">
     <link href="css/app.css" rel="stylesheet">
+    <script src="js/config.js"></script>
+    <script src="js/jquery-3.7.1.js"></script>
+    <script src="js/roundslider.min.js"></script>
 </head>
 
 <body class="h-100 text-center text-bg-dark content-warp">
@@ -40,11 +43,11 @@
                             <label for="staticEmail" class="col-6 col-form-label">Power</label>
                             <div class="col-6 ">
                                 <div class="redio-switche float-start" style="display:inline-block;">
-                                    <input type="radio" class="btn-check" name="power" id="power-on" autocomplete="off">
+                                    <input type="radio" class="btn-check" name="power" id="power-on" value="on">
                                     <label class="btn btn-sm redio-btn on-btn" for="power-on">ON</label>
 
                                     <input type="radio" class="btn-check" name="power" id="power-off"
-                                        autocomplete="off">
+                                        value="off">
                                     <label class="btn btn-sm redio-btn off-btn" for="power-off">OFF</label>
                                 </div>
                             </div>
@@ -54,11 +57,11 @@
                             <div class="col-6">
                                 <div class="redio-switche float-start" style="display:inline-block;">
                                     <input type="radio" class="btn-check" name="hibernation" id="hibernation-on"
-                                        autocomplete="off">
+                                        value="enable">
                                     <label class="btn btn-sm redio-btn on-btn" for="hibernation-on">ENABLE</label>
 
                                     <input type="radio" class="btn-check" name="hibernation" id="hibernation-off"
-                                        autocomplete="off">
+                                        value="disable">
                                     <label class="btn btn-sm redio-btn off-btn" for="hibernation-off">DISABLE</label>
                                 </div>
                             </div>
@@ -66,7 +69,7 @@
                         <div class="mb-3 row">
                             <label for="staticEmail" class="col-6 col-form-label">Hibernation Timer(min)</label>
                             <div class="col-6">
-                                <input type="number" class="form-control  float-start" id="inputPassword"
+                                <input type="number" class="form-control  float-start" id="timer"
                                     style="width: 100px;">
                             </div>
                         </div>
@@ -75,11 +78,11 @@
                             <div class="col-6">
                                 <div class="redio-switche float-start" style="display:inline-block;">
                                     <input type="radio" class="btn-check" name="trigger" id="trigger-on"
-                                        autocomplete="off">
+                                        value="enable">
                                     <label class="btn btn-sm redio-btn on-btn" for="trigger-on">ENABLE</label>
 
                                     <input type="radio" class="btn-check" name="trigger" id="trigger-off"
-                                        autocomplete="off">
+                                        value="disable">
                                     <label class="btn btn-sm redio-btn off-btn" for="trigger-off">DISABLE</label>
                                 </div>
                             </div>
@@ -89,11 +92,11 @@
                             <div class="col-6">
                                 <div class="redio-switche float-start" style="display:inline-block;">
                                     <input type="radio" class="btn-check" name="delection" id="delection-on"
-                                        autocomplete="off">
+                                       value="enable">
                                     <label class="btn btn-sm redio-btn on-btn" for="delection-on">ENABLE</label>
 
                                     <input type="radio" class="btn-check" name="delection" id="delection-off"
-                                        autocomplete="off">
+                                       value="disable">
                                     <label class="btn btn-sm redio-btn off-btn" for="delection-off">DISABLE</label>
                                 </div>
                             </div>
@@ -103,20 +106,26 @@
                             <div class="col-6">
                                 <div class="redio-switche float-start" style="display:inline-block;">
                                     <input type="radio" class="btn-check" name="lock" id="lock-on"
-                                        autocomplete="off">
+                                        value="lock">
                                     <label class="btn btn-sm redio-btn on-btn" for="lock-on">LOCK</label>
 
                                     <input type="radio" class="btn-check" name="lock" id="lock-off"
-                                        autocomplete="off">
+                                        value="unlock">
                                     <label class="btn btn-sm redio-btn off-btn" for="lock-off">UNLOCK</label>
                                 </div>
                             </div>
                         </div>
+                        <div class="mb-3 row">
+                            <label for="inputPassword" class="col-6 col-form-label">Blink</label>
+                            <div class="col-6 d-flex">
+                                <button type="button" id="blink" class="btn btn-dark border border-black px-5">Blink</button>
+                            </div>
+                        </div>
                     </div>
 
                 </div>
                 <div class="mt-5 pb-5">
-                    <button type="button" class="btn btn-dark border border-black px-5">Save</button>
+                    <button type="button" id="submit" class="btn btn-dark border border-black px-5">Save</button>
                 </div>
             </div>
         </main>
@@ -128,6 +137,24 @@
             </div>
         </footer>
     </div>
+
+    <script>
+        document.addEventListener("DOMContentLoaded", function () {
+            //初始化配置
+        })
+        $(document).ready(function(){
+            
+            
+            $("#submit").on('click',function(){
+                var power = $("input[name='power']:checked").val();
+                alert(power)
+            })
+
+            $("#blink").on('click',function(){
+                alert('blink click')
+            })
+        })
+    </script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/home.html b/home.html
index 34590c4..664f64c 100644
--- a/home.html
+++ b/home.html
@@ -7,6 +7,7 @@
     <link href="css/bootstrap.min.css" rel="stylesheet">
     <link href="css/app.css" rel="stylesheet">
     <link href="css/roundslider.min.css" rel="stylesheet">
+    <script src="js/config.js"></script>
     <script src="js/jquery-3.7.1.js"></script>
     <script src="js/roundslider.min.js"></script>
 </head>
@@ -15,7 +16,7 @@
     <div class="d-flex w-100 h-100 mx-auto flex-column">
         <header class="mb-auto pb-5">
             <div class="dotblock d-flex justify-content-between px-5 py-4">
-                <div class="fs-3">GEAZAN</div>
+                <div class="fs-3"><script>document.write(siteName)</script></div>
                 <div></div>
             </div>
             <div class="d-flex justify-content-center fw-bold border-black nav">
@@ -600,8 +601,8 @@
 
         <footer class="mt-auto text-white-50">
             <div class="dotblock d-flex justify-content-between px-5 py-4">
-                <div class="">Geazan</div>
-                <div>www.geazan.com</div>
+                <div class=""><script>document.write(siteName)</script></div>
+                <div><script>document.write(siteUrl)</script></div>
             </div>
         </footer>
     </div>
diff --git a/js/config.js b/js/config.js
new file mode 100644
index 0000000..26729c3
--- /dev/null
+++ b/js/config.js
@@ -0,0 +1,2 @@
+var siteName="GEAZAN"
+var siteUrl="www.geazan.com"
\ No newline at end of file
diff --git a/system.html b/system.html
index 723de15..d7c2bb8 100644
--- a/system.html
+++ b/system.html
@@ -6,6 +6,9 @@
     <title></title>
     <link href="css/bootstrap.min.css" rel="stylesheet">
     <link href="css/app.css" rel="stylesheet">
+    <script src="js/config.js"></script>
+    <script src="js/jquery-3.7.1.js"></script>
+    <script src="js/roundslider.min.js"></script>
 </head>
 
 <body class="h-100 text-center text-bg-dark content-warp">
@@ -39,44 +42,54 @@
                         <div class="mb-3 row">
                             <label for="staticEmail" class="col-sm-4 col-form-label">GUI verion</label>
                             <div class="col-sm-8">
-                                <input class="form-control" placeholder="" readonly value="1.0.0" />
+                                <div class="d-flex mt-2" id="guiv">
+                                    v1.0.0
+                                </div>
                             </div>
                         </div>
                         <div class="mb-3 row">
                             <label for="staticEmail" class="col-sm-4 col-form-label">Firmware Version</label>
                             <div class="col-sm-8">
-                                <input class="form-control" placeholder="" readonly value="1.0.1" />
+                                <div class="d-flex mt-2" id="firmwarev">
+                                    v1.0.1
+                                </div>
                             </div>
                         </div>
                         <div class="mb-3 row">
                             <label for="staticEmail" class="col-sm-4 col-form-label">SN</label>
                             <div class="col-sm-8">
-                                <input type="password" class="form-control" id="inputPassword">
+                                <div class="d-flex mt-2" id="sn">
+                                    SN-2343-123-NNDD
+                                </div>
                             </div>
                         </div>
                         <div class="mb-3 row">
                             <label for="inputPassword" class="col-sm-4 col-form-label">Host Name</label>
                             <div class="col-sm-8">
-                                <input type="password" class="form-control" id="inputPassword">
+                                <div class="d-flex mt-2" id="hostName">
+                                    HostName
+                                </div>
                             </div>
                         </div>
                         <div class="mb-3 row">
                             <label for="inputPassword" class="col-sm-4 col-form-label">Factory Reset</label>
                             <div class="col-sm-8 d-flex">
-                                <button type="button" class="btn btn-danger">Reset</button>
+                                <button id="reset" type="button" class="btn btn-danger">Reset</button>
                             </div>
                         </div>
                         <div class="mb-3 row">
                             <label for="inputPassword" class="col-sm-4 col-form-label">Fimware Upgrade</label>
                             <div class="col-sm-8 d-flex">
-                                <input type="file" class="form-control" id="inputPassword">
-                                <button type="button" class="btn button btn-dark border border-black ms-4">Confirm</button>
+                                <button id="selectFile" class="btn button btn-dark border border-black">Select</button>
+                                <input type="text" id="fileName" class="form-control"/>
+                                <input type="file" id="uploadFile" style="display: none;">
+                                <button type="button"
+                                    class="btn button btn-dark border border-black ms-4">Confirm</button>
                             </div>
                         </div>
                     </div>
                 </div>
                 <div class="mt-5 pb-5">
-                    <button type="button" class="btn button btn-dark border border-black px-5">Confirm</button>
                 </div>
             </div>
         </main>
@@ -88,6 +101,33 @@
             </div>
         </footer>
     </div>
+    <script>
+        $(document).ready(function () {
+            $('#reset').on('click', function (event) {
+                alert('a')
+            });
+
+            $('#selectFile').on('click',function(){
+                $('#uploadFile').click()
+            })
+            $('#uploadFile').on("change", function(){
+                let file = $('#uploadFile')[0].value
+                $('#fileName')[0].value=file
+            });
+
+            // $('#uploadFile').on('onchange',function(){
+            //     $('#fileName').val = $('#uploadFile')[0].name
+            // })
+        })
+
+        function loadData() {
+            $.ajax({
+                url: '', success: function (res) {
+                    console.log('a')
+                }
+            });
+        }
+    </script>
 </body>
 
 </html>
\ No newline at end of file
