Added a second css stylesheet and updated SingleTech.html

d69b0cff · Ismael Shaukat-Lopez · c53e8433 · d69b0cff · d69b0cff · d69b0cff
Commit d69b0cff authored May 9, 2024 by Ismael Shaukat-Lopez
--- a/eShop.py
+++ b/eShop.py
@@ -5,18 +5,21 @@ app = Flask(__name__)
 technologies = [
    { "name": "AK-47", 
     "price": "£120", 
-     "description": "Russian manufactured rifle with high fire rate and penetration",
-     "image_filename": "ak47.png"},
+     "description": "Russian manufactured rifle with a high fire rate and penetration. This absolute classic is popular amongst our regular customers and we are sure that you will fall in love with it too. 30 rounds per magazine and strong recoil. On the noisy side.",
+     "image_filename": "ak47.png",
+     "volume": "140dB"},
    
    { "name": "M4A4", 
     "price": "£100", 
     "description": "Accurate rifle with a 70mm barrel and a telescoping stock",
-     "image_filename": "m4a4.png"},
+     "image_filename": "m4a4.png",
+     "volume": "130dB"},
    
    { "name": "M4A1-S", 
     "price": "£120", 
     "description": "M4A4 silenced counterpart with less recoil but smaller magazine size",
-     "image_filename": "m4a1s.png"}
+     "image_filename": "m4a1s.png",
+     "volume": "100dB"}
 ]

 @app.route('/')

--- a/static/css/styles.css
+++ b/static/css/styles.css
--- a/static/css/stylesheet2.css
+++ b/static/css/stylesheet2.css
+body {
+    font-family: Arial, sans-serif;
+    background-color: #bb6e6e;
+    margin: 0;
+    padding: 20px;
+}
+
+h1 {
+    text-align: center;
+    color: #333;
+    margin-bottom: 20px;
+}
+
+p {
+    color: #0e0d0d;
+    line-height: 1.6;
+}
+
+.price {
+    font-weight: bold;
+    color: #ff5733; /* Price color */
+}
+
+.description {
+    margin-top: 20px;
+}
+
+/* Responsive styles */
+@media screen and (max-width: 600px) {
+    h1 {
+        font-size: 24px;
+    }
+}
\ No newline at end of file
--- a/templates/SingleTech.html
+++ b/templates/SingleTech.html
 <!DOCTYPE html>
 <html>
+    <head>
+        <meta charset="UTF-8">
+        <link rel="stylesheet" href="{{ url_for('static', filename='css/stylesheet2.css') }}">
+    </head>
 <body>
    <h1>{{ technology.name }}</h1>
-    <p>Price: {{ technology.price }}</p>
+    <p><b>{{technology.price + " | " }}{{technology.volume}}</b></p>
    <p>{{ technology.description }}</p>
 </body>
 </html>
--- a/templates/index.html
+++ b/templates/index.html
@@ -3,14 +3,15 @@
    <head>
        <meta charset="UTF-8">
        <title>THE COUNTER STRIKE ARMS SHOP</title>
-        <link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
+        <link rel="stylesheet" href="{{ url_for('static', filename='css/stylesheet1.css') }}">
    </head>
 <body>
    <h1>THE COUNTER STRIKE ARMS SHOP</h1>
    <ul>
        {% for tech in technologies %}
-            <a href="{{ url_for('singleProductPage', techId=loop.index0) }}">{{ tech.name }}</a>
+            <a href="{{ url_for('singleProductPage', techId=loop.index0) }}">{{ tech.name+" ["+tech.price+"] "+" ["+tech.volume+"]" }}
            <img src="{{ url_for('static', filename=tech.image_filename) }}" alt="{{ tech.name }}">
+            </a>
        {% endfor %}
    </ul>
 </body>