Press Page

Author: NeilChaudhari

data/articles.json

@@ -4,5 +4,17 @@
         "summary": "Local Blogger Dan Woog writes about the FPA in his blog \"06880\"",
         "link": "https://06880danwoog.com/2023/07/28/gfa-programming-program-goes-global/",
         "photo": "https://i0.wp.com/06880danwoog.com/wp-content/uploads/2023/07/Fairfield-Programming-Association-1.jpg?resize=1024%2C785&ssl=1"
+    },
+    {
+        "title": "Challenging Intellectual Property in the Coding Game",
+        "summary": "Will McGonagle ‘23 and Neil Chaudhari ‘24 Found a Non-Profit Aimed to Bring Equity to the World of Programming",
+        "link": "https://www.gfacademy.org/community/news/single-post/~board/news/post/challenging-intellectual-property-in-the-coding-game-will-mcgonagle-23-and-neil-choudhari-24-found-a-non-profit-aimed-to-bring-equity-to-the-world-of-programming",
+        "photo": "https://resources.finalsite.net/images/f_auto,q_auto/v1680289251/greenfarms/lse9d90ndh2swie4sqdu/ScreenShot2023-03-31at25655PM.png"
+    },
+    {
+        "title":"Coding to Build Community",
+        "summary": "“Our vision is to spread computer science education throughout Fairfield County in a way that is fun and accessible”",
+        "link":"https://www.gfacademy.org/community/news/single-post/~board/news/post/coding-to-build-community",
+        "photo":"https://resources.finalsite.net/images/f_auto,q_auto/v1644949063/greenfarms/otdv3ly3winreahdllof/image0.jpg"
     }
 ]

src/components/article.js

@@ -6,8 +6,9 @@ function Article({title, summary, link, photo}){
 
     let slug = title.toLowerCase()
     let description = summary.split(" ").slice(0, 40).join(" ")
-
+    /*
     return (
+
     <Link className="block w-full h-full" to={`/team/${slug}`}>
       <div className="rounded shadow p-4 h-full">
         <img src={photo} class="rounded-full w-1/2 mb-4" />
@@ -24,5 +25,25 @@ function Article({title, summary, link, photo}){
       </a>
     </Link>
     )
+    */
+   return(
+        <div class="max-w-sm bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
+            
+            <img class="rounded-t-lg" src={photo} alt="" />
+            
+            <div class="p-5">
+                
+                <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">{title}</h5>
+                
+                <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">{description}</p>
+                <a href={link} class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
+                    Read more
+                    <svg class="w-3.5 h-3.5 ml-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
+                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
+                    </svg>
+                </a>
+            </div>
+        </div>
+   )
 }
 export default Article

src/pages/press.js

@@ -12,7 +12,7 @@ function PressPage({location}) {
     <Layout location={location} crumbLabel="Press">
         <section>
             <div
-            class="mx-auto max-w-screen-xl px-4 py-48 lg:flex  lg:items-center"
+            class="mx-auto max-w-screen-xl px-4 py-20 lg:flex  lg:items-center"
             >
                 <div class="mx-auto max-w-4xl text-center">
                     <h1 class="text-3xl font-extrabold sm:text-5xl">