Update templates/result.html

templates/result.html

@@ -10,6 +10,7 @@
     <style>
         body {
             background-color: #1d2329;
+            color: #e0e0e0;
             font-family: 'Arial', sans-serif;
         }
 
@@ -32,7 +33,7 @@
             flex: 1;
             padding: 20px;
             background-color: #1d2c38;
-            border-left: 1px solid #ddd;
+            border-left: 1px solid #4e5d6c;
             border-radius: 10px;
             display: flex;
             justify-content: center;
@@ -40,9 +41,10 @@
         }
 
         .card {
+            background-color: #2a2f36;
             border: none;
             border-radius: 10px;
-            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
             margin-bottom: 20px;
         }
 
@@ -55,7 +57,8 @@
 
         .list-group-item {
             border: none;
-            background-color: #f8f9fa;
+            background-color: #3a4149;
+            color: #e0e0e0;
             padding: 10px;
         }
 
@@ -67,32 +70,33 @@
         }
 
         .list-group-item strong {
-            color: #343a40;
+            color: #e0e0e0;
         }
 
         h2 {
             margin-bottom: 20px;
+            color: #e0e0e0;
         }
 
         h3 {
             margin-top: 10px;
             margin-bottom: 10px;
             font-size: 1.25rem;
-            color: #343a40;
+            color: #28a745;
         }
 
         pre {
-            background-color: #f8f9fa;
+            background-color: #3a4149;
             padding: 10px;
             border-radius: 5px;
             font-size: 1rem;
-            color: #343a40;
+            color: #e0e0e0;
             overflow-x: auto;
         }
 
         .card-footer {
             text-align: center;
-            border-top: 1px solid #ddd;
+            border-top: 1px solid #4e5d6c;
             padding: 15px;
         }
 
@@ -125,17 +129,18 @@
 
         .emoji-high {
             color: #28a745;
-            /* Green for high scores */
         }
 
         .emoji-medium {
             color: #ffc107;
-            /* Yellow for medium scores */
         }
 
         .emoji-low {
             color: #dc3545;
-            /* Red for low scores */
+        }
+
+        a {
+            color: #007bff;
         }
     </style>
 
@@ -155,7 +160,6 @@
                             <strong>Extracted Data:</strong>
                             {% for filename, text in data.extracted_text.items() %}
                             <h3>{{ filename }}:</h3>
-                            <!-- Display Image using Img[filename] -->
                             <img src="{{ Img[filename] }}" alt="Processed Image" class="img-fluid mb-3"
                                 style="max-width: 100%; height: auto;" />
                             <strong>Text:</strong>
@@ -167,9 +171,7 @@
                             {% if data.name is iterable and data.name is not string %}
                             <ul>
                                 {% for value in data.name %}
-                                <li>
-                                    {{ value }}<br>
-                                </li>
+                                <li>{{ value }}<br></li>
                                 {% endfor %}
                             </ul>
                             {% else %}
@@ -181,9 +183,7 @@
                             {% if data.Designation is iterable and data.Designation is not string %}
                             <ul>
                                 {% for value in data.Designation %}
-                                <li>
-                                    {{ value }}<br>
-                                </li>
+                                <li>{{ value }}<br></li>
                                 {% endfor %}
                             </ul>
                             {% else %}
@@ -195,9 +195,7 @@
                             {% if data.contact_number is iterable and data.contact_number is not string %}
                             <ul>
                                 {% for value in data.contact_number %}
-                                <li>
-                                    {{ value }}<br>
-                                </li>
+                                <li>{{ value }}<br></li>
                                 {% endfor %}
                             </ul>
                             {% else %}
@@ -209,9 +207,7 @@
                             {% if data.email is iterable and data.email is not string %}
                             <ul>
                                 {% for value in data.email %}
-                                <li>
-                                    {{ value }}<br>
-                                </li>
+                                <li>{{ value }}<br></li>
                                 {% endfor %}
                             </ul>
                             {% else %}
@@ -223,9 +219,7 @@
                             {% if data.Location is iterable and data.Location is not string %}
                             <ul>
                                 {% for value in data.Location %}
-                                <li>
-                                    {{ value }}<br>
-                                </li>
+                                <li>{{ value }}<br></li>
                                 {% endfor %}
                             </ul>
                             {% else %}
@@ -237,9 +231,7 @@
                             {% if data.Link is iterable and data.Link is not string %}
                             <ul>
                                 {% for value in data.Link %}
-                                <li>
-                                    {{ value }}<br>
-                                </li>
+                                <li>{{ value }}<br></li>
                                 {% endfor %}
                             </ul>
                             {% else %}
@@ -251,9 +243,7 @@
                             {% if data.Company is iterable and data.Company is not string %}
                             <ul>
                                 {% for value in data.Company %}
-                                <li>
-                                    {{ value }}<br>
-                                </li>
+                                <li>{{ value }}<br></li>
                                 {% endfor %}
                             </ul>
                             {% else %}
@@ -261,7 +251,9 @@
                             {% endif %}
                         </li>
                     </ul>
-                    <a href="{{ url_for('index') }}">Back to Upload</a>
+                    <a href="{{ url_for('index') }}">
+                        <button type="button" class="btn btn-primary">Back to Upload</button>
+                    </a>
                 </div>
             </div>
             <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
@@ -269,4 +261,4 @@
             <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
 </body>
 
-</html>
+</html>