Skip to content

Commit 11b930d

Browse files
actions-useractions-user
committed
(CI) Run Prettier
1 parent 5ef83a3 commit 11b930d

4 files changed

Lines changed: 124 additions & 64 deletions

File tree

‎Art/ABHIGYA0205-jump_animation/index.html‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,18 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Game Character Animation</title>
7-
<link rel="stylesheet" href="styles.css">
8-
</head>
9-
<body>
10-
<div class="game-container">
11-
<div class="cloud"></div>
12-
<div class="cloud"></div>
13-
<div class="ground"></div>
14-
<div class="character"></div>
15-
<div class="obstacle"></div>
16-
</div>
17-
</body>
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Game Character Animation</title>
7+
<link rel="stylesheet" href="styles.css" />
8+
</head>
9+
<body>
10+
<div class="game-container">
11+
<div class="cloud"></div>
12+
<div class="cloud"></div>
13+
<div class="ground"></div>
14+
<div class="character"></div>
15+
<div class="obstacle"></div>
16+
</div>
17+
</body>
1818
</html>

‎Art/ABHIGYA0205-jump_animation/styles.css‎

Lines changed: 23 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
body {
2-
background: linear-gradient(to bottom, #87CEEB, #fff);
2+
background: linear-gradient(to bottom, #87ceeb, #fff);
33
overflow: hidden;
44
margin: 0;
55
height: 100vh;
@@ -35,8 +35,13 @@ body {
3535

3636
/* Jump animation */
3737
@keyframes jump {
38-
0%, 100% { bottom: 100px; }
39-
50% { bottom: 250px; }
38+
0%,
39+
100% {
40+
bottom: 100px;
41+
}
42+
50% {
43+
bottom: 250px;
44+
}
4045
}
4146

4247
/* Moving obstacle */
@@ -51,8 +56,12 @@ body {
5156
}
5257

5358
@keyframes moveObstacle {
54-
0% { right: -80px; }
55-
100% { right: 100%; }
59+
0% {
60+
right: -80px;
61+
}
62+
100% {
63+
right: 100%;
64+
}
5665
}
5766

5867
/* Clouds */
@@ -67,8 +76,9 @@ body {
6776
opacity: 0.8;
6877
}
6978

70-
.cloud::before, .cloud::after {
71-
content: "";
79+
.cloud::before,
80+
.cloud::after {
81+
content: '';
7282
position: absolute;
7383
background: white;
7484
width: 80px;
@@ -86,8 +96,12 @@ body {
8696
}
8797

8898
@keyframes moveCloud {
89-
0% { left: -150px; }
90-
100% { left: 110%; }
99+
0% {
100+
left: -150px;
101+
}
102+
100% {
103+
left: 110%;
104+
}
91105
}
92106

93107
.cloud:nth-child(3) {

‎Art/Anuragkumar-687-Floating Laptop with Animated Code/index.html‎

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,29 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Open Source Contributor Animation</title>
7-
<link rel="stylesheet" href="styles.css">
8-
</head>
9-
<body>
10-
<div class="scene">
11-
<div class="laptop">
12-
<div class="screen">
13-
<div class="code-line line1"></div>
14-
<div class="code-line line2"></div>
15-
<div class="code-line line3"></div>
16-
<div class="code-line line4"></div>
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Open Source Contributor Animation</title>
7+
<link rel="stylesheet" href="styles.css" />
8+
</head>
9+
<body>
10+
<div class="scene">
11+
<div class="laptop">
12+
<div class="screen">
13+
<div class="code-line line1"></div>
14+
<div class="code-line line2"></div>
15+
<div class="code-line line3"></div>
16+
<div class="code-line line4"></div>
17+
</div>
1718
</div>
18-
</div>
1919

20-
<div class="floating-icons">
21-
<span class="icon star">★</span>
22-
<span class="icon commit">⬤</span>
23-
<span class="icon branch">⎇</span>
24-
</div>
20+
<div class="floating-icons">
21+
<span class="icon star">★</span>
22+
<span class="icon commit">⬤</span>
23+
<span class="icon branch">⎇</span>
24+
</div>
2525

26-
<h1 class="text">Contributing to Open Source 🚀</h1>
27-
</div>
28-
</body>
26+
<h1 class="text">Contributing to Open Source 🚀</h1>
27+
</div>
28+
</body>
2929
</html>

‎Art/Anuragkumar-687-Floating Laptop with Animated Code/styles.css‎

Lines changed: 63 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -48,20 +48,42 @@ body {
4848
animation: typing 3s infinite ease-in-out alternate;
4949
}
5050

51-
.line1 { animation-delay: 0.2s; }
52-
.line2 { animation-delay: 0.6s; }
53-
.line3 { animation-delay: 1s; }
54-
.line4 { animation-delay: 1.4s; }
51+
.line1 {
52+
animation-delay: 0.2s;
53+
}
54+
.line2 {
55+
animation-delay: 0.6s;
56+
}
57+
.line3 {
58+
animation-delay: 1s;
59+
}
60+
.line4 {
61+
animation-delay: 1.4s;
62+
}
5563

5664
@keyframes typing {
57-
0% { width: 0; opacity: 0.5; }
58-
50% { width: 80%; opacity: 1; }
59-
100% { width: 0; opacity: 0.5; }
65+
0% {
66+
width: 0;
67+
opacity: 0.5;
68+
}
69+
50% {
70+
width: 80%;
71+
opacity: 1;
72+
}
73+
100% {
74+
width: 0;
75+
opacity: 0.5;
76+
}
6077
}
6178

6279
@keyframes float {
63-
0%, 100% { transform: translateY(0); }
64-
50% { transform: translateY(-10px); }
80+
0%,
81+
100% {
82+
transform: translateY(0);
83+
}
84+
50% {
85+
transform: translateY(-10px);
86+
}
6587
}
6688

6789
.floating-icons {
@@ -78,14 +100,34 @@ body {
78100
animation: floatUp 5s linear infinite;
79101
}
80102

81-
.star { color: #f5c518; left: 20%; animation-delay: 0s; }
82-
.commit { color: #00ff99; left: 50%; animation-delay: 1s; }
83-
.branch { color: #00ccff; left: 80%; animation-delay: 2s; }
103+
.star {
104+
color: #f5c518;
105+
left: 20%;
106+
animation-delay: 0s;
107+
}
108+
.commit {
109+
color: #00ff99;
110+
left: 50%;
111+
animation-delay: 1s;
112+
}
113+
.branch {
114+
color: #00ccff;
115+
left: 80%;
116+
animation-delay: 2s;
117+
}
84118

85119
@keyframes floatUp {
86-
0% { transform: translateY(0) scale(1); opacity: 0.8; }
87-
50% { opacity: 1; }
88-
100% { transform: translateY(-150px) scale(1.3); opacity: 0; }
120+
0% {
121+
transform: translateY(0) scale(1);
122+
opacity: 0.8;
123+
}
124+
50% {
125+
opacity: 1;
126+
}
127+
100% {
128+
transform: translateY(-150px) scale(1.3);
129+
opacity: 0;
130+
}
89131
}
90132

91133
.text {
@@ -97,6 +139,10 @@ body {
97139
}
98140

99141
@keyframes fadeIn {
100-
from { opacity: 0.6; }
101-
to { opacity: 1; }
142+
from {
143+
opacity: 0.6;
144+
}
145+
to {
146+
opacity: 1;
147+
}
102148
}

0 commit comments

Comments
 (0)