feat: CC & MDJAmin

MDJAmin · MDJAmin · commit ded1a694311d · 2025-08-23T11:34:56.000+04:30
diff --git a/css/style.css b/css/style.css
@@ -153,3 +153,34 @@ body {
   height: calc(240px + 70px);
   background: rgb(255, 255, 255);
 }
+
+.MDJAminDiv {
+  z-index: 4444;
+  position: fixed;
+  bottom: 5%;
+  left: 2%;
+}
+.MDJAmin {
+  text-decoration: none;
+  border-bottom: 1px dashed rgb(179, 255, 0);
+  border-top: 1px dashed rgb(179, 255, 0);
+  /* border-bottom: 1px dashed rgb(44, 44, 44); */
+  /* border-top: 1px dashed rgb(44, 44, 44); */
+  padding: 4px 0;
+  /* color: rgba(44, 44, 44, 0.525); */
+  color: rgba(204, 204, 204, 0.414);
+  font-family: monospace;
+  font-style: italic;
+  font-size: 1.1em;
+  transition: all 0.5s;
+  /* text-shadow: 0 0 10px rgb(179, 255, 0); */
+  animation: colorful 30s linear infinite;
+}
+
+.MDJAmin:hover {
+  color: white;
+  color: rgb(179, 255, 0);
+  text-shadow: 0 0 10px rgb(179, 255, 0);
+  transform: rotate(calc(var(--index) * -30deg));
+  animation: colorful 30s linear infinite;
+}
diff --git a/index.html b/index.html
@@ -2,29 +2,43 @@
 
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="shortcut icon" href="clock-icon.png" type="image/x-icon">
-    <link rel="stylesheet" href="css/style.css">
+  <head>
+    <meta charset="UTF-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0"
+    />
+    <link
+      rel="shortcut icon"
+      href="clock-icon.png"
+      type="image/x-icon"
+    />
+    <link
+      rel="stylesheet"
+      href="css/style.css"
+    />
     <title>Wall Clock</title>
-</head>
+  </head>
 
-<body>
-    
+  <body>
     <div class="wrapper">
-        <div class="bar-seconds"></div>
-        <div class="number-hours"></div>
+      <div class="bar-seconds"></div>
+      <div class="number-hours"></div>
 
-        <div class="hand-box">
-            <div class="hand hours"><i></i></div>
-            <div class="hand minutes"><i></i></div>
-            <div class="hand seconds"><i></i></div>
-        </div>
+      <div class="hand-box">
+        <div class="hand hours"><i></i></div>
+        <div class="hand minutes"><i></i></div>
+        <div class="hand seconds"><i></i></div>
+      </div>
+    </div>
+    <div class="MDJAminDiv">
+      <a
+        class="MDJAmin"
+        href="https://github.com/MDJAmin"
+        target="_blank"
+        >MDJAmin</a
+      >
     </div>
-
     <script src="js/script.js"></script>
-</body>
-
-</html>
+  </body>
+</html>
diff --git a/js/script.js b/js/script.js
@@ -32,8 +32,7 @@ function getCurrentTime() {
   let CurrentMinutes = date.getMinutes();
   let Currentseconds = date.getSeconds();
 
-  handHours.style.transform = `rotate(${CurrentHours * 30 + CurrentMinutes / 2
-    }deg)`;
+  handHours.style.transform = `rotate(${CurrentHours * 30 + CurrentMinutes / 2}deg)`;
   handMinutes.style.transform = `rotate(${CurrentMinutes * 6}deg)`;
   handSeconds.style.transform = `rotate(${Currentseconds * 6}deg)`;
 }

Original file line number	Diff line number	Diff line change
`@@ -32,8 +32,7 @@ function getCurrentTime() {`
`32`	`32`	`let CurrentMinutes = date.getMinutes();`
`33`	`33`	`let Currentseconds = date.getSeconds();`
`34`	`34`
`35`		- handHours.style.transform = `rotate(${CurrentHours * 30 + CurrentMinutes / 2
`36`		- }deg)`;
	`35`	+ handHours.style.transform = `rotate(${CurrentHours * 30 + CurrentMinutes / 2}deg)`;
`37`	`36`	handMinutes.style.transform = `rotate(${CurrentMinutes * 6}deg)`;
`38`	`37`	handSeconds.style.transform = `rotate(${Currentseconds * 6}deg)`;
`39`	`38`	`}`