diff --git a/WebGames-master/WebGames-master/index.html b/WebGames-master/WebGames-master/index.html index 2f08c32b..1e1be400 100644 --- a/WebGames-master/WebGames-master/index.html +++ b/WebGames-master/WebGames-master/index.html @@ -15,20 +15,37 @@ flex: 1 1 150px; text-align: center; } + .no-results { + display: none; + text-align: center; + width: 100%; + justify-content: center; + align-items: center; + } @@ -38,6 +55,9 @@

+
+ No Results Found +
tic-tac-toe @@ -49,38 +69,92 @@ dev quiz
- + hangman
- + snow rider
- + snow rider +
+
+ hex gl +
+
+ tunnel rush +
+
+ learn to fly 2 +
+
+ slope +
+
+ henry stick man +
+
+ Basketball Legends +
+
+ tanuki sunset +
+
+ Fnaf Collection +
+
+ The Shadow Reform +
+
+ Kirby's Dreamland 3 Maker +
+
+ Mario Kart 64 +
+
+ isaac rath or the lam +
+
+ earth bound +
+
+ drift boss +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
- - hangman - snow rider - hex gl - tunnel rush - learn to fly 2 - slope - henry stick man - Basketball Legends - tanuki sunset - Fnaf Collection - The Shadow Reform - Kirby's Dreamland 3 Maker - Mario Kart 64 - isaac rath or the lam - earth bound - drift boss - - - - - - -
@@ -106,3 +180,4 @@ + \ No newline at end of file diff --git a/WebGames-master/WebGames-master/main.css b/WebGames-master/WebGames-master/main.css index 69dfed5d..6ccc4558 100644 --- a/WebGames-master/WebGames-master/main.css +++ b/WebGames-master/WebGames-master/main.css @@ -13,6 +13,7 @@ html { background-attachment: scroll; background-size: cover; z-index: 2; + text-align: center; } div.one { @@ -55,4 +56,13 @@ button:hover { img { border-radius: 50%; +} + +.no-results img { + border-radius: 0; /* Remove round shape */ + text-align: center; + display: flex; + justify-content: center; + align-items: center; + border-radius: 10px; } \ No newline at end of file diff --git a/game.js b/game.js new file mode 100644 index 00000000..d9c03b91 --- /dev/null +++ b/game.js @@ -0,0 +1,27 @@ +const style = document.createElement('style'); +style.innerHTML = ` + .no-results img { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -100%); + /* Removed the solid black outline */ + padding: 10px; /* Add some padding inside the box */ + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add a shadow to the box */ + -moz-box-shadow: 0 0 10px #777777; + -webkit-box-shadow: 0 0 10px #777777; + box-shadow: inset 0 0 10px #777777; + -moz-box-align: center; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + } +`; +document.head.appendChild(style); + +// Assuming you have a function to show the result not found image +function showResultNotFound() { + const img = document.createElement('img'); + img.src = '/image-robert-added/res.webp'; + img.className = 'no-results'; + document.body.appendChild(img); +} diff --git a/image-robert-added/res.webp b/image-robert-added/res.webp new file mode 100644 index 00000000..539084a6 Binary files /dev/null and b/image-robert-added/res.webp differ