Spaces:

dhruvshettty
/

articles-stance

Running

App Files Files Community

dhruvshettty commited on Jan 10, 2023

Commit

3181725

•

1 Parent(s): 05cf3a9

Update index.html

Browse files

Files changed (1) hide show

index.html +35 -13

index.html CHANGED Viewed

@@ -7,18 +7,40 @@
 		<link rel="stylesheet" href="style.css" />
 	</head>
 	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>
-				You can modify this app directly by editing <i>index.html</i> in the
-				Files and versions tab.
-			</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank"
-					>Spaces documentation</a
-				>.
-			</p>
-		</div>
 	</body>
 </html>

 		<link rel="stylesheet" href="style.css" />
 	</head>
 	<body>
+        <header>
+          <h1>Stance Prediction on Latest News</h1>
+        </header>
+        <nav>
+          <ul>
+            <li><a href="https://modal.com/apps/dhruvshettty/biweekly_pipeline">Modal Biweekly Pipeline</a></li>
+            <li><a href="https://modal.com/apps/dhruvshettty/daily_pipeline">Modal Daily Pipeline</a></li>
+            <li><a href="https://modal.com/apps/dhruvshettty/latest_news_webhook">Modal Articles Webhook</a></li>
+          </ul>
+        </nav>
+        <section id="main-content">
+          <button id="get-articles" type="button">Get recent articles...</button>
+        </section>
+        <script
+          const endpoint = 'https://dhruvshettty--latest-news-webhook-response-articles.modal.run/';
+          document.getElementById("get-articles").onclick = function() {
+            fetch(endpoint)
+              .then(response => response.json())
+              .then(data => {
+                const mainContent = document.getElementById("main-content");
+                data.forEach(post => {
+                  const article = document.createElement('article');
+                  article.innerHTML = `
+                    <h2>${post.title}</h2>
+                    <p>Published on ${post.publishedat}</p>
+                    <p>Categories: ${post.predicted_topic}</p>
+                    <p>Stance: ${post.predicted_stance}</p>
+                  `;
+                mainContent.appendChild(article);
+              })
+              .catch(error => console.error(error));
+          }
+        </script>
 	</body>
 </html>