- add new entries and respective screenshots

Author: TobiasMue91

data/games.json

@@ -548,5 +548,16 @@
     "aiPowered": false,
     "featured": false,
     "date": "2025-05-02"
+  },
+  {
+    "id": "color_flood",
+    "title": "Color Flood",
+    "description": "Play Color Flood - a strategic puzzle game where you flood the board with colors to turn the entire grid into a single color in as few moves as possible. Test your strategic thinking with multiple difficulty levels.",
+    "url": "games/color_flood.html",
+    "screenshot": "screenshots/screenshot_183.png",
+    "type": "game",
+    "aiPowered": false,
+    "featured": false,
+    "date": "2025-05-08"
   }
 ]

data/tools.json

@@ -1406,5 +1406,16 @@
     "aiPowered": false,
     "featured": true,
     "date": "2025-05-04"
+  },
+  {
+    "id": "interactive_periodic_table",
+    "title": "Interactive Periodic Table",
+    "description": "Explore the complete periodic table of elements with our interactive tool. View detailed information about each element including properties, electron configuration, and more.",
+    "url": "tools/interactive_periodic_table.html",
+    "screenshot": "screenshots/screenshot_184.png",
+    "type": "tool",
+    "aiPowered": false,
+    "featured": false,
+    "date": "2025-05-08"
   }
 ]

games/color_flood.html

@@ -4,6 +4,21 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Color Flood</title>
+    <meta name="description" content="Play Color Flood - a strategic puzzle game where you flood the board with colors to turn the entire grid into a single color in as few moves as possible. Test your strategic thinking with multiple difficulty levels.">
+    <meta name="keywords" content="color flood, flood fill game, puzzle game, strategy game, browser game, color strategy, free online game">
+    <meta name="author" content="Claude 3.7 Sonnet prompted by Tobias Müller">
+    <meta name="robots" content="index, follow">
+    <link rel="canonical" href="https://www.gptgames.dev/games/color_flood.html">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.gptgames.dev/games/color_flood.html">
+    <meta property="og:title" content="Color Flood - Strategic Color Puzzle Game">
+    <meta property="og:description" content="Fill the entire grid with a single color in as few moves as possible in this addictive puzzle game with multiple difficulty levels.">
+    <meta property="og:image" content="https://www.gptgames.dev/screenshots/screenshot_183.png">
+    <meta property="twitter:card" content="summary_large_image">
+    <meta property="twitter:url" content="https://www.gptgames.dev/games/color_flood.html">
+    <meta property="twitter:title" content="Color Flood - Strategic Color Puzzle Game">
+    <meta property="twitter:description" content="Fill the entire grid with a single color in as few moves as possible in this addictive puzzle game with multiple difficulty levels.">
+    <meta property="twitter:image" content="https://www.gptgames.dev/screenshots/screenshot_183.png">
     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap" rel="stylesheet">
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/anime.min.js"></script>
     <style>

screenshots/screenshot_183.png

@@ -268,6 +268,8 @@ <h2>Tools by ChatGPT</h2>
       <li><a href="/tools/roman_numeral_converter.html">Roman Numeral Converter</a></li>
       <li><a href="/tools/image_background_remover.html">Image Background Remover</a></li>
       <li><a href="/tools/audio_cutter.html">Audio Cutter</a></li>
+      <li><a href="/games/color_flood.html">Color Flood</a></li>
+      <li><a href="/tools/interactive_periodic_table.html">Interactive Periodic Table</a></li>
 <!-- end -->
     </ul>
   </div>