Hugging Face's logo

Spaces:
broadfield-dev
/
RSS_News
Sleeping

App Files Community
broadfield-dev commited on
Commit
b42ad41
·
verified ·
1 Parent(s): 8adeee7

Update templates/index.html

Browse files
Files changed (1) hide show
  1. templates/index.html +9 -7
templates/index.html CHANGED
@@ -5,17 +5,18 @@
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>News Feed Hub</title>
7
  <style>
8
- iframe { height:10000px !important; overflow-y: auto !important; }
9
  body { font-family: Arial, sans-serif; margin: 20px; background-color: #f5f5f5; color: #333; }
10
  h1 { text-align: center; color: #2c3e50; }
11
  .search-container { text-align: center; margin: 20px 0; }
12
- .search-bar { width: 50%; padding: 10px; border: 2px solid #3498db; border-radius: 25px; }
 
 
13
  .category-section { margin: 20px 0; }
14
  .category-title { background-color: #3498db; color: white; padding: 10px; border-radius: 5px; cursor: pointer; }
15
  .tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
16
  .article-tile { background: white; height: 350px; overflow-y: clip; padding: 15px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
17
  .article-tile img, .article-tile svg { width: 100%; height: 150px; object-fit: cover; border-radius: 5px; }
18
- .title a { text-transform: capitalize; font-size: large; font-weight: 500; color: #2c3e50; text-decoration: none; }
19
  .title a:hover { color: #3498db; }
20
  .description { color: #555; font-size: 0.9em; height: 150px; overflow-y: clip; }
21
  .published { font-size: 0.8em; color: #95a5a6; }
@@ -28,10 +29,11 @@
28
  <body>
29
  <h1>News Feed Hub</h1>
30
  <div class="search-container">
31
- <form method="POST" action="/search" id="searchForm">
32
- <input type="text" name="search" class="search-bar" placeholder="Search news...">
33
- </form>
34
- <button id="backButton" style="display: none; margin-top: 10px;">Back to Main</button>
 
35
  </div>
36
  {% if loading %}
37
  <div class="loading-container" id="loadingContainer">
 
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>News Feed Hub</title>
7
  <style>
 
8
  body { font-family: Arial, sans-serif; margin: 20px; background-color: #f5f5f5; color: #333; }
9
  h1 { text-align: center; color: #2c3e50; }
10
  .search-container { text-align: center; margin: 20px 0; }
11
+ .search-bar { width: 50%; padding: 10px; border: 2px solid #3498db; border-radius: 25px; margin-right: 10px; }
12
+ .search-button { padding: 10px 20px; border: none; border-radius: 25px; background-color: #3498db; color: white; cursor: pointer; font-size: 1em; }
13
+ .search-button:hover { background-color: #2980b9; }
14
  .category-section { margin: 20px 0; }
15
  .category-title { background-color: #3498db; color: white; padding: 10px; border-radius: 5px; cursor: pointer; }
16
  .tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
17
  .article-tile { background: white; height: 350px; overflow-y: clip; padding: 15px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
18
  .article-tile img, .article-tile svg { width: 100%; height: 150px; object-fit: cover; border-radius: 5px; }
19
+ .title a { font-size: 1.1em; color: #2c3e50; text-decoration: none; }
20
  .title a:hover { color: #3498db; }
21
  .description { color: #555; font-size: 0.9em; height: 150px; overflow-y: clip; }
22
  .published { font-size: 0.8em; color: #95a5a6; }
 
29
  <body>
30
  <h1>News Feed Hub</h1>
31
  <div class="search-container">
32
+ <form method="POST" action="/search" id="searchForm">
33
+ <input type="text" name="search" class="search-bar" placeholder="Search news...">
34
+ <button type="submit" class="search-button">Search</button>
35
+ </form>
36
+ <button id="backButton" style="display: none; margin-top: 10px;">Back to Main</button>
37
  </div>
38
  {% if loading %}
39
  <div class="loading-container" id="loadingContainer">