Spaces:

broadfield-dev
/

grok_test

Running

App Files Files Community

broadfield-dev commited on Feb 20

Commit

ffd464c

verified ·

1 Parent(s): fdfda12

Update templates/index.html

Browse files

Files changed (1) hide show

templates/index.html +1 -147

templates/index.html CHANGED Viewed

@@ -44,150 +44,4 @@
             color: white;
             padding: 10px;
             border-radius: 5px;
-            font-size: 1.4em;
-            text-align: center;
-            margin-bottom: 15px;
-        }
-        .tiles {
-            display: grid;
-            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-            gap: 20px;
-            justify-content: center;
-        }
-        .article-tile {
-            background-color: white;
-            padding: 15px;
-            border-radius: 8px;
-            box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Subtle shadow like screenshot */
-            transition: transform 0.2s;
-            overflow: hidden;
-            border: 1px solid #e0e0e0; /* Subtle grey outline from screenshot */
-        }
-        .article-tile:hover {
-            transform: scale(1.05);
-            box-shadow: 0 6px 12px rgba(0,0,0,0.15);
-        }
-        .article-tile img, .article-tile svg {
-            width: 100%;
-            height: 150px;
-            object-fit: cover;
-            border-radius: 5px;
-        }
-        .title a {
-            font-size: 1.1em;
-            color: #2c3e50;
-            text-decoration: none;
-            display: block;
-            margin: 10px 0;
-            font-weight: bold;
-        }
-        .title a:hover {
-            color: #3498db;
-        }
-        .description {
-            color: #555;
-            font-size: 0.9em;
-            margin: 5px 0;
-            line-height: 1.4;
-        }
-        .published {
-            font-size: 0.8em;
-            color: #95a5a6;
-            margin-top: 10px;
-        }
-        #loading {
-            display: block;
-            position: fixed;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            background: rgba(0,0,0,0.5);
-            z-index: 1000;
-        }
-        .loader {
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            width: 50px;
-            height: 50px;
-            border: 5px solid #f3f3f3;
-            border-top: 5px solid #3498db;
-            border-radius: 50%;
-            animation: spin 1s linear infinite;
-        }
-        @keyframes spin {
-            0% { transform: translate(-50%, -50%) rotate(0deg); }
-            100% { transform: translate(-50%, -50%) rotate(360deg); }
-        }
-    </style>
-</head>
-<body>
-    <div id="loading"><div class="loader"></div></div>
-    <h1>News Feed Hub</h1>
-    <div class="search-container">
-        <form method="POST" id="searchForm">
-            <input type="text" name="search" class="search-bar" placeholder="Search news semantically...">
-        </form>
-    </div>
-    {% for category, articles in categorized_articles.items() %}
-    <div class="category-section">
-        <div class="category-title">{{ category }}</div>
-        <div class="tiles">
-            {% for article in articles %}
-            <div class="article-tile">
-                {% if article.image != "svg" %}
-                <img src="{{ article.image }}" alt="Article Image">
-                {% else %}
-                <svg width="100%" height="150" viewBox="0 0 300 150" xmlns="http://www.w3.org/2000/svg">
-                    <rect width="300" height="150" fill="#e0e0e0"/>
-                    <text x="50%" y="50%" text-anchor="middle" dy=".3em" font-size="20" fill="#666">
-                        No Image Available
-                    </text>
-                </svg>
-                {% endif %}
-                <div class="title"><a href="{{ article.link }}" target="_blank">{{ article.title }}</a></div>
-                <div class="description">{{ article.description }}</div>
-                <div class="published">Published: {{ article.published }}</div>
-            </div>
-            {% endfor %}
-        </div>
-    </div>
-    {% endfor %}
-    <script>
-        document.addEventListener('DOMContentLoaded', () => {
-            const form = document.getElementById('searchForm');
-            const loading = document.getElementById('loading');
-            form.addEventListener('submit', () => {
-                loading.style.display = 'block';
-            });
-            // Poll until feeds are loaded
-            function checkFeeds() {
-                fetch('/check_feeds')
-                    .then(response => response.json())
-                    .then(data => {
-                        if (data.status === "loaded") {
-                            window.location.href = '/index';
-                        } else if (data.status === "error") {
-                            console.error('Error loading feeds:', data.message);
-                            loading.style.display = 'none';
-                            alert('Failed to load RSS feeds. Please try again.');
-                        } else {
-                            setTimeout(checkFeeds, 1000); // Check every second
-                        }
-                    })
-                    .catch(error => {
-                        console.error('Error checking feeds:', error);
-                        loading.style.display = 'none';
-                        alert('Network error while loading feeds. Please try again.');
-                    });
-            }
-            checkFeeds();
-        });
-    </script>
-</body>
-</html>

             color: white;
             padding: 10px;
             border-radius: 5px;
+            font-size: