sageTheDm/pages
1
0
Fork 0
forked from interstellar_development/interstellar_website
Code Pull requests Activity

code fromater changes

Browse source
This commit is contained in:
sageTheDM 2025-01-05 01:13:23 +01:00
parent adc78e0931
commit fa002e2786
4 changed files with 200 additions and 99 deletions
Download patch file Download diff file Expand all files Collapse all files

45
secret/asteroidDestroyer/explenation.html
View file

@ -1,26 +1,29 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Game Landing Page</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="landing-page">
<div class="game-background">
<!-- Game is embedded or shown as background -->
<canvas id="gameCanvas"></canvas>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Game Landing Page</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="landing-page">
<div class="game-background">
<!-- Game is embedded or shown as background -->
<canvas id="gameCanvas"></canvas>
</div>
<div class="content">
<h1>Welcome to the Asteroid Game!</h1>
<p>
In this game, you control a spaceship that shoots at asteroids to
avoid destruction and collect items for power-ups.
</p>
<p>Your goal is to survive as long as possible while scoring points!</p>
<button onclick="window.location.href='secret.html'">Play Game</button>
</div>
</div>
<div class="content">
<h1>Welcome to the Asteroid Game!</h1>
<p>In this game, you control a spaceship that shoots at asteroids to avoid destruction and collect items for power-ups.</p>
<p>Your goal is to survive as long as possible while scoring points!</p>
<button onclick="window.location.href='secret.html'">Play Game</button>
</div>
</div>
<script src="app.js"></script>
</body>
<script src="app.js"></script>
</body>
</html>

36
secret/asteroidDestroyer/secret.html
View file

@ -1,21 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Asteroid Shooter</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<canvas id="gameCanvas"></canvas>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Asteroid Shooter</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<canvas id="gameCanvas"></canvas>
<!-- Virtual buttons for mobile -->
<div class="controls">
<button id="leftBtn" class="control-btn">Left</button>
<button id="shootBtn" class="control-btn" onclick="btnShoot()">Shoot</button>
<button id="rightBtn" class="control-btn">Right</button>
</div>
<!-- Virtual buttons for mobile -->
<div class="controls">
<button id="leftBtn" class="control-btn">Left</button>
<button id="shootBtn" class="control-btn" onclick="btnShoot()">
Shoot
</button>
<button id="rightBtn" class="control-btn">Right</button>
</div>
<script src="game.js"></script>
</body>
</html>
<script src="game.js"></script>
</body>
</html>

82
secret/guessMyNumber/index.html
View file

@ -1,54 +1,54 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Guess My Number</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="gameboy">
<!-- Game Boy Screen -->
<div class="screen">
<article class="game">
<h1>Guess My Number - Game</h1>
<p class="message"></p>
<div class="guess-display">
<span id="guess"></span>
</div>
<p class="score"></p>
<p class="highScore"></p>
<div class="description">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Guess My Number</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="gameboy">
<!-- Game Boy Screen -->
<div class="screen">
<article class="game">
<h1>Guess My Number - Game</h1>
<p class="message"></p>
<div class="guess-display">
<span id="guess"></span>
</div>
<p class="score"></p>
<p class="highScore"></p>
<div class="description">
<h2>Description</h2>
<p>Guess a number between 1 and 20</p>
<p>A = check</p>
<p>B = Reload</p>
<p>▲ = increases guess by one</p>
<p>▼ = decreases guess by one</p>
</div>
</article>
</div>
<!-- Controls -->
<div class="controls">
<!-- D-Pad on the left -->
<div class="dpad">
<button class="dpad-btn up" id="up">▲</button>
<button class="dpad-btn left" id="left">◀</button>
<div class="dpad-center"></div>
<button class="dpad-btn right" id="right">▶</button>
<button class="dpad-btn down" id="down">▼</button>
</div>
</article>
</div>
<!-- Controls -->
<div class="controls">
<!-- D-Pad on the left -->
<div class="dpad">
<button class="dpad-btn up" id="up">▲</button>
<button class="dpad-btn left" id="left">◀</button>
<div class="dpad-center"></div>
<button class="dpad-btn right" id="right">▶</button>
<button class="dpad-btn down" id="down">▼</button>
</div>
<!-- A and B Buttons on the right -->
<div class="action-buttons">
<button class="btn" id="check">A</button>
<button class="btn" id="restart">B</button>
<!-- A and B Buttons on the right -->
<div class="action-buttons">
<button class="btn" id="check">A</button>
<button class="btn" id="restart">B</button>
</div>
</div>
</div>
</div>
<script src="game.js"></script>
<script src="styles.js"></script>
</body>
<script src="game.js"></script>
<script src="styles.js"></script>
</body>
</html>