diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..5756fe8 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,37 @@ + +body { + background-color: #f4f1de; + font-family: 'Roboto', sans-serif; + color: #333; +} + +h1, h2, h3, h4, h5, h6 { + font-family: 'Poppins', sans-serif; +} + +.btn-primary { + background-color: #2a9d8f; + border-color: #2a9d8f; +} + +.btn-primary:hover { + background-color: #264653; + border-color: #264653; +} + +.btn-secondary { + background-color: #e9c46a; + border-color: #e9c46a; +} + +.btn-secondary:hover { + background-color: #f4a261; + border-color: #f4a261; +} + +#game-canvas { + background-color: #fff; + border: 1px solid #ddd; + width: 100%; + height: 500px; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..37f35cb --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,9 @@ + +document.addEventListener('DOMContentLoaded', (event) => { + const playButton = document.getElementById('play-button'); + if (playButton) { + playButton.addEventListener('click', () => { + document.getElementById('game-section').scrollIntoView({ behavior: 'smooth' }); + }); + } +}); diff --git a/index.php b/index.php index 7205f3d..cbf6746 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,66 @@ - - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + Nibbles + + + + + + + + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-
-
- + +
+
+ + Nibbles + + +
+
+ +
+
+
+

Welcome to Nibbles!

+

The classic snake game, reimagined for the modern web. Guide your snake to eat the food and grow longer, but don't run into the walls or yourself!

+ +
+
+ +
+

Game On!

+
+

Your game will appear here. We are still building this part. Stay tuned!

+
+
+
+ + + + + - + \ No newline at end of file