Skip to content

Commit

Permalink
adjusting pubs for mobile
Browse files Browse the repository at this point in the history
  • Loading branch information
@AnyaKhemlani
AnyaKhemlani committed Jul 21, 2024
1 parent edbdfc4 commit 75040a3
Show file tree
Hide file tree
Showing 4 changed files with 94 additions and 105 deletions.
2 changes: 1 addition & 1 deletion seal-website/app/components/Publication.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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"}
Expand Down
4 changes: 2 additions & 2 deletions seal-website/app/initiatives/decarbonization/Client.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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" />
Expand All @@ -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" />
Expand Down
183 changes: 86 additions & 97 deletions seal-website/app/initiatives/global_delivery/Client.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
10 changes: 5 additions & 5 deletions seal-website/app/initiatives/mental_health/Client.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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"
>

Expand All @@ -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"/>
Expand All @@ -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/"/>
Expand All @@ -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"/>
Expand All @@ -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"/>
Expand Down

0 comments on commit 75040a3

Please sign in to comment.