Skip to content

Commit e12ec09

Browse files
CodePearlyCodePearly
authored
Add files via upload
1 parent 7285414 commit e12ec09

File tree

2 files changed

+310
-0
lines changed

2 files changed

+310
-0
lines changed

‎games.html‎

Lines changed: 121 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,121 @@
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>Individual Games</title>
7+
<style>
8+
body {
9+
font-family: 'Courier New', Courier, monospace;
10+
margin: 0;
11+
padding: 0;
12+
background-color: #1e1e1e;
13+
color: #dcdcdc;
14+
}
15+
16+
header {
17+
background-color: #007396; /* Java blue */
18+
color: #fff;
19+
padding: 20px 0;
20+
text-align: center;
21+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
22+
}
23+
24+
nav ul {
25+
list-style: none;
26+
padding: 0;
27+
display: flex;
28+
justify-content: center;
29+
}
30+
31+
nav ul li {
32+
margin: 0 15px;
33+
}
34+
35+
nav ul li a {
36+
color: #fff;
37+
text-decoration: none;
38+
font-weight: bold;
39+
transition: color 0.3s;
40+
}
41+
42+
nav ul li a:hover {
43+
color: #ff5722; /* Highlight color */
44+
}
45+
46+
main {
47+
padding: 40px 20px;
48+
text-align: center;
49+
background-color: #2d2d2d;
50+
color: #dcdcdc;
51+
min-height: 60vh;
52+
}
53+
54+
main h2 {
55+
font-size: 2.5em;
56+
margin-bottom: 10px;
57+
}
58+
59+
main p {
60+
font-size: 1.2em;
61+
margin-bottom: 20px;
62+
}
63+
64+
section {
65+
padding: 40px 20px;
66+
background-color: #333;
67+
border-radius: 10px;
68+
margin: 20px 0;
69+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
70+
}
71+
72+
footer {
73+
background-color: #007396; /* Java blue */
74+
color: #fff;
75+
text-align: center;
76+
padding: 20px 0;
77+
position: relative;
78+
width: 100%;
79+
}
80+
81+
footer p {
82+
margin: 0;
83+
}
84+
</style>
85+
</head>
86+
<body>
87+
<header>
88+
<h1>Individual Games</h1>
89+
<nav>
90+
<ul>
91+
<li><a href="index.html#home">Home</a></li>
92+
<li><a href="index.html#about">About</a></li>
93+
<li><a href="index.html#releases">Releases</a></li>
94+
<li><a href="index.html">Individual Games</a></li>
95+
</ul>
96+
</nav>
97+
</header>
98+
<main>
99+
<section>
100+
<h2>Game 1</h2>
101+
<p>Details about Game 1.</p>
102+
</section>
103+
<section>
104+
<h2>Game 2</h2>
105+
<p>Details about Game 2.</p>
106+
</section>
107+
<section>
108+
<h2>Game 3</h2>
109+
<p>Details about Game 3.</p>
110+
</section>
111+
</main>
112+
<footer>
113+
<p>&copy; 2025 Java Game Application. All rights reserved.</p>
114+
</footer>
115+
<script>
116+
document.addEventListener('DOMContentLoaded', () => {
117+
console.log('Games page is loaded!');
118+
});
119+
</script>
120+
</body>
121+
</html>

‎index.html‎

Lines changed: 189 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,189 @@
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>Java Game Application</title>
7+
<style>
8+
body {
9+
font-family: 'Courier New', Courier, monospace;
10+
margin: 0;
11+
padding: 0;
12+
background-color: #1e1e1e;
13+
color: #dcdcdc;
14+
overflow-x: hidden;
15+
}
16+
17+
header {
18+
background-color: #007396; /* Java blue */
19+
color: #fff;
20+
padding: 20px 0;
21+
text-align: center;
22+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
23+
}
24+
25+
nav ul {
26+
list-style: none;
27+
padding: 0;
28+
display: flex;
29+
justify-content: center;
30+
}
31+
32+
nav ul li {
33+
margin: 0 15px;
34+
}
35+
36+
nav ul li a {
37+
color: #fff;
38+
text-decoration: none;
39+
font-weight: bold;
40+
transition: color 0.3s;
41+
}
42+
43+
nav ul li a:hover {
44+
color: #ff5722; /* Highlight color */
45+
}
46+
47+
main {
48+
padding: 40px 20px;
49+
text-align: center;
50+
background-color: #2d2d2d;
51+
color: #dcdcdc;
52+
min-height: 60vh;
53+
}
54+
55+
main h2 {
56+
font-size: 2.5em;
57+
margin-bottom: 10px;
58+
}
59+
60+
main p {
61+
font-size: 1.2em;
62+
margin-bottom: 20px;
63+
}
64+
65+
.download-link {
66+
color: #ff5722;
67+
text-decoration: none;
68+
font-weight: bold;
69+
display: inline-block;
70+
margin-top: 20px;
71+
padding: 10px 20px;
72+
border: 2px solid #ff5722;
73+
border-radius: 5px;
74+
transition: background-color 0.3s, color 0.3s, transform 0.3s;
75+
position: relative;
76+
overflow: hidden;
77+
}
78+
79+
.download-link:hover {
80+
background-color: #ff5722;
81+
color: #fff;
82+
transform: scale(1.1);
83+
}
84+
85+
.particle {
86+
width: 5px;
87+
height: 5px;
88+
position: absolute;
89+
border-radius: 50%;
90+
animation: fly 1s linear infinite;
91+
}
92+
93+
@keyframes fly {
94+
to {
95+
transform: translate(calc(100vw * (var(--x-direction) - 0.5)), calc(100vh * (var(--y-direction) - 0.5)));
96+
opacity: 0;
97+
}
98+
}
99+
100+
section {
101+
padding: 40px 20px;
102+
background-color: #333;
103+
border-radius: 10px;
104+
margin: 20px 0;
105+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
106+
}
107+
108+
footer {
109+
background-color: #007396; /* Java blue */
110+
color: #fff;
111+
text-align: center;
112+
padding: 20px 0;
113+
position: relative;
114+
width: 100%;
115+
}
116+
117+
footer p {
118+
margin: 0;
119+
}
120+
</style>
121+
</head>
122+
<body>
123+
<header>
124+
<h1>Java Game Application</h1>
125+
<nav>
126+
<ul>
127+
<li><a href="#home">Home</a></li>
128+
<li><a href="#about">About</a></li>
129+
<li><a href="#releases">Releases</a></li>
130+
<li><a href="games.html">Individual Games</a></li>
131+
</ul>
132+
</nav>
133+
</header>
134+
<main>
135+
<section id="home">
136+
<h2>Welcome to Java Game Application</h2>
137+
<p>Explore our exciting Java games and more!</p>
138+
<a href="https://github.com/CodePearly/JavaGameStuff/releases/latest" target="_blank" class="download-link">Download Latest Release</a>
139+
</section>
140+
</main>
141+
<section id="about">
142+
<h2>About</h2>
143+
<p>Information about the Java game application.</p>
144+
</section>
145+
<section id="releases">
146+
<h2>Releases</h2>
147+
<p>Check out the latest updates and features below:</p>
148+
<ul>
149+
<li>Version 1.0.0 - Initial release with basic game functionalities.</li>
150+
<li>Version 1.1.0 - Added new levels and improved graphics.</li>
151+
<li>Version 1.2.0 - Introduced multiplayer mode and chat feature.</li>
152+
</ul>
153+
</section>
154+
<footer>
155+
<p>&copy; 2025 Java Game Application. All rights reserved.</p>
156+
</footer>
157+
<script>
158+
document.addEventListener('DOMContentLoaded', () => {
159+
console.log('Website is loaded!');
160+
});
161+
162+
const link = document.querySelector('.download-link');
163+
setInterval(() => {
164+
for (let i = 0; i < 90; i++) {
165+
createParticle(link.getBoundingClientRect().left + link.offsetWidth / 2, link.getBoundingClientRect().top + link.offsetHeight / 2);
166+
}
167+
}, 400);
168+
169+
function createParticle(x, y) {
170+
const particle = document.createElement('div');
171+
particle.className = 'particle';
172+
particle.style.backgroundColor = getRandomColor();
173+
document.body.appendChild(particle);
174+
particle.style.left = `${x}px`;
175+
particle.style.top = `${y}px`;
176+
particle.style.setProperty('--x-direction', Math.random());
177+
particle.style.setProperty('--y-direction', Math.random());
178+
setTimeout(() => {
179+
particle.remove();
180+
}, 400);
181+
}
182+
183+
function getRandomColor() {
184+
const colors = ['#ff5722', '#4caf50', '#2196f3', '#ffeb3b', '#9c27b0'];
185+
return colors[Math.floor(Math.random() * colors.length)];
186+
}
187+
</script>
188+
</body>
189+
</html>

0 commit comments

Comments
 (0)