diff --git a/.gitignore b/.gitignore
index 164ae8655c..5a2b04f8a0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,3 +3,4 @@ node_modules/
*.log
haters/
.idea/
+.vscode
\ No newline at end of file
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000000..544138be45
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,3 @@
+{
+ "singleQuote": true
+}
diff --git a/02 - JS and CSS Clock/index-START.html b/02 - JS and CSS Clock/index-START.html
index ee7eaefb1f..e61f780290 100644
--- a/02 - JS and CSS Clock/index-START.html
+++ b/02 - JS and CSS Clock/index-START.html
@@ -8,10 +8,17 @@
@@ -56,19 +63,105 @@
transform: translateY(-3px); /* account for the height of the clock hands */
}
+ .center {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate3d(-50%, -50%, 0);
+ width: 12px;
+ height: 12px;
+ border-radius: 50%;
+ background-color: black;
+ }
+
+
.hand {
width:50%;
height:6px;
- background:black;
+ /*background:black;*/
position: absolute;
top:50%;
+ transform-origin: 100% center;
+ }
+
+ .inner {
+ position: absolute;
+ top: 0;
+ right: 0;
+ height: 100%;
+ background-color: black;
+ }
+
+ .hour-hand .inner {
+ width: 50%;
+ }
+ .min-hand .inner {
+ width: 100%;
+ }
+ .second-hand .inner {
+ width: 100%;
+ height: 1px;
+ top: 1px;
}
+ // run the clock indefinitely
+ const timer = setInterval(() => {
+ updateClock(hands, getTimeInfo());
+ }, 1000);
+})();
+