46 lines
2 KiB
HTML
46 lines
2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>CodeWave Let's Cook BBQ</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
|
|
</head>
|
|
<body style="display: none;">
|
|
<div id="menu-container">
|
|
<div id="menu-header">
|
|
<img src="image/left-logo.png" alt="Left Hearts" class="header-icon shoe-logo">
|
|
<img src="image/logo.png" alt="Main Logo" class="header-logo">
|
|
<img src="image/right-logo.png" alt="Right Hearts" class="header-icon shoe-logo">
|
|
<button id="close-button">X</button>
|
|
</div>
|
|
<div id="menu"></div>
|
|
</div>
|
|
<div id="crafting-container" style="display: none;">
|
|
<div id="crafting-header">
|
|
<img src="image/left-logo.png" alt="Left hearts" class="header-icon shoe-logo">
|
|
<img src="image/logo.png" alt="Main Logo" class="header-logo">
|
|
<img src="image/right-logo.png" alt="Right hearts" class="header-icon shoe-logo">
|
|
<button id="close-crafting-button">X</button>
|
|
</div>
|
|
<div id="crafting-menu"></div>
|
|
<button id="more-info-button" class="themed-button">More Info</button>
|
|
<div id="loading-spinner" class="spinner" style="display: none;">
|
|
<i class="fas fa-cog spinner-icon"></i>
|
|
</div>
|
|
</div>
|
|
<div id="info-container" style="display: none;">
|
|
<div id="info-header">
|
|
<img src="image/logo.png" alt="Main Logo" class="header-logo">
|
|
<button id="close-info-button">X</button>
|
|
</div>
|
|
<div id="info-content">
|
|
<h1>How does this work?</h1>
|
|
<h2>Simply start cooking up your favorite BBQ / Grill food! Get the party going!
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
<div id="notification-container"></div>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|