Update templates/index.html

templates/index.html

@@ -58,7 +58,6 @@
             box-shadow: 0 4px 8px rgba(0,0,0,0.1);
             transition: transform 0.2s;
             overflow: hidden;
-            position: relative;
         }
         .article-tile:hover {
             transform: scale(1.05);
@@ -79,33 +78,15 @@
         .title a:hover {
             color: #3498db;
         }
-        .summary {
+        .description {
             color: #555;
             font-size: 0.9em;
             margin: 5px 0;
         }
-        .sentiment {
-            font-style: italic;
-            color: #7f8c8d;
-            font-size: 0.85em;
-        }
         .published {
             font-size: 0.8em;
             color: #95a5a6;
         }
-        .summarize-btn {
-            background-color: #3498db;
-            color: white;
-            border: none;
-            padding: 5px 10px;
-            border-radius: 5px;
-            cursor: pointer;
-            font-size: 0.8em;
-            margin-top: 10px;
-        }
-        .summarize-btn:hover {
-            background-color: #2980b9;
-        }
         #loading {
             display: block;
             position: fixed;
@@ -159,10 +140,8 @@
                 </svg>
                 {% endif %}
                 <div class="title"><a href="{{ article.link }}" target="_blank">{{ article.title }}</a></div>
-                <div class="summary" id="summary-{{ loop.index }}-{{ category|replace(' ', '-') }}">{{ article.summary }}</div>
-                <div class="sentiment">Sentiment: {{ article.sentiment }}</div>
+                <div class="description">{{ article.description }}</div>
                 <div class="published">Published: {{ article.published }}</div>
-                <button class="summarize-btn" onclick="summarizeArticle('{{ article.original_description|escapejs }}', 'summary-{{ loop.index }}-{{ category|replace(' ', '-') }}')">Summarize</button>
             </div>
             {% endfor %}
         </div>
@@ -182,28 +161,6 @@
                 loading.style.display = 'none';
             });
         });
-
-        function summarizeArticle(text, summaryId) {
-            const loading = document.getElementById('loading');
-            loading.style.display = 'block';
-            fetch('/summarize', {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify({ text: text }),
-            })
-            .then(response => response.json())
-            .then(data => {
-                document.getElementById(summaryId).innerText = data.summary;
-                loading.style.display = 'none';
-            })
-            .catch(error => {
-                console.error('Error:', error);
-                document.getElementById(summaryId).innerText = 'Error summarizing';
-                loading.style.display = 'none';
-            });
-        }
     </script>
 </body>
 </html>