From 46c10d299a105757f8993140f24ed69d20e38f53 Mon Sep 17 00:00:00 2001 From: Flatlogic Bot Date: Mon, 13 Oct 2025 17:28:36 +0000 Subject: [PATCH] Levels --- assets/css/custom.css | 55 +++++++++++++ assets/js/main.js | 1 + index.php | 186 ++++++++++-------------------------------- player.php | 65 +++++++++++++++ 4 files changed, 163 insertions(+), 144 deletions(-) create mode 100644 assets/css/custom.css create mode 100644 assets/js/main.js create mode 100644 player.php diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..625c54d --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,55 @@ +body { + background-color: #f8f9fa; +} + +.card { + border: none; + box-shadow: 0 4px 8px rgba(0,0,0,0.1); +} + +.level-card { + transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; + border-radius: .5rem; + overflow: hidden; +} + +.level-card:hover { + transform: translateY(-5px); + box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); +} + +.level-link { + text-decoration: none; + color: inherit; +} + +.level-locked { + position: relative; + cursor: not-allowed; +} + +.level-locked img { + filter: grayscale(100%); + opacity: 0.7; +} + +.locked-overlay { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(255, 255, 255, 0.3); + display: flex; + align-items: center; + justify-content: center; + font-size: 2.5rem; + color: rgba(0, 0, 0, 0.4); +} + +.level-locked .card-body { + background-color: #f8f9fa; +} + +/* FontAwesome Lock Icon - requires adding FontAwesome kit to the HTML */ +@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css'); \ No newline at end of file diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..dec87cd --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1 @@ +// Custom javascript for Ilook game \ No newline at end of file diff --git a/index.php b/index.php index 7205f3d..786b3fd 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,48 @@ - - + + - - - New Style - - - - - - - - - - - - - - - - - - - + + + Ilook + + + + + + + + + -
-
-

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

+
+
+

Ilook

+

The ultimate hidden object game.

+
+ +
+
+
+
+

Player Mode

+
+
+ + +
+
+ +
+
+
+
+
+
-
- + + + - + \ No newline at end of file diff --git a/player.php b/player.php new file mode 100644 index 0000000..ebd0cd8 --- /dev/null +++ b/player.php @@ -0,0 +1,65 @@ + + + + + + + Ilook - Select a Level + + + + + +
+
+

Hello, !

+

Select a level to begin.

+
+ +
+ +
+
+ + + Level <?php echo $i; ?> +
+
Level
+
+ + +
+ Level <?php echo $i; ?> (Locked) +
+
Level
+
+
+ +
+
+ +
+
+ +
+
+ + + +