From 1871a147c7ebf062a3922ad70b5c09792b0339e6 Mon Sep 17 00:00:00 2001
From: Cuiyuanxiu Chen <cc127@rice.edu>
Date: Wed, 2 Nov 2022 20:52:16 -0500
Subject: [PATCH] home page articles updated

---
 _includes/home_page/articles/articles.html | 74 +++++++++++++---------
 1 file changed, 45 insertions(+), 29 deletions(-)
diff --git a/_includes/home_page/articles/articles.html b/_includes/home_page/articles/articles.html
index 151eff1453..77d683c28d 100644
--- a/_includes/home_page/articles/articles.html
+++ b/_includes/home_page/articles/articles.html
@@ -1,34 +1,50 @@
 <!-- Research Section -->
-<section class="articles-section">
-    <div class="container">
-        <div class="row">
-            <div class="col-lg-12 text-center">
-                <h2 class="section-heading">近期公众号热门</br>Articles</h2>
-            </div>
-        </div>
-        {% for article in site.data.articles %}
-        <div class="row">
-            <div class="container-sm card-item">
-                <div class="row">
-                    <div class="col-md-4 col-sm-6">
-                        <!-- <a href="#portfolioModal{{ post.modal-id }}" class="portfolio-link" data-toggle="modal"> -->
-                            <img src="img/articles/{{ article.thumbnail }}" class="img-responsive img-centered img-border-radius" alt="">
-                        <!-- </a> -->
-                    </div>
-                    <div class="col-md-8 col-sm-10">
-                        <div class="portfolio-caption">
-                            <a href="{{ article.link }}" target="_blank">
-                                <h3 class="title">{{ article.title }}</h3>
-                            </a>
-                            <h5 class="text-muted">{{ article.description | markdownify }}</h5>
-                            </h5>
+
+<body>
+    <script>
+        fetch('https://script.google.com/macros/s/AKfycbxAAClnGBbo_rxRU2jUwmP4WvEadh_IKV9col_FTjpd0vgWX3KldgQMmJEnejzgyf2cQQ/exec')
+            .then(res => res.json())
+            .then(data => {
+                console.log(data);
+                document.getElementById('article-card').innerHTML = data.map(article =>
+                    `<div class="row">
+                        <div class="col-md-4 col-sm-6">
+                            <!-- <a href="#portfolioModal{{ post.modal-id }}" class="portfolio-link" data-toggle="modal"> -->
+                            <img src=${article[1]} class="img-responsive img-centered img-border-radius" alt="">
+                            <!-- </a> -->
+                        </div>
+                        <div class="col-md-8 col-sm-10">
+                            <div class="portfolio-caption">
+                                <a href=${article[2]} target="_blank">
+                                    <h3 class="title" >${article[0]}</h3>
+                                </a>
+                                <h5 class="text-muted">${article[3]}
+                                </h5>
+                                </h5>
+                            </div>
                         </div>
-                    </div>
+                    </div>`
+                ).join('')
+
+            })
+    </script>
+
+    <section class="articles-section">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12 text-center">
+                    <h2 class="section-heading">近期公众号热门</br>Articles</h2>
+                </div>
+            </div>
+
+            <div class="row">
+                <div class="container-sm card-item" id="article-card">
+
                 </div>
             </div>
+            </br>
+
         </div>
-    </br>
-        {% endfor %}
-    </div>
-    </br>
-</section>
\ No newline at end of file
+        </br>
+    </section>
+</body>
\ No newline at end of file
