diff --git a/.gitignore b/.gitignore index 567c5d5..b261338 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,3 @@ .DS_Store -*.DS_Store \ No newline at end of file +*.DS_Store +node_modules \ No newline at end of file diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index b83cbce..91380d2 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -1,15 +1,19 @@ + # Contributing + We love pull requests from everyone. By participating in this project, you agree to abide by the [**`Code Of Conduct`**](CODE_OF_CONDUCT.md). ## Steps + 1. [**Fork**](https://help.github.com/articles/fork-a-repo/) this project 2. [**Clone**](https://help.github.com/articles/fork-a-repo/#step-2-create-a-local-clone-of-your-fork) your forked version -5. **Create a [branch](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-branches#working-with-branches)** -6. **[Commit](https://help.github.com/articles/adding-a-file-to-a-repository-using-the-command-line/) your changes** *(write a short descriptive message of what you have done)* -7. **Run prettier** `npx prettier . --write ` [(Guide to install prettier on your machine)](https://prettier.io/docs/en/install) -8. [**Push**](https://help.github.com/articles/pushing-to-a-remote/) your changes to your forked version -9. Go to the original project on GitHub & **Create a [Pull Request](https://help.github.com/articles/about-pull-requests/)** +3. **Create a [branch](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-branches#working-with-branches)** +4. **[Commit](https://help.github.com/articles/adding-a-file-to-a-repository-using-the-command-line/) your changes** _(write a short descriptive message of what you have done)_ +5. **Run prettier** `npx prettier . --write ` [(Guide to install prettier on your machine)](https://prettier.io/docs/en/install) +6. [**Push**](https://help.github.com/articles/pushing-to-a-remote/) your changes to your forked version +7. Go to the original project on GitHub & **Create a [Pull Request](https://help.github.com/articles/about-pull-requests/)** ## Done 🥳🎉 + diff --git a/README.md b/README.md index f74acf8..94e6d78 100644 --- a/README.md +++ b/README.md @@ -60,6 +60,7 @@ We welcome contributions from the community to help improve the Icy Tower Game. Please ensure that your contributions adhere to our [Code of Conduct](CODE_OF_CONDUCT.md). ## Contributers + Thank you to: diff --git a/css/home-page.css b/css/home-page.css index 95cafff..7c9e1b9 100644 --- a/css/home-page.css +++ b/css/home-page.css @@ -32,18 +32,18 @@ form { -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; } -.icy-tower-wrap{ - position: absolute; - bottom: 0; - left: 0; - z-index: -1; - margin: auto; - width: 100vw; - align-items: center; +.icy-tower-wrap { + position: absolute; + bottom: 0; + left: 0; + z-index: -1; + margin: auto; + width: 100vw; + align-items: center; } -.icy-tower-img{ - width: 60vw; - margin-inline: 20vw; +.icy-tower-img { + width: 60vw; + margin-inline: 20vw; } @media screen and (max-width: 1200px) { @@ -217,7 +217,7 @@ form { background: white; font-family: 'Pacifico', cursive; } -#open-form:hover{ +#open-form:hover { transform: scale(1.1); } @@ -276,12 +276,12 @@ form { margin-left: 42.5%; } -.rainbow-text{ +.rainbow-text { z-index: 50; - position: relative; - color: #000; - background: #fff; - mix-blend-mode: multiply; + position: relative; + color: #000; + background: #fff; + mix-blend-mode: multiply; overflow: hidden; font-size: 8.5em; /* text-shadow: 0 2px 4px rgba(0,0,0,0.5); */ @@ -290,71 +290,86 @@ form { font-weight: bold; /* Added to make the text bold */ opacity: 8000000; /* Adjust the opacity value as needed */ } -.rainbow-text::before{ - content: ""; - position: absolute; - top:0;right:0;bottom:0;left:-100%; - background: white repeating-linear-gradient(90deg, #14ffe9 0%, #ffc800 16.66666%, #ff00e0 33.33333%, #14ffe9 50.0%); - mix-blend-mode: screen; - pointer-events: none; +.rainbow-text::before { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: -100%; + background: white + repeating-linear-gradient( + 90deg, + #14ffe9 0%, + #ffc800 16.66666%, + #ff00e0 33.33333%, + #14ffe9 50% + ); + mix-blend-mode: screen; + pointer-events: none; animation: move 1s linear infinite; } -@keyframes move{ - 0%{transform: translateX(0);} - 100%{transform: translateX(50%);} +@keyframes move { + 0% { + transform: translateX(0); + } + 100% { + transform: translateX(50%); + } } @supports not (mix-blend-mode: multiply) { - .rainbow-text{ - -webkit-text-fill-color: transparent; - background-clip: text !important; - background: white repeating-linear-gradient(90deg, #14ffe9, #ffc800, #ff00e0, #14ffe9); + .rainbow-text { + -webkit-text-fill-color: transparent; + background-clip: text !important; + background: white + repeating-linear-gradient(90deg, #14ffe9, #ffc800, #ff00e0, #14ffe9); text-shadow: none; - } - .rainbow-text::before{ content: none; } + } + .rainbow-text::before { + content: none; + } } -.icy-img:hover{ - - animation: shake 0.5s infinite; - animation-timing-function: ease-in-out; +.icy-img:hover { + animation: shake 0.5s infinite; + animation-timing-function: ease-in-out; } - @keyframes shake { 0% { - transform: translate(1px, 1px) rotate(0deg); + transform: translate(1px, 1px) rotate(0deg); } 10% { - transform: translate(2px, -2px) rotate(-1deg); + transform: translate(2px, -2px) rotate(-1deg); } 20% { - transform: translate(3px, 0px) rotate(1deg); + transform: translate(3px, 0px) rotate(1deg); } 30% { - transform: translate(-4px, 2px) rotate(0deg); + transform: translate(-4px, 2px) rotate(0deg); } 40% { - transform: translate(5px, -1px) rotate(1deg); + transform: translate(5px, -1px) rotate(1deg); } 50% { - transform: translate(6px, 2px) rotate(-1deg); + transform: translate(6px, 2px) rotate(-1deg); } 60% { - transform: translate(-3px, 1px) rotate(0deg); + transform: translate(-3px, 1px) rotate(0deg); } 70% { - transform: translate(3px, 1px) rotate(-1deg); + transform: translate(3px, 1px) rotate(-1deg); } 80% { - transform: translate(-1px, -1px) rotate(1deg); + transform: translate(-1px, -1px) rotate(1deg); } 90% { - transform: translate(1px, 2px) rotate(0deg); + transform: translate(1px, 2px) rotate(0deg); } 100% { - transform: translate(1px, -2px) rotate(0deg); + transform: translate(1px, -2px) rotate(0deg); } } :root { @@ -388,7 +403,12 @@ form { counter-increment: rainbow; font-size: 3rem; color: var(--text-color); - text-shadow: -1px -1px 0 var(--color-black), 1px -1px 0 var(--color-black), -1px 1px 0 var(--color-black), 1px 1px 0 var(--color-black), 4px 4px 0 rgba(0, 0, 0, .2); + text-shadow: + -1px -1px 0 var(--color-black), + 1px -1px 0 var(--color-black), + -1px 1px 0 var(--color-black), + 1px 1px 0 var(--color-black), + 4px 4px 0 rgba(0, 0, 0, 0.2); animation: rainbow 1.5s ease-in-out infinite; font-size: 150px; /* margin: 15px; */ @@ -456,10 +476,11 @@ form { --text-color: var(--color-yellow); } @keyframes rainbow { - 0%, 100% { - transform: translatey(var(--axis-y)); - } + 0%, + 100% { + transform: translatey(var(--axis-y)); + } 50% { - transform: translatey(calc(var(--axis-y) * -1)); - } + transform: translatey(calc(var(--axis-y) * -1)); + } } diff --git a/css/instructions.css b/css/instructions.css index d033d94..3b8652b 100644 --- a/css/instructions.css +++ b/css/instructions.css @@ -50,7 +50,7 @@ body { #explanation1 { margin-top: -33%; - margin-left: 2% + margin-left: 2%; } #explanation2 { diff --git a/html/characters.html b/html/characters.html index f78a2be..c3eab31 100644 --- a/html/characters.html +++ b/html/characters.html @@ -9,7 +9,7 @@ rel="stylesheet" /> - + Choose charecter diff --git a/html/difficulty-levels.html b/html/difficulty-levels.html index ca703e4..0fb7989 100644 --- a/html/difficulty-levels.html +++ b/html/difficulty-levels.html @@ -10,7 +10,7 @@ /> Difficulty - + diff --git a/html/game-scores.html b/html/game-scores.html index a93fb6b..d5c28a8 100644 --- a/html/game-scores.html +++ b/html/game-scores.html @@ -6,7 +6,7 @@ /> Game Scores - + diff --git a/html/home-page.html b/html/home-page.html index 273ddc6..2979839 100644 --- a/html/home-page.html +++ b/html/home-page.html @@ -43,7 +43,7 @@

- +


@@ -56,7 +56,7 @@ **Enter the password here again

-
+

@@ -64,10 +64,10 @@

- +

we are happy to see you again!

-
+


diff --git a/html/icy-tower-home.html b/html/icy-tower-home.html index df1885e..2120b08 100644 --- a/html/icy-tower-home.html +++ b/html/icy-tower-home.html @@ -9,7 +9,7 @@ rel="stylesheet" /> - + diff --git a/html/iframe-hello-user.html b/html/iframe-hello-user.html index 65afc85..d55f0ce 100644 --- a/html/iframe-hello-user.html +++ b/html/iframe-hello-user.html @@ -10,7 +10,7 @@ /> Icy Tower - + -