diff --git a/Games/2048/index.html b/Games/2048/index.html index 7cfbad3..2a5ed7e 100644 --- a/Games/2048/index.html +++ b/Games/2048/index.html @@ -9,8 +9,13 @@

2048

-

Score: 0

+
+ + + + +
\ No newline at end of file diff --git a/Games/2048/main.js b/Games/2048/main.js index 571a63d..247be63 100644 --- a/Games/2048/main.js +++ b/Games/2048/main.js @@ -186,4 +186,24 @@ function hasEmptyTile() { } } return false; +} + +function left(){ + slideLeft(); + setTwo(); +} + +function up(){ + slideUp(); + setTwo(); +} + +function down(){ + slideDown(); + setTwo(); +} + +function right(){ + slideRight(); + setTwo(); } \ No newline at end of file diff --git a/Games/2048/mobile.jpg b/Games/2048/mobile.jpg new file mode 100755 index 0000000..7ee352d Binary files /dev/null and b/Games/2048/mobile.jpg differ diff --git a/Games/2048/pc.jpg b/Games/2048/pc.jpg new file mode 100755 index 0000000..705e352 Binary files /dev/null and b/Games/2048/pc.jpg differ diff --git a/Games/2048/style.css b/Games/2048/style.css index fd14e5d..2a9abd7 100644 --- a/Games/2048/style.css +++ b/Games/2048/style.css @@ -1,6 +1,22 @@ -body{ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; text-align: center; + /*border: red 5px solid;*/ +} +body{ + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + min-height: 100vh; + background: #333; + background-image: url('./pc.jpg'); + background-repeat: no-repeat; + background-position: center; + background-size: cover; } hr{ @@ -8,8 +24,8 @@ hr{ } #board{ - width: 400px; - height: 400px; + width: 372px; + height: 372px; background: #cdc1d5; border: 6px solid #bbada0; @@ -31,6 +47,46 @@ hr{ align-items: center; } +.arrowBack{ + height: 90px; + width: 372px; + display: flex; + flex-direction: row; + justify-content: space-between; + margin-top: 1rem; +} + +.arrows{ + height: 90px; + width: 90px; + border: none; + border-radius: 50%; +} + +@media screen and (max-width: 500px){ + body{ + background-image: url("./mobile.jpg"); + } + #board{ + width: 246px; + height: 246px; + border: 3px solid #bbada0; + } + .tile{ + height: 60px; + width: 60px; + border: 3px solid #bbada0; + } + .arrowBack{ + height: 60px; + width: 246px; + } + .arrows{ + height: 60px; + width: 60px; + } +} + .x2{ background: #eee4da; color: #757371; diff --git a/Games/QuessNumber-1D6/1.png b/Games/QuessNumber-1D6/1.png new file mode 100644 index 0000000..ee9dd0c Binary files /dev/null and b/Games/QuessNumber-1D6/1.png differ diff --git a/Games/QuessNumber-1D6/2.png b/Games/QuessNumber-1D6/2.png new file mode 100644 index 0000000..0d53674 Binary files /dev/null and b/Games/QuessNumber-1D6/2.png differ diff --git a/Games/QuessNumber-1D6/3.png b/Games/QuessNumber-1D6/3.png new file mode 100644 index 0000000..5515f93 Binary files /dev/null and b/Games/QuessNumber-1D6/3.png differ diff --git a/Games/QuessNumber-1D6/4.png b/Games/QuessNumber-1D6/4.png new file mode 100644 index 0000000..cd06bc0 Binary files /dev/null and b/Games/QuessNumber-1D6/4.png differ diff --git a/Games/QuessNumber-1D6/5.png b/Games/QuessNumber-1D6/5.png new file mode 100644 index 0000000..f561fc8 Binary files /dev/null and b/Games/QuessNumber-1D6/5.png differ diff --git a/Games/QuessNumber-1D6/6.png b/Games/QuessNumber-1D6/6.png new file mode 100644 index 0000000..4a33870 Binary files /dev/null and b/Games/QuessNumber-1D6/6.png differ diff --git a/Games/QuessNumber-1D6/index.html b/Games/QuessNumber-1D6/index.html new file mode 100644 index 0000000..7209a61 --- /dev/null +++ b/Games/QuessNumber-1D6/index.html @@ -0,0 +1,31 @@ + + + + + + + + + + Quess Number 1D6 + + +

Guess The Number!

+

You are:

+ +
+

Quess:

+ +
+ + + + + \ No newline at end of file diff --git a/Games/QuessNumber-1D6/main.js b/Games/QuessNumber-1D6/main.js new file mode 100644 index 0000000..bf5d564 --- /dev/null +++ b/Games/QuessNumber-1D6/main.js @@ -0,0 +1,17 @@ +const dice = document.querySelector('#dice'); //img +let answear = document.querySelector('#answear'); //text ans +let number = document.querySelector('#num'); //num selec + +function roll(){ + let newDice = Math.floor(Math.random()*6); + + console.log(newDice); + + dice.src = `./${newDice+1}.png`; + + if(number.value == newDice+1){ + answear.innerHTML = `

Correct! +10 coins

`; + }else{ + answear.innerHTML = `

Wrong!

` + } +} \ No newline at end of file diff --git a/Games/QuessNumber-1D6/style.css b/Games/QuessNumber-1D6/style.css new file mode 100644 index 0000000..b989502 --- /dev/null +++ b/Games/QuessNumber-1D6/style.css @@ -0,0 +1,51 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} +body{ + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + min-height: 100vh; + background-color: #333; + color: #fff; + text-align: center; +} + +img{ + width: 100px; + height: 100px; + margin: 1.25rem; +} + +.ques{ + display: flex; + flex-direction: row; +} +.ques p{ + margin-right: .5rem; +} +.ques select{ + border: none; + border-radius: 7px; +} + +button{ + text-transform: uppercase; + height: 69px; + width: 69px; + margin-top: 1rem; + border-radius: 10px; + border: none; +} + +.won{ + color: lime;/* + text-transform: uppercase;*/ +} +.lose{ + color: red;/* + text-transform: uppercase;*/ +} \ No newline at end of file diff --git a/Games/RockPaperScissors/Invis.png b/Games/RockPaperScissors/Invis.png new file mode 100644 index 0000000..fdf950d Binary files /dev/null and b/Games/RockPaperScissors/Invis.png differ diff --git a/Games/RockPaperScissors/index.html b/Games/RockPaperScissors/index.html index f2b7548..f895577 100644 --- a/Games/RockPaperScissors/index.html +++ b/Games/RockPaperScissors/index.html @@ -4,15 +4,17 @@ + Rock Paper Scisors

0

- -
- -
+
+ + +
+

0

\ No newline at end of file diff --git a/Games/RockPaperScissors/mobile.jpg b/Games/RockPaperScissors/mobile.jpg new file mode 100755 index 0000000..2ff786a Binary files /dev/null and b/Games/RockPaperScissors/mobile.jpg differ diff --git a/Games/RockPaperScissors/pc.jpg b/Games/RockPaperScissors/pc.jpg new file mode 100755 index 0000000..b763ea9 Binary files /dev/null and b/Games/RockPaperScissors/pc.jpg differ diff --git a/Games/RockPaperScissors/style.css b/Games/RockPaperScissors/style.css index 57d919f..8409b61 100644 --- a/Games/RockPaperScissors/style.css +++ b/Games/RockPaperScissors/style.css @@ -16,6 +16,11 @@ body{ align-items: center; min-height: 100vh; color: #fff; + background-image: url('./pc.jpg'); + background-repeat: no-repeat; + background-position: center; + background-size: cover; + transition: 0s; } img{ @@ -27,16 +32,12 @@ h1{ filter: drop-shadow(1.5px 1.5px 6px #aaa); } #opponent-choice{ - width: 240px; - height: 240px; /*background: #fcda45;*/ - margin-top: 10px; + margin-top: /*1*/0px; } #your-choice{ - width: 240px; - height: 240px; /*background: #4fdc5e;*/ - margin-top: 10px; + margin-top: 20px; } #choices{ width: 240px; @@ -49,4 +50,34 @@ h1{ #choices img{ width: 80px; height: 80px; +} + +.choiBACK{ + padding: 2rem; + display: flex; + flex-direction: column; + backdrop-filter: blur(5px); + border-radius: 50px; + box-shadow: + inset 10px 10px 20px #fff, + 10px 10px 20px #333; +} + +.choices{ + width: 240px; + height: 240px; + border-radius: 25px; +} + +@media screen and (max-width: 500px){ + body{ + background-image: url("./mobile.jpg"); + } + .choices{ + width: 180px; + height: 180px; + } + .choiBACK{ + + } } \ No newline at end of file