From 75040a396fc6ad7e2c89b043484421c909c49881 Mon Sep 17 00:00:00 2001
From: AnyaKhemlani <askny2014@hotmail.com>
Date: Sun, 21 Jul 2024 19:43:28 -0400
Subject: [PATCH] adjusting pubs for mobile

---
 seal-website/app/components/Publication.tsx   |   2 +-
 .../initiatives/decarbonization/Client.tsx    |   4 +-
 .../initiatives/global_delivery/Client.tsx    | 183 ++++++++----------
 .../app/initiatives/mental_health/Client.tsx  |  10 +-
 4 files changed, 94 insertions(+), 105 deletions(-)

diff --git a/seal-website/app/components/Publication.tsx b/seal-website/app/components/Publication.tsx
index 8653ae2..29ba1be 100644
--- a/seal-website/app/components/Publication.tsx
+++ b/seal-website/app/components/Publication.tsx
@@ -14,7 +14,7 @@ const Publication: React.FC<PublicationProps> = ({ img, href, alt }) => {
             href={href} 
             target="_blank" 
             rel="noopener noreferrer"
-            className="mt-10 flex items-center justify-center w-5/6 h-full bg-gray-200 rounded-xl hover:bg-blue-300 transition duration-150 ease-in-out transform hover:scale-110 mt-3 py-2 px-4 text-center text-xl font-bold"
+            className="mt-10 flex items-center justify-center w-5/6 h-full bg-blue-200 rounded-xl hover:bg-blue-300 transition duration-150 ease-in-out transform hover:scale-110 mt-3 py-2 px-4 text-center text-xl font-bold"
         >
             <Image
                 alt={alt ? alt : "Publication"}
diff --git a/seal-website/app/initiatives/decarbonization/Client.tsx b/seal-website/app/initiatives/decarbonization/Client.tsx
index 0027258..266d709 100644
--- a/seal-website/app/initiatives/decarbonization/Client.tsx
+++ b/seal-website/app/initiatives/decarbonization/Client.tsx
@@ -55,7 +55,7 @@ const Client = () => {
             initial={{ y: 50, opacity: 0 }}
             whileInView={{ y: 0, opacity: 1 }}
             viewport={{ once: false }}
-            transition={{ duration: 0.8, ease: "easeInOut" }}
+            transition={{ duration: 0.5, ease: "easeIn" }}
             className="w-full flex justify-center px-5"
           >
             <Publication img="/images/catalyst.svg" href="https://catalyst.nejm.org/doi/full/10.1056/CAT.22.0433" />
@@ -65,7 +65,7 @@ const Client = () => {
             initial={{ y: 50, opacity: 0 }}
             whileInView={{ y: 0, opacity: 1 }}
             viewport={{ once: false }}
-            transition={{ duration: 0.8, ease: "easeInOut" }}
+            transition={{ duration: 0.5, ease: "easeIn" }}
             className="w-full flex justify-center px-5"
           >
             <Publication img="/images/ha.jpg" href="https://www.healthaffairs.org/content/forefront/us-healthcare-sector-can-decarbonize-reduce-waste-and-improve-public-health-thoughtful" />
diff --git a/seal-website/app/initiatives/global_delivery/Client.tsx b/seal-website/app/initiatives/global_delivery/Client.tsx
index f7052a7..6d9e9e1 100644
--- a/seal-website/app/initiatives/global_delivery/Client.tsx
+++ b/seal-website/app/initiatives/global_delivery/Client.tsx
@@ -3,128 +3,117 @@ import React from 'react';
 import Image from "next/image";
 import { motion } from 'framer-motion';
 import Publication from '@/app/components/Publication';
-import InitHeader from  '@/app/components/InitHeader';
+import InitHeader from '@/app/components/InitHeader';
 import InitLabel from '@/app/components/InitLabel';
 import InitBody from '@/app/components/InitBodyText';
 import SectionDivider from '@/app/components/SectionDivider';
 
 const Client = () => {
-       return (
-            <div>
-            <InitLabel title="Initiatives" />
-            <InitHeader title="Assessing Global Care Delivery and CMMI Innovation Agenda" />
-            <div className="
+  return (
+    <div>
+      <InitLabel title="Initiatives" />
+      <InitHeader title="Assessing Global Care Delivery and CMMI Innovation Agenda" />
+      <div className="
           mt-10
           mx-10
           grid gap-4
           justify-items-center
           grid grid-cols-1 md:grid-cols-2">
-          <div className="grid grid-rows gap-4">
-            <InitBody text="Low- and middle-income countries (LMICs) experience disproportionate burden of certain disease, experience barriers to access and utilization, and are often not represented in practice-changing clinical trials…."/>
-            <InitBody text="As a result, we are forming partnerships with institutions in LMICs to research and advocate for access to innovative, life-saving therapies. "/>
-            <InitBody text="First, we are researching opportunities to improve access and implementation of practice-changing clinical trials in lower-resourced settings. Findings from our research will help policymakers and clinicians devise relevant clinical trials and regulatory mechanisms that will advance population health. "/>
-            <InitBody text="Second, we are working directly with clinicians in Philippines, India, and other LMICs to author a white paper to be published in 2025 depicting a framework to deliver high-value care in each respective country."/>
-            <InitBody text="Third, we are conducting epidemiological studies to estimate disease burden for various communicable and noncommunicable diseases in different parts of the world. The results of these studies can help policymakers in creating national disease prevention and response agendas.  "/>
-          </div>
-          <div>
+        <div className="grid grid-rows gap-4">
+          <InitBody text="Low- and middle-income countries (LMICs) experience disproportionate burden of certain disease, experience barriers to access and utilization, and are often not represented in practice-changing clinical trials…." />
+          <InitBody text="As a result, we are forming partnerships with institutions in LMICs to research and advocate for access to innovative, life-saving therapies. " />
+          <InitBody text="First, we are researching opportunities to improve access and implementation of practice-changing clinical trials in lower-resourced settings. Findings from our research will help policymakers and clinicians devise relevant clinical trials and regulatory mechanisms that will advance population health. " />
+          <InitBody text="Second, we are working directly with clinicians in Philippines, India, and other LMICs to author a white paper to be published in 2025 depicting a framework to deliver high-value care in each respective country." />
+          <InitBody text="Third, we are conducting epidemiological studies to estimate disease burden for various communicable and noncommunicable diseases in different parts of the world. The results of these studies can help policymakers in creating national disease prevention and response agendas.  " />
+        </div>
+        <div>
           <div className="flex justify-center items-center">
-            <Image alt="Emissions figure" 
-            className="transition rounded-xl"
-            height="500"
-            width="500"
-            src="/images/GCD-fig1.png"/>
+            <Image alt="Emissions figure"
+              className="transition rounded-xl"
+              height="500"
+              width="500"
+              src="/images/GCD-fig1.png" />
           </div>
           <div className="flex justify-center items-center">
-            <Image alt="Emissions figure" 
-            className="transition rounded-xl"
-            height="500"
-            width="500"
-            src="/images/GCD-fig2.png"/>
-          </div>
+            <Image alt="Emissions figure"
+              className="transition rounded-xl"
+              height="500"
+              width="500"
+              src="/images/GCD-fig2.png" />
           </div>
         </div>
-        
-        <SectionDivider text="Publications"/>
-        
-            <div className="
+      </div>
+
+      <SectionDivider text="Publications" />
+
+      <div className="
                  mt-10
                  mx-20
                  grid grid-row-2 
                  gap-4
                  justify-items-center
                  ">
-                        
-            
-            <div>
-            
-            
-        
-        <div className="flex flex-row pt-5 grid
-               grid-cols-1 md:grid-cols-2 lg:grid-cols-3
-               gap-6 pb-10">
-            
-            <motion.div
-                        initial={{ y: 50, opacity: 0 }}
-                        whileInView={{ y: 0, opacity: 1 }}
-                        viewport={{ once: false }}
-                        transition={{ duration: 0.8, ease: "easeInOut" }}
-                        className="w-full flex justify-center px-5"
-                      >
-    
-                  <Publication img="/images/jnci.svg" href="https://academic.oup.com/jnci/article/115/2/125/6760235"/>
-                
-                  </motion.div>
-                  <motion.div
-                        initial={{ y: 50, opacity: 0 }}
-                        whileInView={{ y: 0, opacity: 1 }}
-                        viewport={{ once: false }}
-                        transition={{ duration: 0.8, ease: "easeInOut" }}
-                        className="w-full flex justify-center px-5"
-                      >
-                  <Publication img="/images/ajmc.png" href="https://www.ajmc.com/view/value-realization-an-unattained-challenge-for-integrated-practice-units"/>
-                  </motion.div>
-                  <motion.div
-                        initial={{ y: 50, opacity: 0 }}
-                        whileInView={{ y: 0, opacity: 1 }}
-                        viewport={{ once: false }}
-                        transition={{ duration: 0.8, ease: "easeInOut" }}
-                        className="w-full flex justify-center px-5"
-                      >
-                  <Publication img="/images/mp.png" href="https://journals.lww.com/jphmp/citation/2023/03000/community_paramedicine__an_innovative_model_for.27.aspx#:~:text=Community%20paramedicine%20can%20truly%20be,point%20in%20their%20health%20journey."/>
-                  </motion.div>
-                  <motion.div
-                        initial={{ y: 50, opacity: 0 }}
-                        whileInView={{ y: 0, opacity: 1 }}
-                        viewport={{ once: false }}
-                        transition={{ duration: 0.8, ease: "easeInOut" }}
-                        className="w-full flex justify-center px-5"
-                      >
-                  <Publication img="/images/nature.svg" href="https://www.nature.com/articles/d41591-023-00020-y"/>
-                  </motion.div>
-                  <motion.div
-                        initial={{ y: 50, opacity: 0 }}
-                        whileInView={{ y: 0, opacity: 1 }}
-                        viewport={{ once: false }}
-                        transition={{ duration: 0.8, ease: "easeInOut" }}
-                        className="w-full flex justify-center px-5"
-                      >
-                  <Publication img="/images/acs.png" href="https://acsjournals.onlinelibrary.wiley.com/doi/full/10.1002/cncr.34674"/>
-                  </motion.div>
-                  </div>
-                  </div>
-                    </div>
-            </div>
-    );
-};
-
-export default Client;
-
-
-
 
 
+        <div>
 
 
+          
+          <div className="flex flex-row pt-5 grid
+               grid-cols-1 md:grid-cols-2 lg:grid-cols-3
+               gap-6 pb-10">
 
+            <motion.div
+              initial={{ y: 50, opacity: 0 }}
+              whileInView={{ y: 0, opacity: 1 }}
+              viewport={{ once: false }}
+              transition={{ duration: 0.5, ease: "easeIn" }}
+              className="w-full flex justify-center px-5"
+            >
+              <Publication img="/images/jnci.svg" href="https://academic.oup.com/jnci/article/115/2/125/6760235" />
 
+            </motion.div>
+            <motion.div
+              initial={{ y: 50, opacity: 0 }}
+              whileInView={{ y: 0, opacity: 1 }}
+              viewport={{ once: false }}
+              transition={{ duration: 0.5, ease: "easeIn" }}
+              className="w-full flex justify-center px-5"
+            >
+              <Publication img="/images/ajmc.png" href="https://www.ajmc.com/view/value-realization-an-unattained-challenge-for-integrated-practice-units" />
+            </motion.div>
+            <motion.div
+              initial={{ y: 50, opacity: 0 }}
+              whileInView={{ y: 0, opacity: 1 }}
+              viewport={{ once: false }}
+              transition={{ duration: 0.5, ease: "easeIn" }}
+              className="w-full flex justify-center px-5"
+            >
+              <Publication img="/images/mp.png" href="https://journals.lww.com/jphmp/citation/2023/03000/community_paramedicine__an_innovative_model_for.27.aspx#:~:text=Community%20paramedicine%20can%20truly%20be,point%20in%20their%20health%20journey." />
+            </motion.div>
+            <motion.div
+              initial={{ y: 50, opacity: 0 }}
+              whileInView={{ y: 0, opacity: 1 }}
+              viewport={{ once: false }}
+              transition={{ duration: 0.5, ease: "easeIn" }}
+              className="w-full flex justify-center px-5"
+            >
+              <Publication img="/images/nature.svg" href="https://www.nature.com/articles/d41591-023-00020-y" />
+            </motion.div>
+            <motion.div
+              initial={{ y: 50, opacity: 0 }}
+              whileInView={{ y: 0, opacity: 1 }}
+              viewport={{ once: false }}
+              transition={{ duration: 0.5, ease: "easeIn" }}
+              className="w-full flex justify-center px-5"
+            >
+              <Publication img="/images/acs.png" href="https://acsjournals.onlinelibrary.wiley.com/doi/full/10.1002/cncr.34674" />
+            </motion.div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
 
+export default Client;
\ No newline at end of file
diff --git a/seal-website/app/initiatives/mental_health/Client.tsx b/seal-website/app/initiatives/mental_health/Client.tsx
index 6400f92..217f52a 100644
--- a/seal-website/app/initiatives/mental_health/Client.tsx
+++ b/seal-website/app/initiatives/mental_health/Client.tsx
@@ -50,7 +50,7 @@ const Client = () => {
                     initial={{ y: 50, opacity: 0 }}
                     whileInView={{ y: 0, opacity: 1 }}
                     viewport={{ once: false }}
-                    transition={{ duration: 0.8, ease: "easeInOut" }}
+                    transition={{ duration: 0.5, ease: "easeIn" }}
                     className="w-full flex justify-center px-5 items-center"
                   >
 
@@ -62,7 +62,7 @@ const Client = () => {
                     initial={{ y: 50, opacity: 0 }}
                     whileInView={{ y: 0, opacity: 1 }}
                     viewport={{ once: false }}
-                    transition={{ duration: 0.8, ease: "easeInOut" }}
+                    transition={{ duration: 0.5, ease: "easeIn" }}
                     className="w-full flex justify-center px-5 items-center"
                   >
               <Publication img="/images/asco.svg" href="https://ascopubs.org/doi/10.1200/OP.22.00740?url_ver=Z39.88-2003&rfr_id=ori:rid:crossref.org&rfr_dat=cr_pub%20%200pubmed"/>
@@ -72,7 +72,7 @@ const Client = () => {
                     initial={{ y: 50, opacity: 0 }}
                     whileInView={{ y: 0, opacity: 1 }}
                     viewport={{ once: false }}
-                    transition={{ duration: 0.8, ease: "easeInOut" }}
+                    transition={{ duration: 0.5, ease: "easeIn" }}
                     className="w-full flex justify-center px-5 items-center"
                   >
               <Publication img="/images/smith.png" href="https://www.smithsonianmag.com/science-nature/can-digital-psychiatry-really-fill-the-mental-health-care-gap-180982168/"/>
@@ -81,7 +81,7 @@ const Client = () => {
                     initial={{ y: 50, opacity: 0 }}
                     whileInView={{ y: 0, opacity: 1 }}
                     viewport={{ once: false }}
-                    transition={{ duration: 0.8, ease: "easeInOut" }}
+                    transition={{ duration: 0.5, ease: "easeIn" }}
                     className="w-full flex justify-center px-5 items-center"
                   >
               <Publication img="/images/forbes.png" href="https://www.forbes.com/sites/tmobile/2021/05/03/how-one-high-school-student-is-bridging-the-digital-divide/?sh=62c3febc1c31"/>
@@ -90,7 +90,7 @@ const Client = () => {
                     initial={{ y: 50, opacity: 0 }}
                     whileInView={{ y: 0, opacity: 1 }}
                     viewport={{ once: false }}
-                    transition={{ duration: 0.8, ease: "easeInOut" }}
+                    transition={{ duration: 0.5, ease: "easeIn" }}
                     className="w-full flex justify-center px-5 items-center"
                   >
               <Publication img="/images/springer.svg" href="https://link.springer.com/article/10.1007/s11606-023-08273-6"/>