Skip to content

Commit 511ed5b

Browse files
shruti110503shruti110503
authored
Merge branch 'master' into CatchTheBall
2 parents 09c6b37 + 6eec6ee commit 511ed5b

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

88 files changed

+5593
-4129
lines changed

‎01 - Drum Kit/index.html

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,15 @@
33

44
<head>
55
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
67
<title>Drum Kit</title>
78
<link rel="stylesheet" href="style.css">
89
<link rel="icon" href="assets/drum.png">
910
<link rel="icon" href="assets/favicon.png">
1011
</head>
1112

1213
<body>
14+
<div id="container">
1315
<h1 id="title">Drum Kit</h1>
1416
<div class="keys">
1517
<div data-key="65" class="A key">
@@ -69,6 +71,7 @@ <h1 id="title">Drum Kit</h1>
6971
</p>
7072
</footer>
7173

74+
</div>
7275
<script src="main.js"></script>
7376

7477
</body>

‎01 - Drum Kit/style.css

Lines changed: 11 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@ h1 {
1818
color: #FEFFE2;
1919
font-family: "Arvo", cursive;
2020
text-align: center;
21+
margin-bottom: 0;
2122
}
2223

2324
span {
@@ -26,8 +27,9 @@ span {
2627

2728
.keys {
2829
display: flex;
30+
flex-wrap: wrap;
2931
flex: 1;
30-
min-height: 40vh;
32+
align-content: center;
3133
align-items: center;
3234
justify-content: center;
3335
}
@@ -39,7 +41,7 @@ span {
3941
font-size: 1.5rem;
4042
padding: 1rem .5rem;
4143
transition: all .07s ease;
42-
width: 10rem;
44+
width: 78pt;
4345
text-align: center;
4446
color: white;
4547
background-color: #212121;
@@ -72,14 +74,17 @@ footer {
7274
text-align: center;
7375
color: white;
7476
font-size: 1.5rem;
75-
position: absolute;
76-
left: 0;
77-
right: 0;
78-
bottom: 0;
7977
margin-bottom: 0;
8078
padding: 5px;
8179
}
8280

8381
footer a:visited {
8482
color: inherit;
83+
}
84+
85+
#container{
86+
height: 100vh;
87+
display: flex;
88+
flex-direction: column;
89+
justify-content: space-between;
8590
}

‎116 - Tower of Hanoi/index.html renamed to ‎117 - Tower of Hanoi/index.html

File renamed without changes.

‎116 - Tower of Hanoi/script.js renamed to ‎117 - Tower of Hanoi/script.js

File renamed without changes.

‎116 - Tower of Hanoi/style.css renamed to ‎117 - Tower of Hanoi/style.css

File renamed without changes.

‎118 - 3D Distance Calculator/index.html

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link rel="stylesheet" href="style.css">
7+
<title>3D Distance Calculator</title>
8+
</head>
9+
<body>
10+
11+
<div class="container">
12+
<div class="calc">
13+
<div class="display">
14+
<span>|AB| = </span>
15+
</div>
16+
<form action="">
17+
<div class="point">
18+
<h3>Point A (x, y, z)</h3>
19+
<label for="X-1">X = </label>
20+
<input type="number" name="X-1" id="x1" value="0">
21+
<br>
22+
<label for="Y-1">Y = </label>
23+
<input type="number" name="Y-1" id="y1" value="0">
24+
<br>
25+
<label for="Z-1">Z = </label>
26+
<input type="number" name="Z-1" id="z1" value="0">
27+
</div>
28+
<div class="point">
29+
<h3>Point B (x, y, z)</h3>
30+
<label for="X-2">X = </label>
31+
<input type="number" name="X-2" id="x2" value="0">
32+
<br>
33+
<label for="Y-2">Y = </label>
34+
<input type="number" name="Y-2" id="y2" value="0">
35+
<br>
36+
<label for="Z-2">Z = </label>
37+
<input type="number" name="Z-2" id="z2" value="0">
38+
</div>
39+
</form>
40+
41+
<div>
42+
<button type="button" onclick="calculate()">
43+
<h3>Get Distance</h3>
44+
</button>
45+
</div>
46+
</div>
47+
<p>Developed by <a href="https://github.com/MrPC7" target="_blank">Pranshu</a></p>
48+
</div>
49+
50+
<script src="./script.js"></script>
51+
52+
</body>
53+
</html>

‎118 - 3D Distance Calculator/script.js

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
function calculate() {
2+
// Get input values
3+
var x1 = parseFloat(document.getElementById('x1').value);
4+
var y1 = parseFloat(document.getElementById('y1').value);
5+
var z1 = parseFloat(document.getElementById('z1').value);
6+
var x2 = parseFloat(document.getElementById('x2').value);
7+
var y2 = parseFloat(document.getElementById('y2').value);
8+
var z2 = parseFloat(document.getElementById('z2').value);
9+
10+
// Check if input values are valid
11+
if (isNaN(x1) || isNaN(y1) || isNaN(z1) || isNaN(x2) || isNaN(y2) || isNaN(z2)) {
12+
document.getElementById('result').innerHTML = 'Please enter valid numbers for both points.';
13+
return;
14+
}
15+
16+
// Calculate distance
17+
var distance = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2) + Math.pow(z2 - z1, 2));
18+
19+
// Display the result
20+
document.getElementsByClassName('display')[0].innerHTML = '<span>|AB| = </span>' + distance.toFixed(3);
21+
}

‎118 - 3D Distance Calculator/style.css

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
2+
3+
*{
4+
margin: 0;
5+
padding: 0;
6+
font-family: "Poppins", sans-serif;
7+
font-weight: 400;
8+
box-sizing: border-box;
9+
}
10+
11+
.container{
12+
width: 100%;
13+
height: 100dvh;
14+
background-color: #e3f9ff;
15+
display: flex;
16+
align-items: center;
17+
justify-content: center;
18+
}
19+
20+
.calc{
21+
padding: 20px;
22+
border-radius: 10px;
23+
background-color: #18355f;
24+
color: white;
25+
display: flex;
26+
flex-direction: column;
27+
gap: 20px;
28+
align-items: center;
29+
justify-content: center;
30+
}
31+
32+
.display{
33+
height: 50px;
34+
width: 250px;
35+
border-radius: 10px;
36+
margin: 10px 0 0 0;
37+
background: #fff;
38+
color: black;
39+
}
40+
41+
.display{
42+
font-size: 20px;
43+
display: flex;
44+
align-items: center;
45+
justify-content: space-between;
46+
padding: 5px;
47+
}
48+
49+
form{
50+
display: flex;
51+
gap: 30px;
52+
margin: 20px 0;
53+
}
54+
form input{
55+
border-radius: 10px;
56+
height: 30px;
57+
width: 150px;
58+
margin: 5px 5px;
59+
padding: 5px;
60+
cursor: pointer;
61+
font-size:20px;
62+
}
63+
64+
button{
65+
height: 50px;
66+
width: 150px;
67+
border: 0;
68+
margin: 10px;
69+
box-shadow: -8px -8px 15px rgba(255, 255, 255, 0.1), 5px 5px 15px rgba(0, 0, 0, 0.2);
70+
color: white;
71+
cursor: pointer;
72+
background: transparent;
73+
}

‎118 - Match Three/index.html

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Match-3 Game</title>
7+
<link rel="stylesheet" href="style.css">
8+
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
9+
</head>
10+
<body>
11+
<h1>Match-3 Game</h1>
12+
<div id="level">Level: 0</div>
13+
<div id="game-board"></div>
14+
<div class="controls">
15+
<div id="score">Score: 0</div>
16+
<div id="moves-left">Moves Left: 0</div>
17+
<button id="start-level">Start Level</button>
18+
<button id="reset-game">Reset Game</button>
19+
</div>
20+
21+
22+
23+
<script src="script.js"></script>
24+
</body>
25+
</html>

0 commit comments

Comments
 (0)