From ef07976701d45f0fdd263a15707eb6126a21d0ba Mon Sep 17 00:00:00 2001
From: Adil <152092906+Adil-az75@users.noreply.github.com>
Date: Sun, 19 May 2024 22:53:08 -0400
Subject: [PATCH 01/17] Add files via upload
---
index.html | 24 +++++++++++++++-
styles.css | 82 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 105 insertions(+), 1 deletion(-)
create mode 100644 styles.css
diff --git a/index.html b/index.html
index 3ea22fdc..15c22cb7 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
-
+ Catch-Me-If-You-Can
Click start to play!
@@ -23,6 +23,28 @@
0 seconds left.
+
+
+
+
+
+
+
+
diff --git a/styles.css b/styles.css
new file mode 100644
index 00000000..ddb7d81e
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,82 @@
+html {
+ /*background: url('./assets/background.png') no-repeat center center fixed;*/
+ background: url('https://github.com/Thinkful-Ed/js-dev-final-capstone-starter/blob/main/assets/background.png?raw=true') no-repeat center center fixed;
+ box-sizing: border-box;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+ z-index:0;
+ overflow: hidden;
+}
+
+h1 {
+ text-align: center;
+ font-size: 50px;
+ font-family: "Comic Sans MS", "Comic Sans", cursive;
+ color: white;
+ -webkit-text-stroke: 2px black;
+}
+
+h2 {
+ text-align: center;
+ font-size: 40px;
+ color: white;
+ -webkit-text-stroke: 1px black;
+}
+
+#start {
+ text-align: center;
+ font-size: 30px;
+}
+
+#timer{
+ color: white;
+}
+
+.grid {
+ width: 600px;
+ height: 200px;
+ display: flex;
+ flex-wrap: wrap;
+ margin: 0 auto;
+ /*cursor: url('./assets/mallet.png'), pointer;*/
+}
+
+.hole {
+ flex: 1 0 33.33%;
+ overflow: hidden;
+ position: relative;
+}
+
+.hole:after {
+ display: block;
+ /*background: url("./assets/hole.png") bottom center no-repeat;*/
+ background: url("https://github.com/Thinkful-Ed/js-dev-final-capstone-starter/blob/main/assets/hole.png?raw=true") bottom center no-repeat;
+ background-size:contain;
+ content:'';
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ bottom: -40%;
+ z-index: 2;
+ pointer-events:none;
+}
+
+.mole {
+ /*background:url('./assets/mole.png') bottom center no-repeat;*/
+ background:url('https://github.com/Thinkful-Ed/js-dev-final-capstone-starter/blob/main/assets/mole.png?raw=true') bottom center no-repeat;
+ background-size: 40%;
+ position: absolute;
+ top: 100%;
+ width: 100%;
+ height: 100%;
+ /*transition: transform 0.5s;*/
+ transition: all 0.5s;
+ pointer-events:auto;
+}
+
+.hole.show .mole {
+ top: 1.1;
+ /*transform: scale(1.1);*/
+}
From f5f01c787ed022c1be32f3d2280e450ae74bde42 Mon Sep 17 00:00:00 2001
From: Adil <152092906+Adil-az75@users.noreply.github.com>
Date: Sun, 19 May 2024 23:09:17 -0400
Subject: [PATCH 02/17] Delete styles.css
---
styles.css | 82 ------------------------------------------------------
1 file changed, 82 deletions(-)
delete mode 100644 styles.css
diff --git a/styles.css b/styles.css
deleted file mode 100644
index ddb7d81e..00000000
--- a/styles.css
+++ /dev/null
@@ -1,82 +0,0 @@
-html {
- /*background: url('./assets/background.png') no-repeat center center fixed;*/
- background: url('https://github.com/Thinkful-Ed/js-dev-final-capstone-starter/blob/main/assets/background.png?raw=true') no-repeat center center fixed;
- box-sizing: border-box;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- z-index:0;
- overflow: hidden;
-}
-
-h1 {
- text-align: center;
- font-size: 50px;
- font-family: "Comic Sans MS", "Comic Sans", cursive;
- color: white;
- -webkit-text-stroke: 2px black;
-}
-
-h2 {
- text-align: center;
- font-size: 40px;
- color: white;
- -webkit-text-stroke: 1px black;
-}
-
-#start {
- text-align: center;
- font-size: 30px;
-}
-
-#timer{
- color: white;
-}
-
-.grid {
- width: 600px;
- height: 200px;
- display: flex;
- flex-wrap: wrap;
- margin: 0 auto;
- /*cursor: url('./assets/mallet.png'), pointer;*/
-}
-
-.hole {
- flex: 1 0 33.33%;
- overflow: hidden;
- position: relative;
-}
-
-.hole:after {
- display: block;
- /*background: url("./assets/hole.png") bottom center no-repeat;*/
- background: url("https://github.com/Thinkful-Ed/js-dev-final-capstone-starter/blob/main/assets/hole.png?raw=true") bottom center no-repeat;
- background-size:contain;
- content:'';
- width: 100%;
- height: 100%;
- position: absolute;
- bottom: -40%;
- z-index: 2;
- pointer-events:none;
-}
-
-.mole {
- /*background:url('./assets/mole.png') bottom center no-repeat;*/
- background:url('https://github.com/Thinkful-Ed/js-dev-final-capstone-starter/blob/main/assets/mole.png?raw=true') bottom center no-repeat;
- background-size: 40%;
- position: absolute;
- top: 100%;
- width: 100%;
- height: 100%;
- /*transition: transform 0.5s;*/
- transition: all 0.5s;
- pointer-events:auto;
-}
-
-.hole.show .mole {
- top: 1.1;
- /*transform: scale(1.1);*/
-}
From 6bb7ee46b74d1259f39debd4e681de2d88595519 Mon Sep 17 00:00:00 2001
From: Adil <152092906+Adil-az75@users.noreply.github.com>
Date: Sun, 19 May 2024 23:09:51 -0400
Subject: [PATCH 03/17] Add files via upload
---
index.html | 9 ++++++++-
1 file changed, 8 insertions(+), 1 deletion(-)
diff --git a/index.html b/index.html
index 15c22cb7..1bec0edc 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
Catch-Me-If-You-Can
-
Click start to play!
+ Click to play!
score: 0
@@ -49,3 +49,10 @@ 0 seconds left.