dynamic game routes on app.py with images

Author: LoadingStill

app.py

@@ -1,10 +1,8 @@
-from flask import Flask, render_template
+from flask import Flask, render_template, request, jsonify
+from game_data import game_pages  # Import the game_pages dictionary
 
 app = Flask(__name__)
 
-# List of game names (without the .html extension)
-game_pages = ['cs2', 'arma3', 'dst', 'factorio', 'eco', 'minecraftJava']
-
 @app.route('/')
 def home():
     return render_template('home.html', game_pages=game_pages)

game_data.py

@@ -0,0 +1,5 @@
+game_pages = {
+    'cs2': 'https://cdn.cloudflare.steamstatic.com/steam/apps/730/library_600x900.jpg',
+    'factorio': 'https://cdn.cloudflare.steamstatic.com/steam/apps/427520/library_600x900.jpg?t=1597145422'
+    # Add more games here as needed
+}

templates/home.html

@@ -16,9 +16,12 @@ <h1>WebGSM</h1>
     </div>
     <div class="grid-container">
         <div class="content">
-            <a id="cs2-button" href="{{ url_for('cs2') }}">
-                <img class="game-button" src="https://cdn.cloudflare.steamstatic.com/steam/apps/730/library_600x900.jpg?t=1695852468" alt="CS2 Poster">
-            </a>
+            <!-- Loop through game pages and create buttons with their respective images -->
+            {% for game, image_url in game_pages.items() %}
+                <a href="{{ url_for('game', game_name=game) }}">
+                    <img class="game-button" src="{{ image_url }}" alt="{{ game }} Poster">
+                </a>
+            {% endfor %}
         </div>
     </div>
 </body>