Resources page WIP

src/components/LinksTable.js

@@ -0,0 +1,28 @@
+import React from "react"
+import { CreateLocalLink } from "../utils"
+import UniversalLink from "./UniversalLink"
+import { Flex, Box, Heading, List, ListItem } from "@chakra-ui/core";
+
+
+const LinksTable = ({ data, typeClass }) => {
+
+    return (
+        <Flex direction="row">
+            <Box>
+                <Heading as="h3">{data.category}</Heading>
+            </Box>
+            <Box className={typeClass}>
+                <List styleType="none">
+                    {data.links.map((link, key) => (
+                        // TODO: añadir 2 li (news, regular)
+                        <ListItem key={key}>
+                            <UniversalLink children={link.text} to={link.url}></UniversalLink>
+                        </ListItem>
+                    ))}
+                </List>
+            </Box>
+        </Flex>
+    );
+}
+
+export default LinksTable

src/pages/resources.js

@@ -1,12 +1,28 @@
 import React from "react";
 import DefaultLayout from "../components/layouts/DefaultLayout";
 import SEO from "../components/seo";
-import { Heading } from "@chakra-ui/core";
+import { Heading, Text } from "@chakra-ui/core";
+import LinksTable from '../components/LinksTable';
+import linksTableData from '../utils/linksTableData';
+import newsLinksTableData from '../utils/newsLinksTableData';
 
 const Resources = () => (
   <DefaultLayout>
     <SEO title="Resources" />
     <Heading as="h1">Resources</Heading>
+    <Text fontSize="xl">
+      Use the resources below to learn more about technology responses to COVID-19, digital contact tracing, exposure notification, GPS, Bluetooth, and other technology and policy issues facing public health authorities and private sector organizations.
+    </Text>
+
+    {linksTableData.map((data, key) => (
+      <LinksTable key={key} data={data}></LinksTable>
+    ))}
+
+    {newsLinksTableData.map((data, key) => (
+      <LinksTable key={key} data={data} typeClass="news"></LinksTable>
+    ))}
+
+
   </DefaultLayout>
 );
 

src/utils/linksTableData.js

@@ -0,0 +1,82 @@
+export default [
+    {
+        category: "Whitepapers",
+        links: [
+            {
+                text: "Apps Gone Rogue: Maintaining Personal Privacy in an Epidemic",
+                url: "https://arxiv.org/pdf/2003.08567.pdf"
+            },
+
+            {
+                text: "Adding Location and other Context to the Google/Apple Exposure Notification Bluetooth API",
+                url: "https://arxiv.org/pdf/2007.02317.pdf"
+            },
+
+            {
+                text: "Privacy Guidelines for Contact Tracing Applications",
+                url: "https://arxiv.org/pdf/2004.13328.pdf"
+            },
+            {
+                text: "Restarting the Economy and Avoiding Big Brother: We need to know who has antibodies and employ them in the front line",
+                url: "http://connection.mit.edu/sites/default/files/publication-pdfs/Restarting%20the%20Economy_0.pdf"
+            },
+            {
+                text: "Transparency and Consent – By Default",
+                url: "https://pathcheck.org/resources/transparency-and-consent-by-default.pdf"
+            },
+
+            {
+                text: "COVID-19 Contact-Tracing Mobile Apps: Evaluation And Assessment For Decision Makers",
+                url: "https://pathcheck.org/resources/covid-19-contact-tracing-mobile-apps-evaluation-and-assessment-for-decision-makers.pdf"
+            },
+
+            {
+                text: "Contact Tracing: Holistic Solution beyond Bluetooth",
+                url: "https://pathcheck.org/resources/contact-tracing-holistic-solution-beyond-bluetooth.pdf"
+            },
+
+            {
+                text: "Contact Tracing to Manage COVID19 Spread – Balancing Personal Privacy and Public Health",
+                url: "https://pathcheck.org/resources/contact-tracing-to-manage-covid19-spread-balancing-personal-privacy-and-public-health.pdf"
+            },
+
+            {
+                text: "The Architecture of Trust in Contact Tracing: How to evaluate and assess Contact Tracing solutions",
+                url: "https://pathcheck.org/resources/evaluating-contact-tracing-apps.pdf"
+            },
+        ]
+    },
+    {
+        category: "Articles",
+        links: [
+            {
+                text: "COVID-19 and the Perspective of Health Authorities: Optimizing for Human-Tech Partnerships",
+                url: "https://pathcheck.org/covid-19-and-the-perspective-of-health-authorities-optimizing-for-human-tech-partnerships/"
+            },
+
+            {
+                text: "Digital Contact Tracing: Privacy by Design, Consent by Default",
+                url: "https://pathcheck.org/digital-contact-tracing-privacy-by-design-consent-by-default/"
+            },
+            {
+                text: "What do Public Health Authorities need for COVID-19? Thinking beyond Exposure Notification, Contact Tracing and Heatmaps",
+                url: "https://pathcheck.org/what-do-public-health-authorities-need-for-covid-19-thinking-beyond-exposure-notification-contact-tracing-and-heatmaps/"
+            },
+        ]
+    },
+    {
+        category: "Videos & Webinars",
+        links: [
+            {
+                text: "Webinar: From Concept to Delivery: Digital Contact Tracing Moves to the Next Stage",
+                url: "https://www.youtube.com/watch?v=MNlGQpd0KWo&t=2s"
+            },
+            {
+                text: "Role of Digital Contact Tracing for Pandemic: The Hype and the Reality",
+                url: "https://www.youtube.com/watch?v=Vc2U45HsGC4"
+            },
+        ]
+    },
+]
+
+

src/utils/newsLinksTableData.js

@@ -0,0 +1,53 @@
+export default [
+    {
+        category: "In the news",
+        links: [
+            {
+                text: "Contact Tracing With Your Phone: It’s Easier but There Are Tradeoffs",
+                url: "https://www.nytimes.com/2020/06/03/health/coronavirus-contact-tracing-apps.html",
+                date: "06.03.2020",
+                source: "The New York Times"
+            },
+            {
+                text: "Surveillance and Our Privacy",
+                url: "https://www.wsj.com/video/events/surveillance-and-our-privacy/79EDDCD4-A76A-475C-B61D-F2FAA9A304EC.html",
+                date: "06.02.2020",
+                source: "The Wall Street Journal"
+            },
+            {
+                text: "State-Based Contact Tracing Apps Could Be a Mess",
+                url: "https://www.wired.com/story/covid-19-contact-tracing-app-fragmentation/",
+                date: "05.27.2020",
+                source: "Wired"
+            },
+            {
+                text: "Will Emerging Contact Tracing Solutions Be Put to Work?",
+                url: "https://www.mddionline.com/will-emerging-contact-tracing-solutions-be-put-work",
+                date: "05.26.2020",
+                source: "MD+DI"
+            },
+            {
+                text: "Forbes Tech Council: Tech in the Time of a Pandemic",
+                url: "https://www.forbes.com/sites/forbestechcouncil/2020/05/12/tech-in-the-time-of-a-pandemic/#3ab808be39fc",
+                date: "05.12.2020",
+                source: "Forbes"
+            },
+            {
+                text: "How an MIT spin-off is using contact tracing to fight COVID-19, and so can you",
+                url: "https://www.techrepublic.com/article/how-an-mit-spin-off-is-using-contact-tracing-to-fight-covid-19-and-so-can-you/",
+                date: "05.12.2020",
+                source: "Tech Republic"
+            },
+            {
+                text: "",
+                url: "",
+                date: "",
+                source: ""
+            },
+
+
+        ]
+    }
+]
+
+