diff --git a/off.html b/off.html
index 421f294..2b8956b 100644
--- a/off.html
+++ b/off.html
@@ -1,20 +1,20 @@
 <html>
     <head>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-        <title>Generator Status.. OFF</title>
+        <title>Generator Status...</title>
         <style>
             * {
                 margin: 0;
             }
             p {
                 font-family: "Source Sans Pro", "SF Pro Display", sans-serif;
-                font-weight:600;
-                font-size: 40px;
+                font-weight: 600;
+                font-size: inherit;
             }
             b {
                 font-weight: bolder;
             }
-            .status-bg {
+            .status-bg-off {
                 background-color: green;
                 height: auto;
                 display: block;
@@ -22,10 +22,35 @@
                 align-content: center;
                 padding: 50px;
             }
+            .status-bg-on {
+                background-color: dimgray;
+                height: auto;
+                display: block;
+                text-align: center;
+                align-content: center;
+                padding: 50px;
+            }
             .status-text {
                 color: white;
+                font-size: 40px;
+            }
+            .credits {
+                padding: 10px 5px;
+                text-align: center;
+                font-size: 15px;
+                color: gray;
+            }
+            .credits a {
+                color: #555555;
+                font-weight: 700;
+            }
+            .credits a:hover {
+                color: #3c5c68;
+            }
+            a {
+                text-decoration: none;
+                color: inherit;
             }
-
         
         
         
@@ -33,10 +58,15 @@
     </head>
     <body>
         
-        <div class="status-bg">
+        <div class="status-bg-off">
             <div class="status-text">
                 <p>The generator is <b>OFF!</b> :)</p>
             </div>
         </div>
+        <div class="credits">
+            <p>Made with ❤️ | Source Code: <a href="https://git.sandcastle.eu.org/thebiblelover7/generator-status">Gitea</a>
+            <br>
+            Thanks to <a href="https://matrix.to/#/@junyong_chung:tchncs.de">Junyong Chung</a> for the hardware and <a href="https://meu.edu.lb">MEU</a> for providing the domain.</p>
+        </div>
     </body>
 </html>
diff --git a/on.html b/on.html
index fc3ea21..6ec7c5f 100644
--- a/on.html
+++ b/on.html
@@ -1,20 +1,28 @@
 <html>
     <head>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-        <title>Generator Status.. OFF</title>
+        <title>Generator Status...</title>
         <style>
             * {
                 margin: 0;
             }
             p {
                 font-family: "Source Sans Pro", "SF Pro Display", sans-serif;
-                font-weight:600;
-                font-size: 40px;
+                font-weight: 600;
+                font-size: inherit;
             }
             b {
                 font-weight: bolder;
             }
-            .status-bg {
+            .status-bg-off {
+                background-color: green;
+                height: auto;
+                display: block;
+                text-align: center;
+                align-content: center;
+                padding: 50px;
+            }
+            .status-bg-on {
                 background-color: dimgray;
                 height: auto;
                 display: block;
@@ -24,8 +32,25 @@
             }
             .status-text {
                 color: white;
+                font-size: 40px;
+            }
+            .credits {
+                padding: 10px 5px;
+                text-align: center;
+                font-size: 15px;
+                color: gray;
+            }
+            .credits a {
+                color: #555555;
+                font-weight: 700;
+            }
+            .credits a:hover {
+                color: #3c5c68;
+            }
+            a {
+                text-decoration: none;
+                color: inherit;
             }
-
         
         
         
@@ -33,10 +58,15 @@
     </head>
     <body>
         
-        <div class="status-bg">
+        <div class="status-bg-on">
             <div class="status-text">
-                <p>The generator is <b>ON!</b> :(</p>
+                <p>The generator is <b>ON</b> :(</p>
             </div>
         </div>
+        <div class="credits">
+            <p>Made with ❤️ | Source Code: <a href="https://git.sandcastle.eu.org/thebiblelover7/generator-status">Gitea</a>
+            <br>
+            Thanks to <a href="https://matrix.to/#/@junyong_chung:tchncs.de">Junyong Chung</a> for the hardware and <a href="https://meu.edu.lb">MEU</a> for providing the domain.</p>
+        </div>
     </body>
 </html>
