Add favicon and update title with logo for sentiment analysis page

- Added a favicon link to the HTML head for better branding.
- Updated the title section to include a U.S. flag logo alongside the title text.
- Introduced CSS variables for font sizes to maintain consistency and ease future adjustments.

.gitattributes

@@ -33,3 +33,7 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+*.png filter=lfs diff=lfs merge=lfs -text
+*.jpg filter=lfs diff=lfs merge=lfs -text
+*.jpeg filter=lfs diff=lfs merge=lfs -text
+*.gif filter=lfs diff=lfs merge=lfs -text

app.ipynb

@@ -24,15 +24,13 @@
       " * Running on all addresses (0.0.0.0)\n",
       " * Running on http://127.0.0.1:7860\n",
       " * Running on http://192.168.1.16:7860\n",
-      "Press CTRL+C to quit\n",
-      "192.168.1.16 - - [02/Jul/2025 12:01:12] \"GET / HTTP/1.1\" 200 -\n",
-      "192.168.1.16 - - [02/Jul/2025 12:01:13] \"GET /favicon.ico HTTP/1.1\" 404 -\n"
+      "Press CTRL+C to quit\n"
      ]
     }
    ],
    "source": [
-    "import os, torch\n",
-    "from flask import Flask, request, jsonify, render_template\n",
+    "import os, base64, torch\n",
+    "from flask import Flask, request, jsonify, render_template, Response\n",
     "from transformers import AutoTokenizer, AutoModelForSequenceClassification\n",
     "from dotenv import load_dotenv\n",
     "\n",
@@ -99,12 +97,41 @@
     "        print(f\"Error: {str(e)}\")\n",
     "        return jsonify({'error': 'An error occurred during prediction'}), 500\n",
     "\n",
+    "def load_base64_from_file(filename):\n",
+    "    try:\n",
+    "        with open(f'static/base64-images/{filename}.txt', 'r') as f:\n",
+    "            return f.read().strip()\n",
+    "    except FileNotFoundError:\n",
+    "        return None\n",
+    "    \n",
+    "@app.route('/static/favicon.png')\n",
+    "def favicon():\n",
+    "    base64_data = load_base64_from_file('favicon')\n",
+    "    if base64_data is None:\n",
+    "        return \"Image not found\", 404\n",
+    "    \n",
+    "    image_data = base64.b64decode(base64_data)\n",
+    "    response = Response(image_data, mimetype='image/png')\n",
+    "    response.headers['Cache-Control'] = 'public, max-age=31536000'\n",
+    "    return response\n",
+    "\n",
+    "@app.route('/static/images/us-flag.png')\n",
+    "def us_flag():\n",
+    "    base64_data = load_base64_from_file('us-flag')\n",
+    "    if base64_data is None:\n",
+    "        return \"Image not found\", 404\n",
+    "    \n",
+    "    image_data = base64.b64decode(base64_data)\n",
+    "    response = Response(image_data, mimetype='image/png')\n",
+    "    response.headers['Cache-Control'] = 'public, max-age=31536000'\n",
+    "    return response\n",
+    "\n",
     "@app.route('/')\n",
     "def home():\n",
     "    return render_template(\"index.html\")\n",
     "\n",
     "if __name__ == '__main__':\n",
-    "    app.run(host=\"0.0.0.0\", port=7860, debug=True)"
+    "    app.run(host=\"0.0.0.0\", port=7860)"
    ]
   },
   {

app.py

@@ -1,5 +1,5 @@
-import os, torch
-from flask import Flask, request, jsonify, render_template
+import os, base64, torch
+from flask import Flask, request, jsonify, render_template, Response
 from transformers import AutoTokenizer, AutoModelForSequenceClassification
 from dotenv import load_dotenv
 
@@ -28,7 +28,7 @@ def get_sentiment_score(text):
             max_length=128,
             return_tensors='pt'
         )
-        
+
         outputs = model(**encoding)
         _, predicted = torch.max(outputs.logits, 1)
 
@@ -65,7 +65,36 @@ def predict():
     except Exception as e:
         print(f"Error: {str(e)}")
         return jsonify({'error': 'An error occurred during prediction'}), 500
+
+def load_base64_from_file(filename):
+    try:
+        with open(f'static/base64-images/{filename}.txt', 'r') as f:
+            return f.read().strip()
+    except FileNotFoundError:
+        return None
     
+@app.route('/static/favicon.png')
+def favicon():
+    base64_data = load_base64_from_file('favicon')
+    if base64_data is None:
+        return "Image not found", 404
+    
+    image_data = base64.b64decode(base64_data)
+    response = Response(image_data, mimetype='image/png')
+    response.headers['Cache-Control'] = 'public, max-age=31536000'
+    return response
+
+@app.route('/static/images/us-flag.png')
+def us_flag():
+    base64_data = load_base64_from_file('us-flag')
+    if base64_data is None:
+        return "Image not found", 404
+    
+    image_data = base64.b64decode(base64_data)
+    response = Response(image_data, mimetype='image/png')
+    response.headers['Cache-Control'] = 'public, max-age=31536000'
+    return response
+
 @app.route('/')
 def home():
     return render_template("index.html")

requirements.txt

@@ -1,4 +1,5 @@
-gunicorn
-Flask
-transformers
-torch
+gunicorn==23.0.0
+Flask==3.0.3
+transformers==4.46.3
+torch==2.4.1
+python-dotenv==1.0.1

templates/index.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Sentiment Analysis</title>
+    <link rel="icon" type="image/png" href="{{ url_for('static', filename='favicon.png') }}">
     <style>
         * {
             margin: 0;
@@ -36,10 +37,17 @@
         }
         
         .title {
+            --font-size: 2.5rem;
             color: #333;
-            font-size: 2.5rem;
+            font-size: var(--font-size);
             font-weight: 700;
         }
+
+        .logo {
+            height: var(--font-size);
+            width: auto;
+            vertical-align: middle;
+        }
         
         .subtitle {
             color: #666;
@@ -189,7 +197,7 @@
             }
             
             .title {
-                font-size: 2rem;
+                --font-size: 2rem;
             }
 
             .subtitle {
@@ -220,9 +228,8 @@
 </head>
 <body>
     <div class="container">
-        <h1 class="title">🎭 Sentiment Analysis</h1>
+        <h1 class="title"><img class="logo" src="{{ url_for('static', filename='images/us-flag.png') }}" alt="US Flag">&nbsp;U.S. Political Sentiment Analysis</h1>
         <p class="subtitle">Enter your text below to analyze its sentiment</p>
-        
         <form class="sentiment-form" id="sentiment-form">
             <textarea
                 class="text-input"