From 281dd283fef441c142501e0a729de23d458ca6c8 Mon Sep 17 00:00:00 2001 From: Ryan Du <ryandu9221@gmail.com> Date: Thu, 12 Oct 2023 11:47:13 -0400 Subject: [PATCH] help me --- ...nts.41e5cae5.js => components.443c9af9.js} | 2 +- public/contribution/index.html | 6 +-- public/hardware/index.html | 6 +-- public/human-practices/index.html | 12 +++--- public/inclusivity/index.html | 43 ++++++++++++------- public/index.html | 2 +- src/components/Nav.tsx | 32 +++++++------- 7 files changed, 58 insertions(+), 45 deletions(-) rename public/_astro/{components.41e5cae5.js => components.443c9af9.js} (95%) diff --git a/public/_astro/components.41e5cae5.js b/public/_astro/components.443c9af9.js similarity index 95% rename from public/_astro/components.41e5cae5.js rename to public/_astro/components.443c9af9.js index ceee290..ff33764 100644 --- a/public/_astro/components.41e5cae5.js +++ b/public/_astro/components.443c9af9.js @@ -41,4 +41,4 @@ import{r as Ir,c as Bl}from"./index.453e6029.js";import{j as g}from"./jsx-runtim -webkit-text-stroke: 4px black; } - `}),g.jsxs("div",{ref:i,className:"w-screen overflow-clip","data-scroll":!0,"data-scroll-speed":"0.5",children:[g.jsx(Gl.section,{style:{opacity:r},ref:e,className:"h-[calc(100vh-2rem-80px)] flex flex-col justify-center items-center w-full px-2w-full",children:g.jsxs("div",{className:l,children:[g.jsx("h1",{className:"font-serif text-center font-bold text-[96px] sm:text-[120px] md:text-[140px] lg:text-[170px] xl:text-[180px] bg-red-1 bg-clip-text text-transparent bg-[url('https://static.igem.wiki/teams/4683/wiki/homepage/gradient.png')] bg-right",children:"CADlock"}),g.jsx("p",{className:"py-2 bg-clip-text text-transparent bg-[url('https://static.igem.wiki/teams/4683/wiki/homepage/gradient.png')] bg-right font-sans text-center text-xl sm:text-2xl md:text-3xl font-light max-w-xl md:max-w-3xl brightness-50",children:"Improvements upon an early diagnosis screening tool for coronary artery disease"})]})}),g.jsxs("section",{className:"flex pt-[50vh]",children:[g.jsxs("div",{className:"w-1/2 ml-16 pr-8",children:[g.jsx("div",{className:"font-serif text-5xl font-serif whiteInfo1",children:"Coronary artery disease is the 3rd leading cause of death in the United States."}),g.jsx("div",{className:"h-screen"}),g.jsx("div",{className:"text-5xl font-serif whiteInfo2",children:"Current diagnostic methods are inaccessible to many."})]}),g.jsxs("div",{className:"w-1/2 bg-black rounded-l-2xl p-14 blackPanel",children:[g.jsxs("div",{className:"stat1 pb-50 pt-[100vh]",children:[g.jsxs("div",{className:"text-white stat1a pb-10",children:[g.jsx("div",{className:"font-serif text-5xl",children:"1 in 20 adults"}),g.jsx("span",{className:"font-sans text-xl",children:"have this disease in the United States"})]}),g.jsxs("div",{className:"text-white stat1b",children:[g.jsx("div",{className:"font-serif text-5xl",children:"17.9 million"}),g.jsx("span",{className:"font-sans text-xl",children:"people die each year of CAD"})]})]}),g.jsxs("div",{className:"stat2 pb-50 pt-[100vh] pb-[100vh]",children:[g.jsxs("div",{className:"text-white stat2a pb-10",children:[g.jsx("div",{className:"font-serif text-5xl",children:"Electrocardiograms"}),g.jsx("span",{className:"font-sans text-xl",children:"cost $250 on average"})]}),g.jsxs("div",{className:"text-white stat2b pb-10",children:[g.jsx("div",{className:"font-serif text-5xl",children:"Angiograms"}),g.jsx("span",{className:"font-sans text-xl",children:"cost $4700 on average"})]}),g.jsxs("div",{className:"text-white stat2c",children:[g.jsx("div",{className:"font-serif text-5xl statc2c1",children:"~33%"}),g.jsx("span",{className:"font-sans text-xl",children:"of cases are false negative"})]}),g.jsx("div",{className:"separator2 h-screen text-white"})]})]})]}),g.jsx("section",{className:"bg-black h-screen flex justify-center items-center section3",children:g.jsx("div",{className:"text-white font-serif text-center text-4xl max-w-2xl mx-16",children:"Early diagnosis is essential to preventing deaths from coronary artery disease."})}),g.jsx("section",{className:" w-screen h-screen flex flex-col justify-center items-center",children:g.jsx("div",{className:"font-serif text-3xl text-center max-w-4xl mx-16 my-10",children:"CADlock is an early diagnosis screening kit for coronary artery disease that screens for miRNAs with padlock probes and rolling circle amplification."})}),g.jsx("section",{className:" w-screen h-screen flex flex-col justify-center items-center",children:g.jsxs("div",{className:"flex space-between mx-16 max-w-5xl my-14",children:[g.jsx(ka,{title:"miRNAs",description:"miRNAs are small non-coding RNAs that regulate gene expression. They are highly specific to different diseases and can be used as biomarkers.",image:"mirna.svg"}),g.jsx(ka,{title:"Padlock Probes + Rolling Circle Amplification",description:"Padlock probes are DNA probes that are circularized when they bind to their target miRNA. Rolling circle amplification is a method of amplifying DNA that is circularized.",image:"https://static.igem.wiki/teams/4683/wiki/homepage/padlock.png"})]})}),g.jsx("section",{className:"w-full flex flex-col justify-start items-start cards2022section",children:g.jsxs("div",{className:"max-w-5xl mx-16 flex flex-col items-start",children:[g.jsx("h1",{className:"font-serif text-5xl py-5",children:"Here's what we did in 2022"}),g.jsxs("div",{className:"flex w-[150rem] cards2022",children:[g.jsx(Vi,{image:"https://static.igem.wiki/teams/4683/wiki/homepage/rcareaction.png",caption:"We got a successful Rolling Circle Amplification reaction"}),g.jsx(Vi,{image:"https://static.igem.wiki/teams/4683/wiki/homepage/bloodserum.png",caption:"Our test with blood serum worked at 40 picomolars."}),g.jsx(Vi,{image:"https://static.igem.wiki/teams/4683/wiki/homepage/hardware-updated-figure-1.png",caption:"We developed MicroQ, a frugal florometer to quickly read RCA reactions."}),g.jsx(Vi,{image:"https://static.igem.wiki/teams/4683/wiki/homepage/miniprep.png",caption:"We hosted a summer camp with 60+ kids to teach them about synthetic biology."}),g.jsx(Vi,{image:"https://static.igem.wiki/teams/4683/wiki/homepage/probebuilder.png",caption:"We built Probebuilder, a tool to design padlock probes."}),g.jsx(Vi,{image:"https://static.igem.wiki/teams/4683/wiki/homepage/modeling.png",caption:"We successfully modeled RCA reactions in MATLAB."})]})]})}),g.jsx("section",{className:"h-screen w-screen flex justify-center items-center",children:g.jsxs("div",{children:[g.jsx("div",{className:"text-4xl font-serif text-center",children:"2023 CADlock decided to focus on expanding"}),g.jsx("div",{className:"text-4xl font-serif text-center bg-clip-text text-transparent bg-[url('https://static.igem.wiki/teams/4683/wiki/homepage/gradient.png')] bg-right",children:"Inclusivity,"}),g.jsx("div",{className:"text-4xl font-serif text-center",children:"which includes"})]})}),g.jsx("section",{className:"h-screen w-screen flex justify-center items-center committee-cards",children:g.jsxs("div",{className:"max-w-5xl mx-16 flex",children:[g.jsxs("div",{children:[g.jsx("div",{className:"text-white text-4xl lg:text-5xl 2xl:text-6xl font-semibold font-serif font-outline my-8 accessibility-text",children:"Accessibility"}),g.jsx("div",{className:"accuracy-text text-white text-4xl lg:text-5xl 2xl:text-6xl font-semibold font-serif font-outline my-8",children:"Accuracy"}),g.jsx("div",{className:"text-white affordability-text text-4xl lg:text-5xl 2xl:text-6xl font-semibold font-serif font-outline my-8",children:"Affordability"})]}),g.jsxs("div",{className:"flex mx-3 relative",children:[g.jsxs("div",{className:"accessibility-cards flex z-30",children:[g.jsx(Fr,{title:"HP",description:"We consulted researchers and doctors who provided insight that helped us build a more accessible, affordable, and accurate way of detecting CAD.",colorClass:["border-green-6","bg-green-9"],href:"https://2023.igem.wiki/lambert-ga/human-practices/"}),g.jsx(Fr,{title:"Inclusivity",description:"We developed accessible diagnostic solutions, educated our community about proactive heart healthcare, while including a diverse community. ",colorClass:["border-blue-6","bg-blue-9"],href:"https://2023.igem.wiki/lambert-ga/inclusivity/"}),g.jsx(Fr,{title:"CADmir",description:"While researching for CADlock, we realized how disorganized current miRNA databases were and made our own",colorClass:["border-pink-6","bg-pink-9"],href:"https://2023.igem.wiki/lambert-ga/software/"})]}),g.jsxs("div",{className:"accuracy-cards flex absolute z-20",children:[g.jsx(Fr,{title:"RCA Optimize",description:"We optimized rolling circle amplification from last year by decreasing our reaction time and testing different reporter outputs. ",colorClass:["border-green-6","bg-green-9"],href:"https://2023.igem.wiki/lambert-ga/rca/"}),g.jsx(Fr,{title:"RCA expansion",description:"We expanded rolling circle amplification by validating the specificity, testing RCA with different miRNAs, and pursuing RCA in a capilary tube. ",colorClass:["border-blue-6","bg-blue-9"],href:"https://2023.igem.wiki/lambert-ga/rca/"}),g.jsx(Fr,{title:"eRCA",description:"We modified RCA to include a nicking endonuclease through a process known as exponential RCA which improved the accuracy of our assay. ",colorClass:["border-pink-6","bg-pink-9"],href:"https://2023.igem.wiki/lambert-ga/rca/"})]}),g.jsxs("div",{className:"affordability-cards opacity-0 absolute flex",children:[g.jsx(Fr,{title:"MicroQ Pro",description:"Expanding on MicroQ V1, MicroQ Pro enabled fluorescent quantification at multiple wavelengths. Supercharging it’s abilities. ",colorClass:["border-green-6","bg-green-9"],href:"https://2023.igem.wiki/lambert-ga/measurement/"}),g.jsx(Fr,{title:"LabPilot",description:"Realizing how tedious RCA reactions were to run, we looked into ways to automate it. We created LabPilot, a frugal liquid handler. ",colorClass:["border-blue-6","bg-blue-9"],href:"https://2023.igem.wiki/lambert-ga/hardware/"}),g.jsx(Fr,{title:"Protein Purification",description:"Limited by the cost of running our reactions, we successfully produced our own phi29 DNA polymerase to improve affordability. ",colorClass:["border-pink-6","bg-pink-9"],href:"https://2023.igem.wiki/lambert-ga/protein-purification/"})]})]})]})}),g.jsx("section",{className:"w-screen h-screen flex flex-col justify-center items-center",children:g.jsxs("div",{className:"bg-white rounded-[64px] p-6 shadow border border-gray-5 relative ",children:[g.jsxs("div",{className:"px-4 py-1 rounded-full border border-yellow-6 flex right-0 -top-4 absolute -translate-y-full justify-center items-center",children:[g.jsx(yu,{className:"text-yellow-8 m-1",size:24}),g.jsx("span",{className:"text-yellow-11",children:"Click Around"})]}),g.jsxs("div",{className:"flex",children:[g.jsx(it,{char:"1",textClassName:"text-gray-7"}),g.jsx(it,{char:"2",textClassName:"text-gray-7"}),g.jsx(it,{char:"3",textClassName:"text-gray-7"}),g.jsx(it,{char:"4",textClassName:"text-gray-7"}),g.jsx(it,{char:"5",textClassName:"text-gray-7"}),g.jsx(it,{char:"6",textClassName:"text-gray-7"}),g.jsx(it,{char:"7",textClassName:"text-gray-7"}),g.jsx(it,{char:"8",textClassName:"text-gray-7"}),g.jsx(it,{char:"9",textClassName:"text-gray-7"}),g.jsx(it,{char:"0",textClassName:"text-gray-7"})]}),g.jsxs("div",{className:"flex",children:[g.jsx(it,{char:"tab",textClassName:"text-gray-7"}),g.jsx(rt,{char:"Team",link:"https://2023.igem.wiki/lambert-ga/team/"}),g.jsx(rt,{char:"Attributions",link:"https://2023.igem.wiki/lambert-ga/attributions/"}),g.jsx(rt,{char:"Description",link:"https://2023.igem.wiki/lambert-ga/description/"}),g.jsx(rt,{char:"Engineering Success",link:"https://2023.igem.wiki/lambert-ga/engineering/"})]}),g.jsxs("div",{className:"flex",children:[g.jsx(rt,{char:"HP",link:"https://2023.igem.wiki/lambert-ga/human-practices/"}),g.jsx(rt,{char:"Inclusivity",link:"https://2023.igem.wiki/lambert-ga/inclusivity/"}),g.jsx(rt,{char:"Model",link:"https://2023.igem.wiki/lambert-ga/model/"}),g.jsx(rt,{char:"Rolling Circle Amplification",link:"https://2023.igem.wiki/lambert-ga/rca/"})]}),g.jsxs("div",{className:"flex",children:[g.jsx(rt,{char:"Protein Purification",link:"https://2023.igem.wiki/lambert-ga/protein-purification/"}),g.jsx(rt,{char:"Safety",link:"https://2023.igem.wiki/lambert-ga/safety"}),g.jsx(rt,{char:"Parts Library",link:"https://2023.igem.wiki/lambert-ga/parts-library/"}),g.jsx(rt,{char:"Notebook",link:"https://2023.igem.wiki/lambert-ga/notebook/"}),g.jsx(rt,{char:"Results",link:"https://2023.igem.wiki/lambert-ga/results/"})]}),g.jsxs("div",{className:"flex",children:[g.jsx(rt,{char:"Contribution",link:"https://2023.igem.wiki/lambert-ga/contribution/"}),g.jsx(rt,{char:"Experiments",link:"https://2023.igem.wiki/lambert-ga/experiments/"}),g.jsx(rt,{char:"Measurement",link:"https://2023.igem.wiki/lambert-ga/measurement/"}),g.jsx(rt,{char:"Hardware",link:"https://2023.igem.wiki/lambert-ga/hardware/"}),g.jsx(rt,{char:"Software",link:"https://2023.igem.wiki/lambert-ga/software/"})]}),g.jsxs("div",{className:"flex",children:[g.jsx(it,{char:"control",textClassName:"text-gray-7"}),g.jsx(it,{char:"alt",textClassName:"text-gray-7"}),g.jsx(it,{char:" --- ",textClassName:"text-gray-7 px-20"}),g.jsx(it,{char:"cmd",textClassName:"text-gray-7"}),g.jsx(it,{char:"fn",textClassName:"text-gray-7"}),g.jsx(it,{char:"alt",textClassName:"text-gray-7"})]})]})})]}),g.jsx(bu,{})]})}function it({char:l,className:e,textClassName:t}){return g.jsx(g.Fragment,{children:g.jsx("div",{className:"min-w-[60px] h-[60px] px-5 py-[21px] flex-grow bg-white rounded-[23px] border border-gray-5 flex-col justify-center items-center gap-2.5 inline-flex m-[9px] "+e,children:g.jsx("div",{className:t+" text-2xl font-medium font-sans leading-[44px] ",children:l})})})}function rt({char:l,link:e}){return g.jsx(g.Fragment,{children:g.jsx("a",{href:e,className:"grow flex",children:g.jsx(it,{char:l,className:" group hover:border-yellow-8 shadow-lg hover:bg-yellow-2 transition-all ",textClassName:"text-gray-11 group-hover:text-yellow-11"})})})}function Fr({title:l,description:e,colorClass:t,href:r}){return g.jsx(g.Fragment,{children:g.jsxs("div",{className:"bg-white rounded-3xl shadow-lg border-[0.5px] p-5 m-2 max-w-[300px] flex flex-col justify-between mb-3 "+t[0],children:[g.jsxs("div",{children:[g.jsx("h1",{className:"font-serif text-3xl",children:l}),g.jsx("p",{className:"font-sans text-gray-10",children:e})]}),g.jsx("a",{href:r,className:" font-regular text-white rounded-xl text-center block p-2 text-lg mt-4 "+t[1],children:"Check it out"})]})})}function Vi({image:l,caption:e}){return g.jsx(g.Fragment,{children:g.jsxs("div",{className:"border-[0.5px] bg-white border-gray-6 rounded-3xl p-8 m-4 shadow-lg max-w-sm max-h-[30rem]",children:[g.jsx("div",{className:"text-black text-xl font-sans",children:e}),g.jsx("img",{src:l,className:"w-full h-96 bg-white rounded-xl mt-8 max-w-sm max-h-sm max-h-72 object-cover"})]})})}function ka({title:l,description:e,image:t}){return g.jsxs("div",{className:"border-[0.5px] bg-white border-gray-6 rounded-3xl p-8 m-4",children:[g.jsx("div",{className:"text-black text-3xl font-serif pb-3",children:l}),g.jsx("div",{className:"text-black text-xl font-sans",children:e}),g.jsx("img",{src:t,className:"w-full h-96 bg-white object-contain rounded-xl mt-8"})]})}export{Cu as default}; + `}),g.jsxs("div",{ref:i,className:"w-screen overflow-clip","data-scroll":!0,"data-scroll-speed":"0.5",children:[g.jsx(Gl.section,{style:{opacity:r},ref:e,className:"h-[calc(100vh-2rem-80px)] flex flex-col justify-center items-center w-full px-2w-full",children:g.jsxs("div",{className:l,children:[g.jsx("h1",{className:"font-serif text-center font-bold text-[96px] sm:text-[120px] md:text-[140px] lg:text-[170px] xl:text-[180px] bg-red-1 bg-clip-text text-transparent bg-[url('https://static.igem.wiki/teams/4683/wiki/homepage/gradient.png')] bg-right",children:"CADlock"}),g.jsx("p",{className:"py-2 bg-clip-text text-transparent bg-[url('https://static.igem.wiki/teams/4683/wiki/homepage/gradient.png')] bg-right font-sans text-center text-xl sm:text-2xl md:text-3xl font-light max-w-xl md:max-w-3xl brightness-50",children:"Improvements upon an early diagnosis screening tool for coronary artery disease"})]})}),g.jsxs("section",{className:"flex pt-[50vh]",children:[g.jsxs("div",{className:"w-1/2 ml-16 pr-8",children:[g.jsx("div",{className:"font-serif text-5xl font-serif whiteInfo1",children:"Coronary artery disease is the 3rd leading cause of death in the United States."}),g.jsx("div",{className:"h-screen"}),g.jsx("div",{className:"text-5xl font-serif whiteInfo2",children:"Current diagnostic methods are inaccessible to many."})]}),g.jsxs("div",{className:"w-1/2 bg-black rounded-l-2xl p-14 blackPanel",children:[g.jsxs("div",{className:"stat1 pb-50 pt-[100vh]",children:[g.jsxs("div",{className:"text-white stat1a pb-10",children:[g.jsx("div",{className:"font-serif text-5xl",children:"1 in 20 adults"}),g.jsx("span",{className:"font-sans text-xl",children:"have this disease in the United States"})]}),g.jsxs("div",{className:"text-white stat1b",children:[g.jsx("div",{className:"font-serif text-5xl",children:"17.9 million"}),g.jsx("span",{className:"font-sans text-xl",children:"people die each year of CAD"})]})]}),g.jsxs("div",{className:"stat2 pb-50 pt-[100vh] pb-[100vh]",children:[g.jsxs("div",{className:"text-white stat2a pb-10",children:[g.jsx("div",{className:"font-serif text-5xl",children:"Electrocardiograms"}),g.jsx("span",{className:"font-sans text-xl",children:"cost $250 on average"})]}),g.jsxs("div",{className:"text-white stat2b pb-10",children:[g.jsx("div",{className:"font-serif text-5xl",children:"Angiograms"}),g.jsx("span",{className:"font-sans text-xl",children:"cost $4700 on average"})]}),g.jsxs("div",{className:"text-white stat2c",children:[g.jsx("div",{className:"font-serif text-5xl statc2c1",children:"~33%"}),g.jsx("span",{className:"font-sans text-xl",children:"of cases are false negative"})]}),g.jsx("div",{className:"separator2 h-screen text-white"})]})]})]}),g.jsx("section",{className:"bg-black h-screen flex justify-center items-center section3",children:g.jsx("div",{className:"text-white font-serif text-center text-4xl max-w-2xl mx-16",children:"Early diagnosis is essential to preventing deaths from coronary artery disease."})}),g.jsx("section",{className:" w-screen h-screen flex flex-col justify-center items-center",children:g.jsx("div",{className:"font-serif text-3xl text-center max-w-4xl mx-16 my-10",children:"CADlock is an early diagnosis screening kit for coronary artery disease that screens for miRNAs with padlock probes and rolling circle amplification."})}),g.jsx("section",{className:" w-screen h-screen flex flex-col justify-center items-center",children:g.jsxs("div",{className:"flex space-between mx-16 max-w-5xl my-14",children:[g.jsx(ka,{title:"miRNAs",description:"miRNAs are small non-coding RNAs that regulate gene expression. They are highly specific to different diseases and can be used as biomarkers.",image:"mirna.svg"}),g.jsx(ka,{title:"Padlock Probes + Rolling Circle Amplification",description:"Padlock probes are DNA probes that are circularized when they bind to their target miRNA. Rolling circle amplification is a method of amplifying DNA that is circularized.",image:"https://static.igem.wiki/teams/4683/wiki/homepage/padlock.png"})]})}),g.jsx("section",{className:"w-full flex flex-col justify-start items-start cards2022section",children:g.jsxs("div",{className:"max-w-5xl mx-16 flex flex-col items-start",children:[g.jsx("h1",{className:"font-serif text-5xl py-5",children:"Here's what we did in 2022"}),g.jsxs("div",{className:"flex w-[150rem] cards2022",children:[g.jsx(Vi,{image:"https://static.igem.wiki/teams/4683/wiki/homepage/rcareaction.png",caption:"We got a successful Rolling Circle Amplification reaction"}),g.jsx(Vi,{image:"https://static.igem.wiki/teams/4683/wiki/homepage/bloodserum.png",caption:"Our test with blood serum worked at 40 picomolars."}),g.jsx(Vi,{image:"https://static.igem.wiki/teams/4683/wiki/homepage/hardware-updated-figure-1.png",caption:"We developed MicroQ, a frugal florometer to quickly read RCA reactions."}),g.jsx(Vi,{image:"https://static.igem.wiki/teams/4683/wiki/homepage/miniprep.png",caption:"We hosted a summer camp with 60+ kids to teach them about synthetic biology."}),g.jsx(Vi,{image:"https://static.igem.wiki/teams/4683/wiki/homepage/probebuilder.png",caption:"We built Probebuilder, a tool to design padlock probes."}),g.jsx(Vi,{image:"https://static.igem.wiki/teams/4683/wiki/homepage/modeling.png",caption:"We successfully modeled RCA reactions in MATLAB."})]})]})}),g.jsx("section",{className:"h-screen w-screen flex justify-center items-center",children:g.jsxs("div",{children:[g.jsx("div",{className:"text-4xl font-serif text-center",children:"2023 CADlock decided to focus on expanding"}),g.jsx("div",{className:"text-4xl font-serif text-center bg-clip-text text-transparent bg-[url('https://static.igem.wiki/teams/4683/wiki/homepage/gradient.png')] bg-right",children:"Inclusivity,"}),g.jsx("div",{className:"text-4xl font-serif text-center",children:"which includes"})]})}),g.jsx("section",{className:"h-screen w-screen flex justify-center items-center committee-cards",children:g.jsxs("div",{className:"max-w-5xl mx-16 flex",children:[g.jsxs("div",{children:[g.jsx("div",{className:"text-white text-4xl lg:text-5xl 2xl:text-6xl font-semibold font-serif font-outline my-8 accessibility-text",children:"Accessibility"}),g.jsx("div",{className:"accuracy-text text-white text-4xl lg:text-5xl 2xl:text-6xl font-semibold font-serif font-outline my-8",children:"Accuracy"}),g.jsx("div",{className:"text-white affordability-text text-4xl lg:text-5xl 2xl:text-6xl font-semibold font-serif font-outline my-8",children:"Affordability"})]}),g.jsxs("div",{className:"flex mx-3 relative",children:[g.jsxs("div",{className:"accessibility-cards flex z-30",children:[g.jsx(Fr,{title:"HP",description:"We consulted researchers and doctors who provided insight that helped us build a more accessible, affordable, and accurate way of detecting CAD.",colorClass:["border-green-6","bg-green-9"],href:"https://2023.igem.wiki/lambert-ga/human-practices/"}),g.jsx(Fr,{title:"Inclusivity",description:"We developed accessible diagnostic solutions, educated our community about proactive heart healthcare, while including a diverse community. ",colorClass:["border-blue-6","bg-blue-9"],href:"https://2023.igem.wiki/lambert-ga/inclusivity/"}),g.jsx(Fr,{title:"CADmir",description:"While researching for CADlock, we realized how disorganized current miRNA databases were and made our own",colorClass:["border-pink-6","bg-pink-9"],href:"https://2023.igem.wiki/lambert-ga/software/"})]}),g.jsxs("div",{className:"accuracy-cards flex absolute z-20",children:[g.jsx(Fr,{title:"RCA Optimization",description:"We optimized rolling circle amplification from last year by decreasing our reaction time and testing different reporter outputs. ",colorClass:["border-green-6","bg-green-9"],href:"https://2023.igem.wiki/lambert-ga/rca/"}),g.jsx(Fr,{title:"RCA expansion",description:"We expanded rolling circle amplification by validating the specificity, testing RCA with different miRNAs, and pursuing RCA in a capilary tube. ",colorClass:["border-blue-6","bg-blue-9"],href:"https://2023.igem.wiki/lambert-ga/rca/"}),g.jsx(Fr,{title:"eRCA",description:"We modified RCA to include a nicking endonuclease through a process known as exponential RCA which improved the accuracy of our assay. ",colorClass:["border-pink-6","bg-pink-9"],href:"https://2023.igem.wiki/lambert-ga/rca/"})]}),g.jsxs("div",{className:"affordability-cards opacity-0 absolute flex",children:[g.jsx(Fr,{title:"MicroQ Pro",description:"Expanding on MicroQ V1, MicroQ Pro enabled fluorescent quantification at multiple wavelengths. Supercharging it’s abilities. ",colorClass:["border-green-6","bg-green-9"],href:"https://2023.igem.wiki/lambert-ga/measurement/"}),g.jsx(Fr,{title:"LabPilot",description:"Realizing how tedious RCA reactions were to run, we looked into ways to automate it. We created LabPilot, a frugal liquid handler. ",colorClass:["border-blue-6","bg-blue-9"],href:"https://2023.igem.wiki/lambert-ga/hardware/"}),g.jsx(Fr,{title:"Protein Purification",description:"Limited by the cost of running our reactions, we successfully produced our own phi29 DNA polymerase to improve affordability. ",colorClass:["border-pink-6","bg-pink-9"],href:"https://2023.igem.wiki/lambert-ga/protein-purification/"})]})]})]})}),g.jsx("section",{className:"w-screen h-screen flex flex-col justify-center items-center",children:g.jsxs("div",{className:"bg-white rounded-[64px] p-6 shadow border border-gray-5 relative ",children:[g.jsxs("div",{className:"px-4 py-1 rounded-full border border-yellow-6 flex right-0 -top-4 absolute -translate-y-full justify-center items-center",children:[g.jsx(yu,{className:"text-yellow-8 m-1",size:24}),g.jsx("span",{className:"text-yellow-11",children:"Click Around"})]}),g.jsxs("div",{className:"flex",children:[g.jsx(it,{char:"1",textClassName:"text-gray-7"}),g.jsx(it,{char:"2",textClassName:"text-gray-7"}),g.jsx(it,{char:"3",textClassName:"text-gray-7"}),g.jsx(it,{char:"4",textClassName:"text-gray-7"}),g.jsx(it,{char:"5",textClassName:"text-gray-7"}),g.jsx(it,{char:"6",textClassName:"text-gray-7"}),g.jsx(it,{char:"7",textClassName:"text-gray-7"}),g.jsx(it,{char:"8",textClassName:"text-gray-7"}),g.jsx(it,{char:"9",textClassName:"text-gray-7"}),g.jsx(it,{char:"0",textClassName:"text-gray-7"})]}),g.jsxs("div",{className:"flex",children:[g.jsx(it,{char:"tab",textClassName:"text-gray-7"}),g.jsx(rt,{char:"Team",link:"https://2023.igem.wiki/lambert-ga/team/"}),g.jsx(rt,{char:"Attributions",link:"https://2023.igem.wiki/lambert-ga/attributions/"}),g.jsx(rt,{char:"Description",link:"https://2023.igem.wiki/lambert-ga/description/"}),g.jsx(rt,{char:"Engineering Success",link:"https://2023.igem.wiki/lambert-ga/engineering/"})]}),g.jsxs("div",{className:"flex",children:[g.jsx(rt,{char:"HP",link:"https://2023.igem.wiki/lambert-ga/human-practices/"}),g.jsx(rt,{char:"Inclusivity",link:"https://2023.igem.wiki/lambert-ga/inclusivity/"}),g.jsx(rt,{char:"Model",link:"https://2023.igem.wiki/lambert-ga/model/"}),g.jsx(rt,{char:"Rolling Circle Amplification",link:"https://2023.igem.wiki/lambert-ga/rca/"})]}),g.jsxs("div",{className:"flex",children:[g.jsx(rt,{char:"Protein Purification",link:"https://2023.igem.wiki/lambert-ga/protein-purification/"}),g.jsx(rt,{char:"Safety",link:"https://2023.igem.wiki/lambert-ga/safety"}),g.jsx(rt,{char:"Parts Library",link:"https://2023.igem.wiki/lambert-ga/parts-library/"}),g.jsx(rt,{char:"Notebook",link:"https://2023.igem.wiki/lambert-ga/notebook/"}),g.jsx(rt,{char:"Results",link:"https://2023.igem.wiki/lambert-ga/results/"})]}),g.jsxs("div",{className:"flex",children:[g.jsx(rt,{char:"Contribution",link:"https://2023.igem.wiki/lambert-ga/contribution/"}),g.jsx(rt,{char:"Experiments",link:"https://2023.igem.wiki/lambert-ga/experiments/"}),g.jsx(rt,{char:"Measurement",link:"https://2023.igem.wiki/lambert-ga/measurement/"}),g.jsx(rt,{char:"Hardware",link:"https://2023.igem.wiki/lambert-ga/hardware/"}),g.jsx(rt,{char:"Software",link:"https://2023.igem.wiki/lambert-ga/software/"})]}),g.jsxs("div",{className:"flex",children:[g.jsx(it,{char:"control",textClassName:"text-gray-7"}),g.jsx(it,{char:"alt",textClassName:"text-gray-7"}),g.jsx(it,{char:" --- ",textClassName:"text-gray-7 px-20"}),g.jsx(it,{char:"cmd",textClassName:"text-gray-7"}),g.jsx(it,{char:"fn",textClassName:"text-gray-7"}),g.jsx(it,{char:"alt",textClassName:"text-gray-7"})]})]})})]}),g.jsx(bu,{})]})}function it({char:l,className:e,textClassName:t}){return g.jsx(g.Fragment,{children:g.jsx("div",{className:"min-w-[60px] h-[60px] px-5 py-[21px] flex-grow bg-white rounded-[23px] border border-gray-5 flex-col justify-center items-center gap-2.5 inline-flex m-[9px] "+e,children:g.jsx("div",{className:t+" text-2xl font-medium font-sans leading-[44px] ",children:l})})})}function rt({char:l,link:e}){return g.jsx(g.Fragment,{children:g.jsx("a",{href:e,className:"grow flex",children:g.jsx(it,{char:l,className:" group hover:border-yellow-8 shadow-lg hover:bg-yellow-2 transition-all ",textClassName:"text-gray-11 group-hover:text-yellow-11"})})})}function Fr({title:l,description:e,colorClass:t,href:r}){return g.jsx(g.Fragment,{children:g.jsxs("div",{className:"bg-white rounded-3xl shadow-lg border-[0.5px] p-5 m-2 max-w-[300px] flex flex-col justify-between mb-3 "+t[0],children:[g.jsxs("div",{children:[g.jsx("h1",{className:"font-serif text-3xl",children:l}),g.jsx("p",{className:"font-sans text-gray-10",children:e})]}),g.jsx("a",{href:r,className:" font-regular text-white rounded-xl text-center block p-2 text-lg mt-4 "+t[1],children:"Check it out"})]})})}function Vi({image:l,caption:e}){return g.jsx(g.Fragment,{children:g.jsxs("div",{className:"border-[0.5px] bg-white border-gray-6 rounded-3xl p-8 m-4 shadow-lg max-w-sm max-h-[30rem]",children:[g.jsx("div",{className:"text-black text-xl font-sans",children:e}),g.jsx("img",{src:l,className:"w-full h-96 bg-white rounded-xl mt-8 max-w-sm max-h-sm max-h-72 object-cover"})]})})}function ka({title:l,description:e,image:t}){return g.jsxs("div",{className:"border-[0.5px] bg-white border-gray-6 rounded-3xl p-8 m-4",children:[g.jsx("div",{className:"text-black text-3xl font-serif pb-3",children:l}),g.jsx("div",{className:"text-black text-xl font-sans",children:e}),g.jsx("img",{src:t,className:"w-full h-96 bg-white object-contain rounded-xl mt-8"})]})}export{Cu as default}; diff --git a/public/contribution/index.html b/public/contribution/index.html index 25aa913..713d82b 100644 --- a/public/contribution/index.html +++ b/public/contribution/index.html @@ -23,7 +23,7 @@ <link rel="stylesheet" href="/lambert-ga/lambert-ga/_astro/RCAOverview2022.5440303d.css" /> <link rel="stylesheet" href="/lambert-ga/lambert-ga/_astro/contribution.8701276b.css" /> <link rel="stylesheet" href="/lambert-ga/lambert-ga/_astro/contribution.ca893883.css" /></head> - <astro-island uid="Z1GfFxE" prefix="r18" component-url="/lambert-ga/_astro/PageLayoutComp.a397ad4e.js" component-export="default" renderer-url="/lambert-ga/_astro/client.4f88357e.js" props="{"title":[0,"Contribution"],"header":[0,"https://static.igem.wiki/teams/4683/wiki/header-images/screen-shot-2023-10-11-at-10-28-03-pm.png"],"file":[0,"/Users/ryandu/Desktop/iGEM/2023/wiki/src/pages/contribution.mdx"],"url":[0,"/lambert-ga/contribution"]}" ssr="" client="load" opts="{"name":"Layout","value":true}" await-children=""><body class="w-screen">https://static.igem.wiki/teams/4683/wiki/header-images/screen-shot-2023-10-11-at-10-28-03-pm.png<div class="bg-cover absolute w-screen left-0 top-0 p-0 m-0 z-10 h-1/2" style="background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 36.46%, #FFFFFF 100%), url(https://static.igem.wiki/teams/4683/wiki/header-images/screen-shot-2023-10-11-at-10-28-03-pm.png);background-size:cover"></div><div class="bg-slate-100 fixed top-0 left-0 right-0 pt-8" style="margin-top:-40px"><div class="bottom-0 left-0 pb-1 mt-2 right-0 bg-yellow-400 origin-left" style="transform:scaleX(0) translateZ(0)"></div></div><div class="w-full flex justify-center items-center"><div class="flex justify-between m-5 z-50 max-w-6xl grow"><a href="https://2023.igem.wiki/lambert-ga/" class="font-serif z-30 text-white "><p class="bg-blackA-11 text-xl rounded-full p-2">Lambert-GA</p></a><div class="flex justify-end z-30"><nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="relative "><div style="position:relative"><ul data-orientation="horizontal" class="flex flex-row rounded-full bg-blackA-11 p-2 space-x-2" dir="ltr"><div><li><button id="radix-:r18Rk:-trigger-radix-:r18Rbk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18Rbk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Team</button></li></div><div><li><button id="radix-:r18Rk:-trigger-radix-:r18Rjk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18Rjk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Project</button></li></div><div><li><button id="radix-:r18Rk:-trigger-radix-:r18Rrk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18Rrk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Wetlab</button></li></div><div><li><button id="radix-:r18Rk:-trigger-radix-:r18R13k:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18R13k:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Drylab</button></li></div><div><li><button id="radix-:r18Rk:-trigger-radix-:r18R1bk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18R1bk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Human Practices</button></li></div></ul></div></nav></div></div></div><div class="flex justify-center w-full items-center"><div class="w-full m-5 max-w-3xl "><p class="font-serif font-bold z-30 absolute top-1/2 -translate-y-1/2 lg:-translate-x-20 text-5xl sm:text-6xl md:text-7xl">Contribution</p><div class="absolute top-1/2 translate-y-20 h-32 lg:-translate-x-20 lg:border-l-2 border-gray-900 z-50"></div><div class=" + <astro-island uid="r4XkV" prefix="r18" component-url="/lambert-ga/_astro/PageLayoutComp.a397ad4e.js" component-export="default" renderer-url="/lambert-ga/_astro/client.4f88357e.js" props="{"title":[0,"Contribution"],"header":[0,"https://static.igem.wiki/teams/4683/wiki/header-images/screen-shot-2023-10-11-at-10-28-03-pm.png"],"file":[0,"/Users/ryandu/Desktop/iGEM/2023/wiki/src/pages/contribution.mdx"],"url":[0,"/lambert-ga/contribution"]}" ssr="" client="load" opts="{"name":"Layout","value":true}" await-children=""><body class="w-screen">https://static.igem.wiki/teams/4683/wiki/header-images/screen-shot-2023-10-11-at-10-28-03-pm.png<div class="bg-cover absolute w-screen left-0 top-0 p-0 m-0 z-10 h-1/2" style="background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 36.46%, #FFFFFF 100%), url(https://static.igem.wiki/teams/4683/wiki/header-images/screen-shot-2023-10-11-at-10-28-03-pm.png);background-size:cover"></div><div class="bg-slate-100 fixed top-0 left-0 right-0 pt-8" style="margin-top:-40px"><div class="bottom-0 left-0 pb-1 mt-2 right-0 bg-yellow-400 origin-left" style="transform:scaleX(0) translateZ(0)"></div></div><div class="w-full flex justify-center items-center"><div class="flex justify-between m-5 z-50 max-w-6xl grow"><a href="https://2023.igem.wiki/lambert-ga/" class="font-serif z-30 text-white "><p class="bg-blackA-11 text-xl rounded-full p-2">Lambert-GA</p></a><div class="flex justify-end z-30"><nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="relative "><div style="position:relative"><ul data-orientation="horizontal" class="flex flex-row rounded-full bg-blackA-11 p-2 space-x-2" dir="ltr"><div><li><button id="radix-:r18Rk:-trigger-radix-:r18Rbk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18Rbk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Team</button></li></div><div><li><button id="radix-:r18Rk:-trigger-radix-:r18Rjk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18Rjk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Project</button></li></div><div><li><button id="radix-:r18Rk:-trigger-radix-:r18Rrk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18Rrk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Wetlab</button></li></div><div><li><button id="radix-:r18Rk:-trigger-radix-:r18R13k:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18R13k:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Drylab</button></li></div><div><li><button id="radix-:r18Rk:-trigger-radix-:r18R1bk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18R1bk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Human Practices</button></li></div></ul></div></nav></div></div></div><div class="flex justify-center w-full items-center"><div class="w-full m-5 max-w-3xl "><p class="font-serif font-bold z-30 absolute top-1/2 -translate-y-1/2 lg:-translate-x-20 text-5xl sm:text-6xl md:text-7xl">Contribution</p><div class="absolute top-1/2 translate-y-20 h-32 lg:-translate-x-20 lg:border-l-2 border-gray-900 z-50"></div><div class=" prose max-w-3xl prose-h1:font-serif prose-h1:text-4xl prose-h2:font-sans prose-h2:text-2xl @@ -114,7 +114,7 @@ To resolve these issues, automated liquid handlers are designed to automate and <h2 id="design">Design</h2> <p>LabPilot is an automated liquid handler compatible with micropipettes. It utilizes an XYZ layout for movement, with most of its structural parts designed on Fusion 360, a computer-aided design (CAD) application. LabPilot’s design can be split into the frame, detachable molds for the bed, and XYZ planes with motors.</p> <h3 id="frame">Frame</h3> -<p>Our team designed Labpilot’s frame to be small enough to fit inside a flow hood and large enough to fit standard laboratory containers on its bed (e.g. microcentrifuge tube racks, micropipette tip boxes, and well plates). We designed the frame by creating a linear rail extrusion, as shown in Figure W, typically found on commercial 3D printers. We used linear extrusions to make the cage-like design of LabPilot, inspired by Ender 3D printers like the Ender 5 (see Table 1) (Ender 5 S1 3D Printer). The finalized XYZ dimensions of LabPilot are 366mm x 296mm x 356mm (see Fig. 2). To provide stability to LabPilot’s frame, we added angle brackets that connect two of the extrusions that run perpendicular to each other at all 16 corners of the frame. +<p>Our team designed Labpilot’s frame to be small enough to fit inside a flow hood and large enough to fit standard laboratory containers on its bed (e.g. microcentrifuge tube racks, micropipette tip boxes, and well plates). We designed the frame by creating a linear rail extrusion, as shown in Figure 1, typically found on commercial 3D printers. We used linear extrusions to make the cage-like design of LabPilot, inspired by Ender 3D printers like the Ender 5 (see Table 1) (Ender 5 S1 3D Printer). The finalized XYZ dimensions of LabPilot are 366mm x 296mm x 356mm (see Fig. 2). To provide stability to LabPilot’s frame, we added angle brackets that connect two of the extrusions that run perpendicular to each other at all 16 corners of the frame. We spoke to Priya Soneji, an undergraduate researcher at the Georgia Institute of Technology, who is a part of the Bhamla Lab. For the future, she recommended the switch to metal frames if the 3D-printed parts were imprecise. She confirmed the validity of our overall plan for controlling each motor axis on the XYZ plane and methods for motor movement.</p> <div class="flex w-full flex-col items-center justify-center p-1"><img src="https://static.igem.wiki/teams/4683/wiki/hardware/linearrailextrusion.png" alt="" class="mx-2 rounded-xl max-w-[400px] "/><div class="text-center italic">Figure 1. CAD model of linear rail extrusion used to make the structural frame.</div></div> <div class="flex w-full flex-col items-center justify-center p-1"><img src="https://static.igem.wiki/teams/4683/wiki/hardware/labpilotframe.png" alt="" class="mx-2 rounded-xl max-w-[400px] "/><div class="text-center italic">Figure 2. CAD model of LabPilot frame.</div></div> @@ -134,7 +134,7 @@ In addition to the linearly moving axes, LabPilot requires a motor to press the <p>The app provides instructions to the microcontroller via the Arduino serial USB connection (see Fig. 6). By utilizing a system where the app executes high-level operations by compiling pipette actions into low-level instructions for the microcontroller, users have complete control over their LabPilot device. They can stop or pause it at any time.</p> <div class="flex w-full flex-col items-center justify-center p-1"><img src="https://static.igem.wiki/teams/4683/wiki/img-9427.jpeg" alt="" class="mx-2 rounded-xl max-w-[400px] "/><div class="text-center italic">Figure 7. Shows how the user input controls LabPilot.</div></div> <h3 id="how-to-use">How to use</h3> -<p>To use LabPilot, users must connect a laptop to LabPilot via a USB cable and open its web dashboard. Once the dashboard is open, there is a simple setup process where users can drag and drop components from the sidebar to recreate the physical layout of their LabPilot device, as seen in Figure Y. After setup, the app digitally recreates the layout of this device from data gathered in the setup process, enabling adequate simulation and control. Then, the users can queue and perform pipetting actions.</p> +<p>To use LabPilot, users must connect a laptop to LabPilot via a USB cable and open its web dashboard. Once the dashboard is open, there is a simple setup process where users can drag and drop components from the sidebar to recreate the physical layout of their LabPilot device, as seen in Figure 8. After setup, the app digitally recreates the layout of this device from data gathered in the setup process, enabling adequate simulation and control. Then, the users can queue and perform pipetting actions.</p> <div class="flex w-full flex-col items-center justify-center p-1"><img src="https://static.igem.wiki/teams/4683/wiki/image-10-10-23-at-8-43-pm.jpg" style="max-width:600" alt="" class="mx-2 rounded-xl max-w-[400px] "/><div class="text-center italic">Figure 8. LabPilot’s setup interface.</div></div> <p>All pipetting actions consist of a reagent source and a dispensing source. Users can click on any well or beaker to select a reagent source. After choosing a reagent source, users can select a dispensing source by clicking on any well/beaker or multiple dispensing sources (by clicking and dragging or holding “shift†while they select multiple sources). Afterward, users will select the amount they want to dispense to each dispensing source and can add it to the queue (see Fig. 7). All pipetting actions in the queue are performed in the order they were assigned but can be dragged around to reorder in the queue.</p> <style>astro-island,astro-slot,astro-static-slot{display:contents}</style><script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event("astro:load"));})();;(()=>{var d;{let p={0:t=>u(t),1:t=>l(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(l(t)),5:t=>new Set(l(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t)},h=t=>{let[e,n]=t;return e in p?p[e](n):void 0},l=t=>t.map(h),u=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([e,n])=>[e,h(n)]));customElements.get("astro-island")||customElements.define("astro-island",(d=class extends HTMLElement{constructor(){super(...arguments);this.hydrate=async()=>{var i;if(!this.hydrator||!this.isConnected)return;let e=(i=this.parentElement)==null?void 0:i.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let n=this.querySelectorAll("astro-slot"),o={},a=this.querySelectorAll("template[data-astro-template]");for(let r of a){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(o[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of n){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(o[r.getAttribute("name")||"default"]=r.innerHTML)}let c;try{c=this.hasAttribute("props")?u(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",y=this.getAttribute("component-export");throw y&&(s+=` (export ${y})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}await this.hydrator(this)(this.Component,c,o,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))}}connectedCallback(){!this.hasAttribute("await-children")||this.firstChild?this.childrenConnectedCallback():new MutationObserver((e,n)=>{n.disconnect(),setTimeout(()=>this.childrenConnectedCallback(),0)}).observe(this,{childList:!0})}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}start(){let e=JSON.parse(this.getAttribute("opts")),n=this.getAttribute("client");if(Astro[n]===void 0){window.addEventListener(`astro:${n}`,()=>this.start(),{once:!0});return}Astro[n](async()=>{let o=this.getAttribute("renderer-url"),[a,{default:c}]=await Promise.all([import(this.getAttribute("component-url")),o?import(o):()=>()=>{}]),i=this.getAttribute("component-export")||"default";if(!i.includes("."))this.Component=a[i];else{this.Component=a;for(let r of i.split("."))this.Component=this.Component[r]}return this.hydrator=c,this.hydrate},e,this)}attributeChangedCallback(){this.hydrate()}},d.observedAttributes=["props"],d))}})();</script><astro-island uid="7RG9O" prefix="r9" component-url="/lambert-ga/_astro/ImageCarousel.440b7446.js" component-export="default" renderer-url="/lambert-ga/_astro/client.4f88357e.js" props="{"caption":[0,"Photos of LabPilot"],"images":[1,[[0,"https://static.igem.wiki/teams/4683/wiki/screen-shot-2023-10-12-at-9-37-02-am.png"],[0,"https://static.igem.wiki/teams/4683/wiki/img-3395.jpg"],[0,"https://static.igem.wiki/teams/4683/wiki/pipettemechanismsarvajith.jpeg"]]]}" ssr="" client="load" opts="{"name":"Image","value":true}" await-children=""><div class="flex w-full flex-col items-center justify-center p-1"><div class="carousel-root" tabindex="0"><div class="carousel carousel-slider" style="width:100%"><ul class="control-dots"><li class="dot selected" value="0" role="button" tabindex="0" aria-label="slide item 1"></li><li class="dot" value="1" role="button" tabindex="0" aria-label="slide item 2"></li><li class="dot" value="2" role="button" tabindex="0" aria-label="slide item 3"></li></ul><button type="button" aria-label="previous slide / item" class="control-arrow control-prev control-disabled"></button><div class="slider-wrapper axis-horizontal"><ul class="slider animated" style="-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-duration:350ms;-moz-transition-duration:350ms;-o-transition-duration:350ms;transition-duration:350ms;-ms-transition-duration:350ms"><li class="slide selected previous"><div class="slide"><img alt="sample_file" src="https://static.igem.wiki/teams/4683/wiki/screen-shot-2023-10-12-at-9-37-02-am.png"/></div></li><li class="slide"><div class="slide"><img alt="sample_file" src="https://static.igem.wiki/teams/4683/wiki/img-3395.jpg"/></div></li><li class="slide"><div class="slide"><img alt="sample_file" src="https://static.igem.wiki/teams/4683/wiki/pipettemechanismsarvajith.jpeg"/></div></li></ul></div><button type="button" aria-label="next slide / item" class="control-arrow control-next"></button><p class="carousel-status">1 of 3</p></div><div class="carousel"><div class="thumbs-wrapper axis-vertical"><button type="button" class="control-arrow control-prev control-disabled" aria-label="previous slide / item"></button><ul class="thumbs animated" style="-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transition-duration:350ms;-moz-transition-duration:350ms;-ms-transition-duration:350ms;-o-transition-duration:350ms;transition-duration:350ms;-ms-transition-duration:350ms"><li class="thumb selected" aria-label="slide item 1" style="width:80px" role="button" tabindex="0"><img alt="sample_file" src="https://static.igem.wiki/teams/4683/wiki/screen-shot-2023-10-12-at-9-37-02-am.png"/></li><li class="thumb" aria-label="slide item 2" style="width:80px" role="button" tabindex="0"><img alt="sample_file" src="https://static.igem.wiki/teams/4683/wiki/img-3395.jpg"/></li><li class="thumb" aria-label="slide item 3" style="width:80px" role="button" tabindex="0"><img alt="sample_file" src="https://static.igem.wiki/teams/4683/wiki/pipettemechanismsarvajith.jpeg"/></li></ul><button type="button" class="control-arrow control-next control-disabled" aria-label="next slide / item"></button></div></div></div><div class="text-center italic">Photos of LabPilot</div></div></astro-island> diff --git a/public/hardware/index.html b/public/hardware/index.html index c9e8333..a8c2d63 100644 --- a/public/hardware/index.html +++ b/public/hardware/index.html @@ -23,7 +23,7 @@ <link rel="stylesheet" href="/lambert-ga/lambert-ga/_astro/RCAOverview2022.5440303d.css" /> <link rel="stylesheet" href="/lambert-ga/lambert-ga/_astro/contribution.8701276b.css" /> <link rel="stylesheet" href="/lambert-ga/lambert-ga/_astro/contribution.ca893883.css" /></head> - <astro-island uid="miv0" prefix="r18" component-url="/lambert-ga/_astro/PageLayoutComp.a397ad4e.js" component-export="default" renderer-url="/lambert-ga/_astro/client.4f88357e.js" props="{"title":[0,"Hardware"],"header":[0,"https://static.igem.wiki/teams/4683/wiki/header-images/screen-shot-2023-10-11-at-1-22-09-am.png"],"file":[0,"/Users/ryandu/Desktop/iGEM/2023/wiki/src/pages/hardware.mdx"],"url":[0,"/lambert-ga/hardware"]}" ssr="" client="load" opts="{"name":"Layout","value":true}" await-children=""><body class="w-screen">https://static.igem.wiki/teams/4683/wiki/header-images/screen-shot-2023-10-11-at-1-22-09-am.png<div class="bg-cover absolute w-screen left-0 top-0 p-0 m-0 z-10 h-1/2" style="background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 36.46%, #FFFFFF 100%), url(https://static.igem.wiki/teams/4683/wiki/header-images/screen-shot-2023-10-11-at-1-22-09-am.png);background-size:cover"></div><div class="bg-slate-100 fixed top-0 left-0 right-0 pt-8" style="margin-top:-40px"><div class="bottom-0 left-0 pb-1 mt-2 right-0 bg-yellow-400 origin-left" style="transform:scaleX(0) translateZ(0)"></div></div><div class="w-full flex justify-center items-center"><div class="flex justify-between m-5 z-50 max-w-6xl grow"><a href="https://2023.igem.wiki/lambert-ga/" class="font-serif z-30 text-white "><p class="bg-blackA-11 text-xl rounded-full p-2">Lambert-GA</p></a><div class="flex justify-end z-30"><nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="relative "><div style="position:relative"><ul data-orientation="horizontal" class="flex flex-row rounded-full bg-blackA-11 p-2 space-x-2" dir="ltr"><div><li><button id="radix-:r18Rk:-trigger-radix-:r18Rbk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18Rbk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Team</button></li></div><div><li><button id="radix-:r18Rk:-trigger-radix-:r18Rjk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18Rjk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Project</button></li></div><div><li><button id="radix-:r18Rk:-trigger-radix-:r18Rrk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18Rrk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Wetlab</button></li></div><div><li><button id="radix-:r18Rk:-trigger-radix-:r18R13k:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18R13k:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Drylab</button></li></div><div><li><button id="radix-:r18Rk:-trigger-radix-:r18R1bk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18R1bk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Human Practices</button></li></div></ul></div></nav></div></div></div><div class="flex justify-center w-full items-center"><div class="w-full m-5 max-w-3xl "><p class="font-serif font-bold z-30 absolute top-1/2 -translate-y-1/2 lg:-translate-x-20 text-5xl sm:text-6xl md:text-7xl">Hardware</p><div class="absolute top-1/2 translate-y-20 h-32 lg:-translate-x-20 lg:border-l-2 border-gray-900 z-50"></div><div class=" + <astro-island uid="Z1sfM6y" prefix="r18" component-url="/lambert-ga/_astro/PageLayoutComp.a397ad4e.js" component-export="default" renderer-url="/lambert-ga/_astro/client.4f88357e.js" props="{"title":[0,"Hardware"],"header":[0,"https://static.igem.wiki/teams/4683/wiki/header-images/screen-shot-2023-10-11-at-1-22-09-am.png"],"file":[0,"/Users/ryandu/Desktop/iGEM/2023/wiki/src/pages/hardware.mdx"],"url":[0,"/lambert-ga/hardware"]}" ssr="" client="load" opts="{"name":"Layout","value":true}" await-children=""><body class="w-screen">https://static.igem.wiki/teams/4683/wiki/header-images/screen-shot-2023-10-11-at-1-22-09-am.png<div class="bg-cover absolute w-screen left-0 top-0 p-0 m-0 z-10 h-1/2" style="background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 36.46%, #FFFFFF 100%), url(https://static.igem.wiki/teams/4683/wiki/header-images/screen-shot-2023-10-11-at-1-22-09-am.png);background-size:cover"></div><div class="bg-slate-100 fixed top-0 left-0 right-0 pt-8" style="margin-top:-40px"><div class="bottom-0 left-0 pb-1 mt-2 right-0 bg-yellow-400 origin-left" style="transform:scaleX(0) translateZ(0)"></div></div><div class="w-full flex justify-center items-center"><div class="flex justify-between m-5 z-50 max-w-6xl grow"><a href="https://2023.igem.wiki/lambert-ga/" class="font-serif z-30 text-white "><p class="bg-blackA-11 text-xl rounded-full p-2">Lambert-GA</p></a><div class="flex justify-end z-30"><nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="relative "><div style="position:relative"><ul data-orientation="horizontal" class="flex flex-row rounded-full bg-blackA-11 p-2 space-x-2" dir="ltr"><div><li><button id="radix-:r18Rk:-trigger-radix-:r18Rbk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18Rbk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Team</button></li></div><div><li><button id="radix-:r18Rk:-trigger-radix-:r18Rjk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18Rjk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Project</button></li></div><div><li><button id="radix-:r18Rk:-trigger-radix-:r18Rrk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18Rrk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Wetlab</button></li></div><div><li><button id="radix-:r18Rk:-trigger-radix-:r18R13k:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18R13k:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Drylab</button></li></div><div><li><button id="radix-:r18Rk:-trigger-radix-:r18R1bk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18R1bk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Human Practices</button></li></div></ul></div></nav></div></div></div><div class="flex justify-center w-full items-center"><div class="w-full m-5 max-w-3xl "><p class="font-serif font-bold z-30 absolute top-1/2 -translate-y-1/2 lg:-translate-x-20 text-5xl sm:text-6xl md:text-7xl">Hardware</p><div class="absolute top-1/2 translate-y-20 h-32 lg:-translate-x-20 lg:border-l-2 border-gray-900 z-50"></div><div class=" prose max-w-3xl prose-h1:font-serif prose-h1:text-4xl prose-h2:font-sans prose-h2:text-2xl @@ -114,7 +114,7 @@ To resolve these issues, automated liquid handlers are designed to automate and <h2 id="design">Design</h2> <p>LabPilot is an automated liquid handler compatible with micropipettes. It utilizes an XYZ layout for movement, with most of its structural parts designed on Fusion 360, a computer-aided design (CAD) application. LabPilot’s design can be split into the frame, detachable molds for the bed, and XYZ planes with motors.</p> <h3 id="frame">Frame</h3> -<p>Our team designed Labpilot’s frame to be small enough to fit inside a flow hood and large enough to fit standard laboratory containers on its bed (e.g. microcentrifuge tube racks, micropipette tip boxes, and well plates). We designed the frame by creating a linear rail extrusion, as shown in Figure W, typically found on commercial 3D printers. We used linear extrusions to make the cage-like design of LabPilot, inspired by Ender 3D printers like the Ender 5 (see Table 1) (Ender 5 S1 3D Printer). The finalized XYZ dimensions of LabPilot are 366mm x 296mm x 356mm (see Fig. 2). To provide stability to LabPilot’s frame, we added angle brackets that connect two of the extrusions that run perpendicular to each other at all 16 corners of the frame. +<p>Our team designed Labpilot’s frame to be small enough to fit inside a flow hood and large enough to fit standard laboratory containers on its bed (e.g. microcentrifuge tube racks, micropipette tip boxes, and well plates). We designed the frame by creating a linear rail extrusion, as shown in Figure 1, typically found on commercial 3D printers. We used linear extrusions to make the cage-like design of LabPilot, inspired by Ender 3D printers like the Ender 5 (see Table 1) (Ender 5 S1 3D Printer). The finalized XYZ dimensions of LabPilot are 366mm x 296mm x 356mm (see Fig. 2). To provide stability to LabPilot’s frame, we added angle brackets that connect two of the extrusions that run perpendicular to each other at all 16 corners of the frame. We spoke to Priya Soneji, an undergraduate researcher at the Georgia Institute of Technology, who is a part of the Bhamla Lab. For the future, she recommended the switch to metal frames if the 3D-printed parts were imprecise. She confirmed the validity of our overall plan for controlling each motor axis on the XYZ plane and methods for motor movement.</p> <div class="flex w-full flex-col items-center justify-center p-1"><img src="https://static.igem.wiki/teams/4683/wiki/hardware/linearrailextrusion.png" alt="" class="mx-2 rounded-xl max-w-[400px] "/><div class="text-center italic">Figure 1. CAD model of linear rail extrusion used to make the structural frame.</div></div> <div class="flex w-full flex-col items-center justify-center p-1"><img src="https://static.igem.wiki/teams/4683/wiki/hardware/labpilotframe.png" alt="" class="mx-2 rounded-xl max-w-[400px] "/><div class="text-center italic">Figure 2. CAD model of LabPilot frame.</div></div> @@ -134,7 +134,7 @@ In addition to the linearly moving axes, LabPilot requires a motor to press the <p>The app provides instructions to the microcontroller via the Arduino serial USB connection (see Fig. 6). By utilizing a system where the app executes high-level operations by compiling pipette actions into low-level instructions for the microcontroller, users have complete control over their LabPilot device. They can stop or pause it at any time.</p> <div class="flex w-full flex-col items-center justify-center p-1"><img src="https://static.igem.wiki/teams/4683/wiki/img-9427.jpeg" alt="" class="mx-2 rounded-xl max-w-[400px] "/><div class="text-center italic">Figure 7. Shows how the user input controls LabPilot.</div></div> <h3 id="how-to-use">How to use</h3> -<p>To use LabPilot, users must connect a laptop to LabPilot via a USB cable and open its web dashboard. Once the dashboard is open, there is a simple setup process where users can drag and drop components from the sidebar to recreate the physical layout of their LabPilot device, as seen in Figure Y. After setup, the app digitally recreates the layout of this device from data gathered in the setup process, enabling adequate simulation and control. Then, the users can queue and perform pipetting actions.</p> +<p>To use LabPilot, users must connect a laptop to LabPilot via a USB cable and open its web dashboard. Once the dashboard is open, there is a simple setup process where users can drag and drop components from the sidebar to recreate the physical layout of their LabPilot device, as seen in Figure 8. After setup, the app digitally recreates the layout of this device from data gathered in the setup process, enabling adequate simulation and control. Then, the users can queue and perform pipetting actions.</p> <div class="flex w-full flex-col items-center justify-center p-1"><img src="https://static.igem.wiki/teams/4683/wiki/image-10-10-23-at-8-43-pm.jpg" style="max-width:600" alt="" class="mx-2 rounded-xl max-w-[400px] "/><div class="text-center italic">Figure 8. LabPilot’s setup interface.</div></div> <p>All pipetting actions consist of a reagent source and a dispensing source. Users can click on any well or beaker to select a reagent source. After choosing a reagent source, users can select a dispensing source by clicking on any well/beaker or multiple dispensing sources (by clicking and dragging or holding “shift†while they select multiple sources). Afterward, users will select the amount they want to dispense to each dispensing source and can add it to the queue (see Fig. 7). All pipetting actions in the queue are performed in the order they were assigned but can be dragged around to reorder in the queue.</p> <style>astro-island,astro-slot,astro-static-slot{display:contents}</style><script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event("astro:load"));})();;(()=>{var d;{let p={0:t=>u(t),1:t=>l(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(l(t)),5:t=>new Set(l(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t)},h=t=>{let[e,n]=t;return e in p?p[e](n):void 0},l=t=>t.map(h),u=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([e,n])=>[e,h(n)]));customElements.get("astro-island")||customElements.define("astro-island",(d=class extends HTMLElement{constructor(){super(...arguments);this.hydrate=async()=>{var i;if(!this.hydrator||!this.isConnected)return;let e=(i=this.parentElement)==null?void 0:i.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let n=this.querySelectorAll("astro-slot"),o={},a=this.querySelectorAll("template[data-astro-template]");for(let r of a){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(o[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of n){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(o[r.getAttribute("name")||"default"]=r.innerHTML)}let c;try{c=this.hasAttribute("props")?u(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",y=this.getAttribute("component-export");throw y&&(s+=` (export ${y})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}await this.hydrator(this)(this.Component,c,o,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))}}connectedCallback(){!this.hasAttribute("await-children")||this.firstChild?this.childrenConnectedCallback():new MutationObserver((e,n)=>{n.disconnect(),setTimeout(()=>this.childrenConnectedCallback(),0)}).observe(this,{childList:!0})}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}start(){let e=JSON.parse(this.getAttribute("opts")),n=this.getAttribute("client");if(Astro[n]===void 0){window.addEventListener(`astro:${n}`,()=>this.start(),{once:!0});return}Astro[n](async()=>{let o=this.getAttribute("renderer-url"),[a,{default:c}]=await Promise.all([import(this.getAttribute("component-url")),o?import(o):()=>()=>{}]),i=this.getAttribute("component-export")||"default";if(!i.includes("."))this.Component=a[i];else{this.Component=a;for(let r of i.split("."))this.Component=this.Component[r]}return this.hydrator=c,this.hydrate},e,this)}attributeChangedCallback(){this.hydrate()}},d.observedAttributes=["props"],d))}})();</script><astro-island uid="7RG9O" prefix="r9" component-url="/lambert-ga/_astro/ImageCarousel.440b7446.js" component-export="default" renderer-url="/lambert-ga/_astro/client.4f88357e.js" props="{"caption":[0,"Photos of LabPilot"],"images":[1,[[0,"https://static.igem.wiki/teams/4683/wiki/screen-shot-2023-10-12-at-9-37-02-am.png"],[0,"https://static.igem.wiki/teams/4683/wiki/img-3395.jpg"],[0,"https://static.igem.wiki/teams/4683/wiki/pipettemechanismsarvajith.jpeg"]]]}" ssr="" client="load" opts="{"name":"Image","value":true}" await-children=""><div class="flex w-full flex-col items-center justify-center p-1"><div class="carousel-root" tabindex="0"><div class="carousel carousel-slider" style="width:100%"><ul class="control-dots"><li class="dot selected" value="0" role="button" tabindex="0" aria-label="slide item 1"></li><li class="dot" value="1" role="button" tabindex="0" aria-label="slide item 2"></li><li class="dot" value="2" role="button" tabindex="0" aria-label="slide item 3"></li></ul><button type="button" aria-label="previous slide / item" class="control-arrow control-prev control-disabled"></button><div class="slider-wrapper axis-horizontal"><ul class="slider animated" style="-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-duration:350ms;-moz-transition-duration:350ms;-o-transition-duration:350ms;transition-duration:350ms;-ms-transition-duration:350ms"><li class="slide selected previous"><div class="slide"><img alt="sample_file" src="https://static.igem.wiki/teams/4683/wiki/screen-shot-2023-10-12-at-9-37-02-am.png"/></div></li><li class="slide"><div class="slide"><img alt="sample_file" src="https://static.igem.wiki/teams/4683/wiki/img-3395.jpg"/></div></li><li class="slide"><div class="slide"><img alt="sample_file" src="https://static.igem.wiki/teams/4683/wiki/pipettemechanismsarvajith.jpeg"/></div></li></ul></div><button type="button" aria-label="next slide / item" class="control-arrow control-next"></button><p class="carousel-status">1 of 3</p></div><div class="carousel"><div class="thumbs-wrapper axis-vertical"><button type="button" class="control-arrow control-prev control-disabled" aria-label="previous slide / item"></button><ul class="thumbs animated" style="-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transition-duration:350ms;-moz-transition-duration:350ms;-ms-transition-duration:350ms;-o-transition-duration:350ms;transition-duration:350ms;-ms-transition-duration:350ms"><li class="thumb selected" aria-label="slide item 1" style="width:80px" role="button" tabindex="0"><img alt="sample_file" src="https://static.igem.wiki/teams/4683/wiki/screen-shot-2023-10-12-at-9-37-02-am.png"/></li><li class="thumb" aria-label="slide item 2" style="width:80px" role="button" tabindex="0"><img alt="sample_file" src="https://static.igem.wiki/teams/4683/wiki/img-3395.jpg"/></li><li class="thumb" aria-label="slide item 3" style="width:80px" role="button" tabindex="0"><img alt="sample_file" src="https://static.igem.wiki/teams/4683/wiki/pipettemechanismsarvajith.jpeg"/></li></ul><button type="button" class="control-arrow control-next control-disabled" aria-label="next slide / item"></button></div></div></div><div class="text-center italic">Photos of LabPilot</div></div></astro-island> diff --git a/public/human-practices/index.html b/public/human-practices/index.html index 7eab8d5..967c543 100644 --- a/public/human-practices/index.html +++ b/public/human-practices/index.html @@ -22,7 +22,7 @@ <link rel="stylesheet" href="/lambert-ga/lambert-ga/_astro/RCAERCA.96298b81.css" /> <link rel="stylesheet" href="/lambert-ga/lambert-ga/_astro/contribution.8701276b.css" /> <link rel="stylesheet" href="/lambert-ga/lambert-ga/_astro/contribution.ca893883.css" /></head> - <style>astro-island,astro-slot,astro-static-slot{display:contents}</style><script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event("astro:load"));})();;(()=>{var d;{let p={0:t=>u(t),1:t=>l(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(l(t)),5:t=>new Set(l(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t)},h=t=>{let[e,n]=t;return e in p?p[e](n):void 0},l=t=>t.map(h),u=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([e,n])=>[e,h(n)]));customElements.get("astro-island")||customElements.define("astro-island",(d=class extends HTMLElement{constructor(){super(...arguments);this.hydrate=async()=>{var i;if(!this.hydrator||!this.isConnected)return;let e=(i=this.parentElement)==null?void 0:i.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let n=this.querySelectorAll("astro-slot"),o={},a=this.querySelectorAll("template[data-astro-template]");for(let r of a){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(o[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of n){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(o[r.getAttribute("name")||"default"]=r.innerHTML)}let c;try{c=this.hasAttribute("props")?u(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",y=this.getAttribute("component-export");throw y&&(s+=` (export ${y})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}await this.hydrator(this)(this.Component,c,o,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))}}connectedCallback(){!this.hasAttribute("await-children")||this.firstChild?this.childrenConnectedCallback():new MutationObserver((e,n)=>{n.disconnect(),setTimeout(()=>this.childrenConnectedCallback(),0)}).observe(this,{childList:!0})}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}start(){let e=JSON.parse(this.getAttribute("opts")),n=this.getAttribute("client");if(Astro[n]===void 0){window.addEventListener(`astro:${n}`,()=>this.start(),{once:!0});return}Astro[n](async()=>{let o=this.getAttribute("renderer-url"),[a,{default:c}]=await Promise.all([import(this.getAttribute("component-url")),o?import(o):()=>()=>{}]),i=this.getAttribute("component-export")||"default";if(!i.includes("."))this.Component=a[i];else{this.Component=a;for(let r of i.split("."))this.Component=this.Component[r]}return this.hydrator=c,this.hydrate},e,this)}attributeChangedCallback(){this.hydrate()}},d.observedAttributes=["props"],d))}})();</script><astro-island uid="1KLsGT" prefix="r14" component-url="/lambert-ga/_astro/PageLayoutComp.a397ad4e.js" component-export="default" renderer-url="/lambert-ga/_astro/client.4f88357e.js" props="{"title":[0,"Human Practices"],"header":[0,"https://static.igem.wiki/teams/4683/wiki/header-images/hp.jpg"],"file":[0,"/Users/ryandu/Desktop/iGEM/2023/wiki/src/pages/human-practices.mdx"],"url":[0,"/lambert-ga/human-practices"]}" ssr="" client="load" opts="{"name":"Layout","value":true}" await-children=""><body class="w-screen">https://static.igem.wiki/teams/4683/wiki/header-images/hp.jpg<div class="bg-cover absolute w-screen left-0 top-0 p-0 m-0 z-10 h-1/2" style="background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 36.46%, #FFFFFF 100%), url(https://static.igem.wiki/teams/4683/wiki/header-images/hp.jpg);background-size:cover"></div><div class="bg-slate-100 fixed top-0 left-0 right-0 pt-8" style="margin-top:-40px"><div class="bottom-0 left-0 pb-1 mt-2 right-0 bg-yellow-400 origin-left" style="transform:scaleX(0) translateZ(0)"></div></div><div class="w-full flex justify-center items-center"><div class="flex justify-between m-5 z-50 max-w-6xl grow"><a href="https://2023.igem.wiki/lambert-ga/" class="font-serif z-30 text-white "><p class="bg-blackA-11 text-xl rounded-full p-2">Lambert-GA</p></a><div class="flex justify-end z-30"><nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="relative "><div style="position:relative"><ul data-orientation="horizontal" class="flex flex-row rounded-full bg-blackA-11 p-2 space-x-2" dir="ltr"><div><li><button id="radix-:r14Rk:-trigger-radix-:r14Rbk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r14Rk:-content-radix-:r14Rbk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Team</button></li></div><div><li><button id="radix-:r14Rk:-trigger-radix-:r14Rjk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r14Rk:-content-radix-:r14Rjk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Project</button></li></div><div><li><button id="radix-:r14Rk:-trigger-radix-:r14Rrk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r14Rk:-content-radix-:r14Rrk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Wetlab</button></li></div><div><li><button id="radix-:r14Rk:-trigger-radix-:r14R13k:" data-state="closed" aria-expanded="false" aria-controls="radix-:r14Rk:-content-radix-:r14R13k:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Drylab</button></li></div><div><li><button id="radix-:r14Rk:-trigger-radix-:r14R1bk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r14Rk:-content-radix-:r14R1bk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Human Practices</button></li></div></ul></div></nav></div></div></div><div class="flex justify-center w-full items-center"><div class="w-full m-5 max-w-3xl "><p class="font-serif font-bold z-30 absolute top-1/2 -translate-y-1/2 lg:-translate-x-20 text-5xl sm:text-6xl md:text-7xl">Human Practices</p><div class="absolute top-1/2 translate-y-20 h-32 lg:-translate-x-20 lg:border-l-2 border-gray-900 z-50"></div><div class=" + <style>astro-island,astro-slot,astro-static-slot{display:contents}</style><script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event("astro:load"));})();;(()=>{var d;{let p={0:t=>u(t),1:t=>l(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(l(t)),5:t=>new Set(l(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t)},h=t=>{let[e,n]=t;return e in p?p[e](n):void 0},l=t=>t.map(h),u=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([e,n])=>[e,h(n)]));customElements.get("astro-island")||customElements.define("astro-island",(d=class extends HTMLElement{constructor(){super(...arguments);this.hydrate=async()=>{var i;if(!this.hydrator||!this.isConnected)return;let e=(i=this.parentElement)==null?void 0:i.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let n=this.querySelectorAll("astro-slot"),o={},a=this.querySelectorAll("template[data-astro-template]");for(let r of a){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(o[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of n){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(o[r.getAttribute("name")||"default"]=r.innerHTML)}let c;try{c=this.hasAttribute("props")?u(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",y=this.getAttribute("component-export");throw y&&(s+=` (export ${y})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}await this.hydrator(this)(this.Component,c,o,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))}}connectedCallback(){!this.hasAttribute("await-children")||this.firstChild?this.childrenConnectedCallback():new MutationObserver((e,n)=>{n.disconnect(),setTimeout(()=>this.childrenConnectedCallback(),0)}).observe(this,{childList:!0})}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}start(){let e=JSON.parse(this.getAttribute("opts")),n=this.getAttribute("client");if(Astro[n]===void 0){window.addEventListener(`astro:${n}`,()=>this.start(),{once:!0});return}Astro[n](async()=>{let o=this.getAttribute("renderer-url"),[a,{default:c}]=await Promise.all([import(this.getAttribute("component-url")),o?import(o):()=>()=>{}]),i=this.getAttribute("component-export")||"default";if(!i.includes("."))this.Component=a[i];else{this.Component=a;for(let r of i.split("."))this.Component=this.Component[r]}return this.hydrator=c,this.hydrate},e,this)}attributeChangedCallback(){this.hydrate()}},d.observedAttributes=["props"],d))}})();</script><astro-island uid="29mEWe" prefix="r14" component-url="/lambert-ga/_astro/PageLayoutComp.a397ad4e.js" component-export="default" renderer-url="/lambert-ga/_astro/client.4f88357e.js" props="{"title":[0,"Human Practices"],"header":[0,"https://static.igem.wiki/teams/4683/wiki/header-images/hp.jpg"],"file":[0,"/Users/ryandu/Desktop/iGEM/2023/wiki/src/pages/human-practices.mdx"],"url":[0,"/lambert-ga/human-practices"]}" ssr="" client="load" opts="{"name":"Layout","value":true}" await-children=""><body class="w-screen">https://static.igem.wiki/teams/4683/wiki/header-images/hp.jpg<div class="bg-cover absolute w-screen left-0 top-0 p-0 m-0 z-10 h-1/2" style="background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 36.46%, #FFFFFF 100%), url(https://static.igem.wiki/teams/4683/wiki/header-images/hp.jpg);background-size:cover"></div><div class="bg-slate-100 fixed top-0 left-0 right-0 pt-8" style="margin-top:-40px"><div class="bottom-0 left-0 pb-1 mt-2 right-0 bg-yellow-400 origin-left" style="transform:scaleX(0) translateZ(0)"></div></div><div class="w-full flex justify-center items-center"><div class="flex justify-between m-5 z-50 max-w-6xl grow"><a href="https://2023.igem.wiki/lambert-ga/" class="font-serif z-30 text-white "><p class="bg-blackA-11 text-xl rounded-full p-2">Lambert-GA</p></a><div class="flex justify-end z-30"><nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="relative "><div style="position:relative"><ul data-orientation="horizontal" class="flex flex-row rounded-full bg-blackA-11 p-2 space-x-2" dir="ltr"><div><li><button id="radix-:r14Rk:-trigger-radix-:r14Rbk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r14Rk:-content-radix-:r14Rbk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Team</button></li></div><div><li><button id="radix-:r14Rk:-trigger-radix-:r14Rjk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r14Rk:-content-radix-:r14Rjk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Project</button></li></div><div><li><button id="radix-:r14Rk:-trigger-radix-:r14Rrk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r14Rk:-content-radix-:r14Rrk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Wetlab</button></li></div><div><li><button id="radix-:r14Rk:-trigger-radix-:r14R13k:" data-state="closed" aria-expanded="false" aria-controls="radix-:r14Rk:-content-radix-:r14R13k:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Drylab</button></li></div><div><li><button id="radix-:r14Rk:-trigger-radix-:r14R1bk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r14Rk:-content-radix-:r14R1bk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Human Practices</button></li></div></ul></div></nav></div></div></div><div class="flex justify-center w-full items-center"><div class="w-full m-5 max-w-3xl "><p class="font-serif font-bold z-30 absolute top-1/2 -translate-y-1/2 lg:-translate-x-20 text-5xl sm:text-6xl md:text-7xl">Human Practices</p><div class="absolute top-1/2 translate-y-20 h-32 lg:-translate-x-20 lg:border-l-2 border-gray-900 z-50"></div><div class=" prose max-w-3xl prose-h1:font-serif prose-h1:text-4xl prose-h2:font-sans prose-h2:text-2xl @@ -48,7 +48,7 @@ mt-[50vh] break-words grow sm:mt-[44vh] md:mt-[40vh]"><astro-slot> <div class="flex w-full flex-col items-center justify-center p-1"><img src="https://static.igem.wiki/teams/4683/wiki/human-practices/hp-graphic-1.png" style="max-width:800" alt="" class="mx-2 rounded-xl max-w-[400px] "/><div class="text-center italic">Figure 1. Overview graphic of the 2023 inclusivity approach.</div></div> <h2 id="doctors">Doctors</h2> <h3 id="dr-gentry">Dr. Gentry</h3> -<p>We spoke to Dr. Mindy B. Gentry, a cardiologist in Marietta, Georgia, about sex inclusivity and CAD. We originally planned to use a gene called SVEP1, a gene that influences atherosclerosis. Specifically, SVEP1 expresses a protein that stimulates the development of plaque in arteries. This gene has a negative correlation with a miRNA named miR-1269b. Instead, she guided us to look at CAD correlation with an emphasis on estrogen-induced pathways. With her help, we were able to find a correlation between CAD and an estrogen-specific miRNA. Dr. Gentry, who runs a female cardiac health center, expressed the need for proactive measures to be taken to preserve heart health for females. The incorporation of Lambert iGEM’s estrogen initiative, guided by her aid, strengthens the proactive approach by making a diagnostic for a specialized risk group.</p> +<p>We spoke to Dr. Mindy B. Gentry, a cardiologist in Marietta, Georgia, about sex inclusivity and CAD. We originally planned to use a gene called SVEP1, a gene that influences atherosclerosis. Specifically, SVEP1 expresses a protein that stimulates the development of plaque in arteries. This gene has a negative correlation with a miRNA named miR-1269b. Instead, she guided us to look at CAD correlation with an emphasis on estrogen-induced pathways. With her help, we were able to find a correlation between CAD and an estrogen-specific miRNA. Dr. Gentry, who runs a female cardiac health center, expressed the need for proactive measures to be taken to preserve heart health for females. The incorporation of Lambert iGEM’s estrogen initiative, guided by her aid, strengthens the proactive approach by making a diagnostic for a specialized risk group.</p> <div class="flex w-full flex-col items-center justify-center p-1"><img src="https://static.igem.wiki/teams/4683/wiki/human-practices/gentry.png" alt="" class="mx-2 rounded-xl max-w-[400px] "/><div class="text-center italic">Figure 2. Dr. Mindy B. Gentry</div></div> <h3 id="dr-fairweather">Dr. Fairweather</h3> <p>Dr. DeLisa Fairweather is a director of research at the Department of Cardiovascular Diseases at Mayo Clinic’s Florida campus. She conducts research on individualized therapies and improved diagnosis in the Cardiovascular field. Due to her specialized and intensive research on estrogen in cardiovascular disease, we spoke to her about our initiatives in trying to incorporate sex inclusivity in our project. She informed us that estrogen increases autoimmune disease in women, and inflammation associated with it leads to CAD in women. Initially, we had the understanding that miR-20b should protect women from CAD, but she clarified when estrogen drops with menopause, the Estrogen Receptors Alpha pathway would be so low that miR-20b would have no effect. On the other hand, miR-20b is a viable indicator for CAD in men. She guided us to expand our focus to this miR to encapsulate men, as well as have a specialized risk group for women who have symptoms of inflammation. Thus, we were able to not only target our proactive initiative towards women but men as well.</p> @@ -58,10 +58,10 @@ mt-[50vh] break-words grow sm:mt-[44vh] md:mt-[40vh]"><astro-slot> <p>Dr. Saad Bhamla, head of the Bhamla Lab at the Georgia Institute of Technology, has been an invaluable collaborator and supporter of Lambert iGEM. Through projects like the Frugal Science Academy (done in partnership with Lambert iGEM advisor Janet Standeven), Dr. Bhamla has provided funding, feedback, and opportunities to test designs in real-world settings. Last year, his input enabled Lambert iGEM to develop Micro-Q, a low-cost fluorometer, and test it in Thailand. This year, Dr. Bhamla’s insights allowed further iteration and adaptation of Micro-Q Pro to better its accuracy and facilitate the real-world impact of many Lambert iGEM projects.</p> <div class="flex w-full flex-col items-center justify-center p-1"><img src="https://static.igem.wiki/teams/4683/wiki/human-practices/bhamla.png" alt="" class="mx-2 rounded-xl max-w-[400px] "/><div class="text-center italic">Figure 4. Dr. Saad Bhamla</div></div> <h3 id="rajas-poorna-a-grad-student-at-gt">Rajas Poorna, (a grad student at GT)</h3> -<p>We spoke to Rajas Poorna, a graduate student working for the Bhamla Lab at the Georgia Institute of Technology, regarding alternatives to our existing RCA methodology to increase its accessibility in the field. Rajas informed us about existing capillary-tube-based diagnostics methods that used PCR and suggested modifying RCA to use capillary tubes. During our testing, we encountered problems with our experiments, such as capping the tubes and drawing up liquid. Some of his suggestions included using a biocompatible wax sealant to effectively seal the tubes and maintain the sample’s integrity by tilting the PCR tubes sideways to counteract the force of gravity on the liquid as it rose in the tube. Our conversations with Rajas gave us insight into developing a novel method of quantifying that does not require a fluorometer, enabling greater inclusivity and accessibility of our diagnostic tool.</p> +<p>We spoke to Rajas Poorna, a graduate student working for the Bhamla Lab at the Georgia Institute of Technology, regarding alternatives to our existing RCA methodology to increase its accessibility in the field. Rajas informed us about existing capillary-tube-based diagnostics methods that used PCR and suggested modifying RCA to use capillary tubes. During our testing, we encountered problems with our experiments, such as capping the tubes and drawing up liquid. Some of his suggestions included using a biocompatible wax sealant to effectively seal the tubes and maintain the sample’s integrity by tilting the PCR tubes sideways to counteract the force of gravity on the liquid as it rose in the tube. Our conversations with Rajas gave us insight into developing a novel method of quantifying that does not require a fluorometer, enabling greater inclusivity and accessibility of our diagnostic tool.</p> <div class="flex w-full flex-col items-center justify-center p-1"><img src="https://static.igem.wiki/teams/4683/wiki/human-practices/poorna.png" alt="" class="mx-2 rounded-xl max-w-[400px] "/><div class="text-center italic">Figure 5. Rajas Poorna</div></div> <h3 id="dr-sliverman">Dr. Sliverman</h3> -<p>This year, Lambert iGEM wanted to produce phi29 DNA Polymerase, a protein involved in the amplification process of RCA, by utilizing the Immobilized Metal Affinity Chromatography (IMAC) mechanism<a href="https://2023.igem.wiki/lambert-ga/protein-purification/">see Protein Purification</a>. However, after talking to professors at Georgia Tech, they informed us to consider obtaining it through the cell-free system, as the cells will be able to intake the plasmid better than in the in vivo system while creating the optimal amount of phi29 DNA Polymerase needed in our lab. We then spoke to Dr. Adam Sliverman, a Scientist at Sherlock Biosciences, who guided us in choosing either cellfree or IMAC. He informed us about the inability to scale large amounts of protein in vitro. Therefore, he suggested our team grow a liter of E. coli with phi29 DNA Polymerase in a pET expression vector, inducing it with IPTG and outgrowing it overnight. He also assured us that the purification of the protein from that point is relatively straightforward. With this information, we continued our research on the IMAC mechanism to selectively extract the his-tagged phi29 DNA polymerase from the lysate to obtain the purified phi29 DNA polymerase for the RCA mechanism. +<p>This year, Lambert iGEM wanted to produce phi29 DNA Polymerase, a protein involved in the amplification process of RCA, by utilizing the Immobilized Metal Affinity Chromatography (IMAC) mechanism <a href="https://2023.igem.wiki/lambert-ga/protein-purification/">see Protein Purification</a>. However, after talking to professors at Georgia Tech, they informed us to consider obtaining it through the cell-free system, as the cells will be able to intake the plasmid better than in the in vivo system while creating the optimal amount of phi29 DNA Polymerase needed in our lab. We then spoke to Dr. Adam Sliverman, a Scientist at Sherlock Biosciences, who guided us in choosing either cellfree or IMAC. He informed us about the inability to scale large amounts of protein in vitro. Therefore, he suggested our team grow a liter of E. coli with phi29 DNA Polymerase in a pET expression vector, inducing it with IPTG and outgrowing it overnight. He also assured us that the purification of the protein from that point is relatively straightforward. With this information, we continued our research on the IMAC mechanism to selectively extract the his-tagged phi29 DNA polymerase from the lysate to obtain the purified phi29 DNA polymerase for the RCA mechanism. Aside from protein purification, we also wanted to pursue exponential rolling circle amplification (eRCA). Dr. Silverman has previously experimented with RCA and believed eRCA to be a sufficient mechanism for our sensor’s sensitivity. As eRCA exponentially increases output, he advised us to include additional controls to ensure we are not amplifying errors. He suggested using an ON-state reporter mechanism, as it would reduce error/noise by promoting signal gain. While we had been experimenting with the ON-state lettuce DNA aptamers, Dr. Silverman also proposed using G-quadruplexes or SYBR Green instead, as DNA aptamers are not very fluorescent. Although we considered these mechanisms, we found that the efficiency and cost of linear probes — an OFF-state reporter — was more suitable for our project. We also considered multiplexed detection of miRNAs using RCA, however, Dr. Silverman advised us against this due to the low efficiency of SplintR Ligase. He suggested attempting multiplexing with pre-ligated padlock probes first to eliminate the potential error created by the enzyme, but we plan to test this idea in the future. Dr. Silverman’s feedback in improving the affordability and accuracy of our biosensor enabled us to create a higher-quality assay that makes preliminary care more accessible for all patients.</p> @@ -76,7 +76,7 @@ Dr. Silverman’s feedback in improving the affordability and accuracy of our bi <p>Dr. Mark Styczynski, a researcher from the Georgia Institute of Technology, told us that eRCA is a plausible mechanism. If the error with the RCA assay is from the technological aspect, eRCA should perform as expected. However, it could potentially amplify the discrepancy in our data if the error is due to the biological process of RCA. Dr. Styczinski also pointed out that using an OFF-state reporter, such as linear DNA probes, has a limited dynamic range as it is losing signal. He suggested using an ON-state sensor instead, as it would address this fundamental limitation. While we had been working with split lettuce DNA aptamers, Dr. Styczynski urged us away from this mechanism as they are more unreliable than other reporters. We then proposed producing whole aptamers through RCA. He was against this idea as the secondary structures of multiple aptamers’ would likely interact poorly on a single strand of DNA. Therefore, we utilized eRCA to produce whole lettuce aptamers, as this mechanism produces separate, isolated strands of DNA rather than a single, long strand.</p> <div class="flex w-full flex-col items-center justify-center p-1"><img src="https://static.igem.wiki/teams/4683/wiki/human-practices/styczynski.png" alt="" class="mx-2 rounded-xl max-w-[400px] "/><div class="text-center italic">Figure 9. Dr. Mark Styczynski</div></div> <h3 id="megan-mcsweeney">Megan McSweeney</h3> -<p>Megan McSweeney is a graduate student at the Georgia Institute of Technology and part of the Styczynski lab. She stated that the efficiency of eRCA would depend on the source of the error, paralleling Dr. Styczynski’s input. eRCA could be more accurate than RCA if it does not amplify the error. She was also concerned that our discrepancy could be due to contamination, leading us to take extra precautions to ensure an aseptic and RNase-free environment. Her feedback helped us increase the accuracy of our biosensor, therefore increasing its proactiveness and applicability in point-of-care testing.</p> +<p>Megan McSweeney is a graduate student at the Georgia Institute of Technology and part of the Styczynski lab. She stated that the efficiency of eRCA would depend on the source of the error, paralleling Dr. Styczynski’s input. eRCA could be more accurate than RCA if it does not amplify the error. She was also concerned that our discrepancy could be due to contamination, leading us to take extra precautions to ensure an aseptic and RNase-free environment. Her feedback helped us increase the accuracy of our biosensor, therefore increasing its proactiveness and applicability in point-of-care testing.</p> <div class="flex w-full flex-col items-center justify-center p-1"><img src="https://static.igem.wiki/teams/4683/wiki/human-practices/mcsweeney.png" alt="" class="mx-2 rounded-xl max-w-[400px] "/><div class="text-center italic">Figure 10. Megan McSweeney</div></div> <h3 id="priya-soneji">Priya Soneji</h3> <p>Priya Soneji is an undergraduate researcher at the Georgia Institute of Technology and part of the Bhamla Lab. She designed and built a device called Trackoscope, a frugal tracking microscope for tracking the movement of microorganisms. It has a similar frame and structural design we intended to use for LabPilot, which is the inexpensive, automated micropipetter we are creating to aid labwork. We proposed our design on Fusion 360, a computer-aided design (CAD) software tool, to Priya, who verified that this software was the best option for CAD design. She also recommended that we try aluminum supports in case the 3D printed parts were time-consuming and imprecise issues. Furthermore, Priya uses the Nema 17 motors in her Trackoscope design, which includes a micro-stepping feature that enables precise motions. We then asked her if using Nema 17 motors seemed appropriate for our build, and she said they are very reliable and accurate motors. She confirmed the validity of our overall plan for controlling each motor axis on the XYZ plane and methods for motor movement. Priya greatly improved our understanding of the accuracy of our pipette mechanism and also allowed us to look into the affordability of some elements.</p> @@ -86,7 +86,7 @@ Dr. Silverman’s feedback in improving the affordability and accuracy of our bi <p>We also spoke to Dr. Shana Scott, one of the leading members of the American Heart Association (AHA). She helped us establish and co-hosted the September Heart Health Month. She also guided us towards initiating an updated CERP (Cardiac Emergency Response Plan) at our school in order to cater to a more inclusive community. Dr. Shana Scott was also integral in promoting and increasing our outreach countywide. Lambert iGEM originally planned school-wide September Heart Health webinars and only planned CPR/First Aid education. With Dr. Scott’s guidance, we were able to increase our outreach and expand our CPR program to a policy.</p> <div class="flex w-full flex-col items-center justify-center p-1"><img src="https://static.igem.wiki/teams/4683/wiki/human-practices/scott.png" alt="" class="mx-2 rounded-xl max-w-[400px] "/><div class="text-center italic">Figure 12. Dr. Shana Scott</div></div> <h3 id="mrs-michelle-routhenstein">Mrs. Michelle Routhenstein</h3> -<p>Mrs. Routhenstein, a nutritionist, inspired our initiative to shift towards a more proactive approach. As a guest on our podcast, she detailed the importance of maintaining a balanced diet and implementing exercise in a daily routine as crucial practices in preventing heart disease altogether. She discussed general trends she’d seen in her patients with CAD, such as a poor diet filled with saturated fats, and a lack of an active lifestyle. She explained how as a nutritionist, her minor changes to these patients’ diets improved their condition tremendously. She even inspired us to conduct our September Heart Health webinar to encourage the message of the importance of diet and nutrition in preventing CAD to a broad and diverse audience.</p> +<p>Mrs. Routhenstein, a nutritionist, inspired our initiative to shift towards a more proactive approach. As a guest on our podcast, she detailed the importance of maintaining a balanced diet and implementing exercise in a daily routine as crucial practices in preventing heart disease altogether. She discussed general trends she’d seen in her patients with CAD, such as a poor diet filled with saturated fats, and a lack of an active lifestyle. She explained how as a nutritionist, her minor changes to these patients’ diets improved their condition tremendously. She even inspired us to conduct our September Heart Health webinar to encourage the message of the importance of diet and nutrition in preventing CAD to a broad and diverse audience.</p> <div class="flex w-full flex-col items-center justify-center p-1"><img src="https://static.igem.wiki/teams/4683/wiki/human-practices/routhenstein.png" alt="" class="mx-2 rounded-xl max-w-[400px] "/><div class="text-center italic">Figure 13. Mrs. Michelle Routhenstein</div></div> </astro-slot></div></div></div></body></astro-island> <footer class="relative bg-[#292524] pt-8 pb-6 w-screen"><div class="w-full max-w-5xl mx-16 mt-8 container mx-auto px-4 py-10"><div class="flex flex-wrap text-left lg:text-left"><div class="w-full lg:w-6/12 px-4"><h1 class="text-4xl text-white font-serif font-light">Lambert-GA</h1><br/><h3 class="text-xs w-3/4 mt-0 mb-2 font-sans text-white">© <span id="get-current-year">2023</span> - Content on this site is licensed under a<a href="https://creativecommons.org/licenses/by/4.0/" class="underline hover:text-gray-300" target="_blank">Creative Commons Attribution 4.0 International license.</a><br/><br/>The repository used to create this website is available at<a href="https://gitlab.igem.org/2023/lambert-ga" class="underline hover:text-gray-300" target="_blank">https://gitlab.igem.org/2023/lambert-ga</a></h3></div><div class="w-full lg:w-5/12 px-4"><div class="flex flex-wrap items-top mb-6"><div class="w-full lg:w-4/12 px-4 ml-auto"><ul class="w-full list-unstyled"><li class="flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.7498 2.0835H15.6248C14.2435 2.0835 12.9187 2.63223 11.942 3.60898C10.9652 4.58573 10.4165 5.91049 10.4165 7.29183V10.4168H7.2915V14.5835H10.4165V22.9168H14.5832V14.5835H17.7082L18.7498 10.4168H14.5832V7.29183C14.5832 7.01556 14.6929 6.75061 14.8883 6.55526C15.0836 6.35991 15.3486 6.25016 15.6248 6.25016H18.7498V2.0835Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><a class="text-white hover:text-gray-300 font-semibold block pb-2 text-sm flex-grow" href="">Lambert iGEM</a></li><li class="flex"><svg width="25" height="28" viewBox="0 0 25 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.9168 4.52889C22.9168 4.52889 22.1877 6.90661 20.8335 8.37853C22.5002 19.701 11.0418 27.9664 2.0835 21.5126C4.37516 21.6258 6.66683 20.8332 8.3335 19.2481C3.12516 17.5497 0.520996 10.8695 3.12516 5.66114C5.41683 8.60498 8.9585 10.3033 12.5002 10.1901C11.5627 5.43469 16.6668 2.7173 19.7918 5.88759C20.9377 5.88759 22.9168 4.52889 22.9168 4.52889Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><a class="text-white hover:text-gray-300 font-semibold block pb-2 text-sm flex-grow" href="">@lamberths_iGEM</a></li><li class="flex "><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.7085 2.21484H7.29183C4.41535 2.21484 2.0835 4.49911 2.0835 7.31688V17.521C2.0835 20.3387 4.41535 22.623 7.29183 22.623H17.7085C20.585 22.623 22.9168 20.3387 22.9168 17.521V7.31688C22.9168 4.49911 20.585 2.21484 17.7085 2.21484Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16.6667 11.7759C16.7952 12.6251 16.6472 13.4924 16.2435 14.2545C15.8399 15.0165 15.2012 15.6345 14.4184 16.0205C13.6355 16.4064 12.7484 16.5408 11.8831 16.4044C11.0179 16.268 10.2185 15.8678 9.59881 15.2608C8.9791 14.6537 8.57057 13.8707 8.43134 13.0231C8.29211 12.1754 8.42926 11.3064 8.82328 10.5395C9.2173 9.77269 9.84813 9.14706 10.626 8.75165C11.404 8.35625 12.2893 8.21119 13.1563 8.33712C14.0406 8.46558 14.8592 8.86923 15.4914 9.48846C16.1235 10.1077 16.5356 10.9096 16.6667 11.7759Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><a class="text-white hover:text-gray-300 font-semibold block pb-2 text-sm flex-grow" href="">@lambertigem</a></li><li class="flex"><svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5002 18.2922C10.1043 18.2922 5.8335 18.1028 4.06266 17.7241C3.3335 17.5347 2.81266 17.0612 2.60433 16.3983C2.29183 15.3566 2.0835 13.1786 2.0835 11.6635C2.0835 10.1483 2.29183 7.97027 2.60433 6.92861C2.81266 6.26573 3.3335 5.79224 4.06266 5.60285C5.8335 5.22406 10.1043 5.03467 12.5002 5.03467C14.896 5.03467 19.1668 5.22406 20.9377 5.60285C21.6668 5.79224 22.1877 6.26573 22.396 6.92861C22.7085 7.97027 22.9168 10.1483 22.9168 11.6635C22.9168 13.1786 22.7085 15.3566 22.396 16.3983C22.1877 17.0612 21.6668 17.5347 20.9377 17.7241C19.1668 18.1028 14.896 18.2922 12.5002 18.2922Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.4165 14.5046L15.6248 11.6637L10.4165 8.82275V14.5046Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><a class="text-white hover:text-gray-300 font-semibold block pb-2 text-sm flex-grow" href="">Lambert iGEM</a></li></ul></div></div></div></div></div></footer> diff --git a/public/inclusivity/index.html b/public/inclusivity/index.html index 4fbc142..efa8338 100644 --- a/public/inclusivity/index.html +++ b/public/inclusivity/index.html @@ -22,7 +22,7 @@ <link rel="stylesheet" href="/lambert-ga/lambert-ga/_astro/RCAERCA.96298b81.css" /> <link rel="stylesheet" href="/lambert-ga/lambert-ga/_astro/contribution.8701276b.css" /> <link rel="stylesheet" href="/lambert-ga/lambert-ga/_astro/contribution.ca893883.css" /></head> - <style>astro-island,astro-slot,astro-static-slot{display:contents}</style><script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event("astro:load"));})();;(()=>{var d;{let p={0:t=>u(t),1:t=>l(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(l(t)),5:t=>new Set(l(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t)},h=t=>{let[e,n]=t;return e in p?p[e](n):void 0},l=t=>t.map(h),u=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([e,n])=>[e,h(n)]));customElements.get("astro-island")||customElements.define("astro-island",(d=class extends HTMLElement{constructor(){super(...arguments);this.hydrate=async()=>{var i;if(!this.hydrator||!this.isConnected)return;let e=(i=this.parentElement)==null?void 0:i.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let n=this.querySelectorAll("astro-slot"),o={},a=this.querySelectorAll("template[data-astro-template]");for(let r of a){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(o[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of n){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(o[r.getAttribute("name")||"default"]=r.innerHTML)}let c;try{c=this.hasAttribute("props")?u(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",y=this.getAttribute("component-export");throw y&&(s+=` (export ${y})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}await this.hydrator(this)(this.Component,c,o,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))}}connectedCallback(){!this.hasAttribute("await-children")||this.firstChild?this.childrenConnectedCallback():new MutationObserver((e,n)=>{n.disconnect(),setTimeout(()=>this.childrenConnectedCallback(),0)}).observe(this,{childList:!0})}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}start(){let e=JSON.parse(this.getAttribute("opts")),n=this.getAttribute("client");if(Astro[n]===void 0){window.addEventListener(`astro:${n}`,()=>this.start(),{once:!0});return}Astro[n](async()=>{let o=this.getAttribute("renderer-url"),[a,{default:c}]=await Promise.all([import(this.getAttribute("component-url")),o?import(o):()=>()=>{}]),i=this.getAttribute("component-export")||"default";if(!i.includes("."))this.Component=a[i];else{this.Component=a;for(let r of i.split("."))this.Component=this.Component[r]}return this.hydrator=c,this.hydrate},e,this)}attributeChangedCallback(){this.hydrate()}},d.observedAttributes=["props"],d))}})();</script><astro-island uid="ZXphxR" prefix="r18" component-url="/lambert-ga/_astro/PageLayoutComp.a397ad4e.js" component-export="default" renderer-url="/lambert-ga/_astro/client.4f88357e.js" props="{"title":[0,"Inclusivity"],"header":[0,"https://static.igem.wiki/teams/4683/wiki/header-images/screen-shot-2023-10-11-at-10-49-00-pm.png"],"file":[0,"/Users/ryandu/Desktop/iGEM/2023/wiki/src/pages/inclusivity.mdx"],"url":[0,"/lambert-ga/inclusivity"]}" ssr="" client="load" opts="{"name":"Layout","value":true}" await-children=""><body class="w-screen">https://static.igem.wiki/teams/4683/wiki/header-images/screen-shot-2023-10-11-at-10-49-00-pm.png<div class="bg-cover absolute w-screen left-0 top-0 p-0 m-0 z-10 h-1/2" style="background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 36.46%, #FFFFFF 100%), url(https://static.igem.wiki/teams/4683/wiki/header-images/screen-shot-2023-10-11-at-10-49-00-pm.png);background-size:cover"></div><div class="bg-slate-100 fixed top-0 left-0 right-0 pt-8" style="margin-top:-40px"><div class="bottom-0 left-0 pb-1 mt-2 right-0 bg-yellow-400 origin-left" style="transform:scaleX(0) translateZ(0)"></div></div><div class="w-full flex justify-center items-center"><div class="flex justify-between m-5 z-50 max-w-6xl grow"><a href="https://2023.igem.wiki/lambert-ga/" class="font-serif z-30 text-white "><p class="bg-blackA-11 text-xl rounded-full p-2">Lambert-GA</p></a><div class="flex justify-end z-30"><nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="relative "><div style="position:relative"><ul data-orientation="horizontal" class="flex flex-row rounded-full bg-blackA-11 p-2 space-x-2" dir="ltr"><div><li><button id="radix-:r18Rk:-trigger-radix-:r18Rbk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18Rbk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Team</button></li></div><div><li><button id="radix-:r18Rk:-trigger-radix-:r18Rjk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18Rjk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Project</button></li></div><div><li><button id="radix-:r18Rk:-trigger-radix-:r18Rrk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18Rrk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Wetlab</button></li></div><div><li><button id="radix-:r18Rk:-trigger-radix-:r18R13k:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18R13k:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Drylab</button></li></div><div><li><button id="radix-:r18Rk:-trigger-radix-:r18R1bk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18R1bk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Human Practices</button></li></div></ul></div></nav></div></div></div><div class="flex justify-center w-full items-center"><div class="w-full m-5 max-w-3xl "><p class="font-serif font-bold z-30 absolute top-1/2 -translate-y-1/2 lg:-translate-x-20 text-5xl sm:text-6xl md:text-7xl">Inclusivity</p><div class="absolute top-1/2 translate-y-20 h-32 lg:-translate-x-20 lg:border-l-2 border-gray-900 z-50"></div><div class=" + <style>astro-island,astro-slot,astro-static-slot{display:contents}</style><script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event("astro:load"));})();;(()=>{var d;{let p={0:t=>u(t),1:t=>l(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(l(t)),5:t=>new Set(l(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t)},h=t=>{let[e,n]=t;return e in p?p[e](n):void 0},l=t=>t.map(h),u=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([e,n])=>[e,h(n)]));customElements.get("astro-island")||customElements.define("astro-island",(d=class extends HTMLElement{constructor(){super(...arguments);this.hydrate=async()=>{var i;if(!this.hydrator||!this.isConnected)return;let e=(i=this.parentElement)==null?void 0:i.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let n=this.querySelectorAll("astro-slot"),o={},a=this.querySelectorAll("template[data-astro-template]");for(let r of a){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(o[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of n){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(o[r.getAttribute("name")||"default"]=r.innerHTML)}let c;try{c=this.hasAttribute("props")?u(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",y=this.getAttribute("component-export");throw y&&(s+=` (export ${y})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}await this.hydrator(this)(this.Component,c,o,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))}}connectedCallback(){!this.hasAttribute("await-children")||this.firstChild?this.childrenConnectedCallback():new MutationObserver((e,n)=>{n.disconnect(),setTimeout(()=>this.childrenConnectedCallback(),0)}).observe(this,{childList:!0})}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}start(){let e=JSON.parse(this.getAttribute("opts")),n=this.getAttribute("client");if(Astro[n]===void 0){window.addEventListener(`astro:${n}`,()=>this.start(),{once:!0});return}Astro[n](async()=>{let o=this.getAttribute("renderer-url"),[a,{default:c}]=await Promise.all([import(this.getAttribute("component-url")),o?import(o):()=>()=>{}]),i=this.getAttribute("component-export")||"default";if(!i.includes("."))this.Component=a[i];else{this.Component=a;for(let r of i.split("."))this.Component=this.Component[r]}return this.hydrator=c,this.hydrate},e,this)}attributeChangedCallback(){this.hydrate()}},d.observedAttributes=["props"],d))}})();</script><astro-island uid="23MvrM" prefix="r18" component-url="/lambert-ga/_astro/PageLayoutComp.a397ad4e.js" component-export="default" renderer-url="/lambert-ga/_astro/client.4f88357e.js" props="{"title":[0,"Inclusivity"],"header":[0,"https://static.igem.wiki/teams/4683/wiki/header-images/screen-shot-2023-10-11-at-10-49-00-pm.png"],"file":[0,"/Users/ryandu/Desktop/iGEM/2023/wiki/src/pages/inclusivity.mdx"],"url":[0,"/lambert-ga/inclusivity"]}" ssr="" client="load" opts="{"name":"Layout","value":true}" await-children=""><body class="w-screen">https://static.igem.wiki/teams/4683/wiki/header-images/screen-shot-2023-10-11-at-10-49-00-pm.png<div class="bg-cover absolute w-screen left-0 top-0 p-0 m-0 z-10 h-1/2" style="background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 36.46%, #FFFFFF 100%), url(https://static.igem.wiki/teams/4683/wiki/header-images/screen-shot-2023-10-11-at-10-49-00-pm.png);background-size:cover"></div><div class="bg-slate-100 fixed top-0 left-0 right-0 pt-8" style="margin-top:-40px"><div class="bottom-0 left-0 pb-1 mt-2 right-0 bg-yellow-400 origin-left" style="transform:scaleX(0) translateZ(0)"></div></div><div class="w-full flex justify-center items-center"><div class="flex justify-between m-5 z-50 max-w-6xl grow"><a href="https://2023.igem.wiki/lambert-ga/" class="font-serif z-30 text-white "><p class="bg-blackA-11 text-xl rounded-full p-2">Lambert-GA</p></a><div class="flex justify-end z-30"><nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="relative "><div style="position:relative"><ul data-orientation="horizontal" class="flex flex-row rounded-full bg-blackA-11 p-2 space-x-2" dir="ltr"><div><li><button id="radix-:r18Rk:-trigger-radix-:r18Rbk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18Rbk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Team</button></li></div><div><li><button id="radix-:r18Rk:-trigger-radix-:r18Rjk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18Rjk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Project</button></li></div><div><li><button id="radix-:r18Rk:-trigger-radix-:r18Rrk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18Rrk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Wetlab</button></li></div><div><li><button id="radix-:r18Rk:-trigger-radix-:r18R13k:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18R13k:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Drylab</button></li></div><div><li><button id="radix-:r18Rk:-trigger-radix-:r18R1bk:" data-state="closed" aria-expanded="false" aria-controls="radix-:r18Rk:-content-radix-:r18R1bk:" class="px-4 py-2 rounded-full hover:bg-whiteA-6 font-medium text-gray-3 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" data-radix-collection-item="">Human Practices</button></li></div></ul></div></nav></div></div></div><div class="flex justify-center w-full items-center"><div class="w-full m-5 max-w-3xl "><p class="font-serif font-bold z-30 absolute top-1/2 -translate-y-1/2 lg:-translate-x-20 text-5xl sm:text-6xl md:text-7xl">Inclusivity</p><div class="absolute top-1/2 translate-y-20 h-32 lg:-translate-x-20 lg:border-l-2 border-gray-900 z-50"></div><div class=" prose max-w-3xl prose-h1:font-serif prose-h1:text-4xl prose-h2:font-sans prose-h2:text-2xl @@ -48,32 +48,33 @@ mt-[50vh] break-words grow sm:mt-[44vh] md:mt-[40vh]"><astro-slot> <p>Our inclusive preventative approach begins by diagnosing CAD via microRNAs. We expanded Rolling Circle Amplification (RCA) to exponential RCA (eRCA) which increases signal strength and decreases time to detection from picomolar concentrations of miRNA in serum samples. This approach directly targets the issue of patient retention by increasing the accessibility of knowledge patients have about their condition. This early diagnosis and consultation brings patients back in since they know they may be susceptible to a disease, and thus may prevent it before their condition worsens. In addition to using eRCA, we also demonstrate using capillary tubes to perform RCA reactions with the goal of incorporating a future all-in-one reaction/visualization device for point-of-care testing. To address the high cost of phi29 polymerase we experimented with cloning and purifying our own proteins. Under the advice of Dr. Charles Searles, in conjuction to changing the RNA detection methods, we also expanded our library of miRNAs to include multiple novel sequences shown to be indicative of CAD in African American populations in Atlanta, GA (Dluzen et al., 2016). We envision an eventual library of miRNA padlocks available to clinicians to provide individualized medical diagnostics, thus enabling clinicians to directly provide individualized early diagnostics to their patient populations. Essentially, the increase in the rate at which patients receive their test results is positively correlated with proactive care because patients are more willing to take precautionary measures when they are given optimal accessibility to care (Mercury Healthcare, 2018).</p> <p>During our research into miRNAs, it was evident that a lack of a database for miRNAs specifically indicated in coronary diseases was needed. To address the gap, we developed CADmir, a large language model (LLM) powered web app that synthesizes scientific information backed up by open-source, peer reviewed miRNA research (see Fig. 2). This will allow anyone with computer access to quickly conduct a literature review on heart disease related miRNA research, increasing accessibility to scientific knowledge.</p> <div class="flex w-full flex-col items-center justify-center p-1"><img src="https://static.igem.wiki/teams/4683/wiki/inclusivity/cadmir.png" alt="" class="mx-2 rounded-xl max-w-[400px] "/><div class="text-center italic">Figure 2. Image of the CADmir user interface</div></div> -<p>Pipetting multiple reactions for trials in triplicate can be tedious and lead to errors that interfere with data analysis or worse, having to repeat costly experiments. We developed LabPilot, an automated pipette system to increase pipet reliability and increase the researcher’s time efficiency. According to multiple interviews with current Ph.D. and Postdoctoral researchers, pipetting is time consuming, error prone, and seen as a hindrance to their “real†work LabPilot is a low-cost alternative to commercial liquid handling systems that cost $10,000+, limiting their use to well funded labs (see Fig. 3).</p> +<p>Pipetting multiple reactions for trials in triplicate can be tedious and lead to errors that interfere with data analysis or worse, having to repeat costly experiments. We developed LabPilot, an automated pipette system to increase pipet reliability and increase the researcher’s time efficiency. According to multiple interviews with current Ph.D. and Postdoctoral researchers, pipetting is time consuming, error prone, and seen as a hindrance to their “real†work LabPilot is a low-cost alternative to commercial liquid handling systems that cost $10,000+, limiting their use to well funded labs (see Fig. 3).</p> <div class="flex w-full flex-col items-center justify-center p-1"><img src="https://static.igem.wiki/teams/4683/wiki/inclusivity/labpilot.png" alt="" class="mx-2 rounded-xl max-w-[400px] "/><div class="text-center italic">Figure 3. LabPilot pipeline</div></div> <p>In our current use, RCA reactions output a fluorescent signal leading to the need for a method of quantifying the output. Last year, we developed Micro-Q, a low-cost fluorometer that utilized a photoresistor, cloud-based quantification algorithms, and an intuitive mobile app to quantify biotechnology reactions. This year, we improved Micro-Q to quantify most fluorescent materials by utilizing a 5000k LED strip and expanded the capabilities to quantify a strip of PCR tubes with a camera-based quantification method. Ultimately, this device increases accessibility to fluorescence based experiments and diagnostics worldwide.</p> <p>Preventative care is two-fold, relying on early detection and educating patients. By implementing different RNA detection methods, software, and novel hardware, we aim to increase early detection. Educating local and dispersed populations was another major initiative this year. We held a local Heart Healthy Awareness month and contributed to a state-wide teacher professional development. To reach a broader audience, we created a podcast called SynbioOutLoud, and collaborated with Flowers for the Future, an international organization dedicated to supplying resources in order to promote STEM education for girls in Kabul, Afghanistan.</p> <h1 id="wetlab">Wetlab</h1> <h2 id="rca">RCA</h2> -<p>Furthering last year’s approach with accessibility, affordability, and accuracy, we continued utilizing and improving RCA to assess CAD risk groups while also addressing underrepresented demographics of people. Improvements to last year’s RCA mechanism include testing the biosensor’s specificity, comparing reporter mechanisms, and optimizing reaction times. In addition to RCA modifications, Lambert iGEM pursued a new wet-lab initiative called exponential rolling circle amplification (eRCA). eRCA provides a more sensitive reading of microRNAs with a faster reading time. The emphasis on additional accuracy through eRCA and affordability to end users enables CADlock to be accessible to a wide range of demographics, not limited to race, sex, and economic status (See <a href="https://2023.igem.wiki/lambert-ga/rca/">RCA: eRCA</a>).</p> +<p>Furthering last year’s approach with accessibility, affordability, and accuracy, we continued utilizing and improving RCA to assess CAD risk groups while also addressing underrepresented demographics of people. Improvements to last year’s RCA mechanism include testing the biosensor’s specificity, comparing reporter mechanisms, and optimizing reaction times. In addition to RCA modifications, Lambert iGEM pursued a new wet-lab initiative called exponential rolling circle amplification (eRCA). eRCA provides a more sensitive reading of microRNAs with a faster reading time. The emphasis on additional accuracy through eRCA and affordability to end users enables CADlock to be accessible to a wide range of demographics, not limited to race, sex, and economic status See <a href="https://2023.igem.wiki/lambert-ga/rca/">RCA: eRCA</a>.</p> <h2 id="capillary">Capillary</h2> <p>Lambert iGEM explored optimizing the reaction time and resources by running the reaction in capillary tubes instead of PCR tubes for DNA amplification and imaging. This quicker response time allows for more patients to be tested in a point-of-care setting. This increase in healthcare accessibility and thus patient retention time allows for an emphasis to be placed on proactive care. MicroRNAs (miRNAs) can easily diffuse through the capillary tube due to the tube’s small diameter. This results in high amounts of DNA in isolated locations (see Fig. 4). When exposed to a specific wavelength of light, individual specks of DNA can be seen by the naked eye. DNA can then be counted without the use of complex fluorescence quantification devices such as fluorometers or plate readers, which makes the test more accessible and lowers the technology barrier. Overall, capillary amplification is a reliable, efficient, and user-friendly assay. <a href="https://2023.igem.wiki/lambert-ga/rca/">See Wetlab: Capillary</a>.</p> <div class="flex w-full flex-col items-center justify-center p-1"><img src="https://static.igem.wiki/teams/4683/wiki/inclusivity/screenshot-2023-10-11-102911.png" style="max-width:500" alt="" class="mx-2 rounded-xl max-w-[400px] "/><div class="text-center italic">Figure 4. A representation of the difference between the RCA reaction in the PCR tube vs. the capillary tube.</div></div> <h2 id="protein-purification">Protein Purification</h2> -<p>In addition to frugal technologies, Lambert iGEM aimed to decrease the cost of Rolling Circle Amplification (RCA) reagents by producing the enzymes required through protein purification. Phi29 DNA polymerase, priced at $251.00 for 1,250 units from New England Biolabs, not only covers the majority of the cost of RCA reagents but also possesses invaluable qualities such as strand displacement and processive synthesis properties that are necessary for RCA (New England Biolabs, n.d). By producing phi29 DNA polymerase through protein purification, combined with the accuracy of exponential RCA, Lambert iGEM aims to increase the affordability and in turn accessibility, both of which are contributing factors to inclusive care. This allows for more tests because the proteins are much more affordable, increasing the preventative aspect of healthcare. <a href="https://2023.igem.wiki/lambert-ga/protein-purification/">See Wetlab: Protein Purification</a>.</p> +<p>In addition to frugal technologies, Lambert iGEM aimed to decrease the cost of Rolling Circle Amplification (RCA) reagents by producing the enzymes required through protein purification. Phi29 DNA polymerase, priced at $251.00 for 1,250 units from New England Biolabs, not only covers the majority of the cost of RCA reagents but also possesses invaluable qualities such as strand displacement and processive synthesis properties that are necessary for RCA (New England Biolabs, n.d). By producing phi29 DNA polymerase through protein purification, combined with the accuracy of exponential RCA, Lambert iGEM aims to increase the affordability and in turn accessibility, both of which are contributing factors to inclusive care. This allows for more tests because the proteins are much more affordable, increasing the preventative aspect of healthcare. <a href="https://2023.igem.wiki/lambert-ga/protein-purification/">See Wetlab: Protein Purification</a>.</p> <h2 id="estrogen">Estrogen</h2> <p>While researching CAD risk factors and statistics, we came across literature that informed us about disparities among the sexes concerning early CAD diagnosis. We first conferred with Dr. Mindy Gentry, a women’s cardiologist, to get her opinion on the sex differences in cardiovascular health. She confirmed our insights about estrogen being a factor in increased susceptibility to CAD in women. To further our scientific research, we spoke to Dr. DeLisa Fairweather, a director of translational research in the Department of Cardiovascular Medicine at Mayo Clinic’s Florida campus. She educated us on estrogen and its role as a CAD suppressor, and explained how women after menopause are more likely to develop heart disease because estrogen levels drastically decrease after menopause, causing women to be more likely to develop inflammation. Dr. Fairweather detailed that women who have inflammation in the heart are more likely to develop autoimmune disease and CAD. Additionally, she also guided us in the further development of our inclusivity by discussing how the hormone affects men as well. She told us that since men have a low estrogen level that also remains stable, they would be an ideal demographic to test for consistency in results, unlike women who have fluctuating levels of the hormone. Under the guidance of Dr. Fairweather, we tested miRNA-20b using Rolling Circle Amplification. In the presence of estrogen, CAD suppressors are activated and miRNA-20b is produced. miR-20b causes a negative feedback loop and suppresses estrogen, which will in turn inhibit the CAD suppressors. Dr. Fairweather explained how in men, a high level of miR-20b means that they are likely to develop CAD, however, in premenopausal women with inflammation symptoms, miR-20b protects them from developing CAD. She explained how if there is a high level of 20b, it will inhibit the estrogen from causing a catalyst between the developing autoimmune disease and CAD. We tested miR-20b with the RCA mechanism and ran a 1% gel to validate the presence of our product (see Fig. 5). Ultimately, increasing the factors that can be tested to signify CAD correlation encompasses a wider yet specified group, allowing for quality proactive care to be implemented. <a href="https://2023.igem.wiki/lambert-ga/rca/">See Wetlab: Inclusivity</a>.</p> -<div class="flex w-full flex-col items-center justify-center p-1"><img src="https://static.igem.wiki/teams/4683/wiki/inclusivity/gel1.png" alt="" class="mx-2 rounded-xl max-w-[400px] "/><div class="text-center italic">Figure 5. The working gel, two wells on the right of the ladder contains the estrogen RCP.</div></div> +<div class="flex w-full flex-col items-center justify-center p-1"><img src="https://static.igem.wiki/teams/4683/wiki/inclusivity/gel1.png" style="max-width:600px" alt="" class="mx-2 rounded-xl max-w-[400px] "/><div class="text-center italic">Figure 5. The working gel, two wells on the right of the ladder contains the estrogen RCP.</div></div> <h1 id="software">Software</h1> <h2 id="cadmir">CADmir</h2> <p>Lambert iGEM developed CADmir as a centralized microRNA (miRNA) database to enhance researchers’ access to functional information about miRNAs more efficiently. (see Fig. 6) Currently, valuable insights on miRNAs are dispersed throughout academic literature, posing a challenge for researchers seeking detailed information about specific miRNAs. CADmir aims to address these issues by offering a cohesive and easily accessible platform that organizes all of the current scientific literature about miRNAs, facilitating quick and efficient searches. Lambert iGEM hopes that with CADmir, more researchers will explore miRNA research and incorporate miRNAs into more projects without requiring substantial amounts of time dedicated to reading through papers. CADmir aims to advance the field of miRNA research by improving information accessibility and reducing the time barrier associated with obtaining high-quality scientific information on these topics. <a href="https://2023.igem.wiki/lambert-ga/software/">See Drylab: Software</a>.</p> <div class="flex w-full flex-col items-center justify-center p-1"><img src="https://static.igem.wiki/teams/4683/wiki/inclusivity/cadmir-time.png" alt="" class="mx-2 rounded-xl max-w-[400px] "/><div class="text-center italic">Figure 6. Timed research trial for the research through CADmir, approximately four minutes to find the estrogen miRNA and resources.</div></div> <h2 id="labpilot">LabPilot</h2> -<p>LabPilot was targeted towards underfunded laboratories and independent researchers to increase accessibility to this crucial equipment. The leading retailing liquid handler costs around $10,000, prohibiting less-privileged laboratories from purchasing liquid handlers and instead manually pipetting (OT-2 Robot, 2023). LabPilot is primarily made with 3D printed parts, making it affordable and easily replicable by any community with a 3D printer at a build cost of $250 and a pipette cost of $409 (Eppendorf Research Plus Adjustable Volume, Single Channel Pipette, 2 - 20 uL, Yellow)(See Parts List), and about 6.5% the cost of a commercial device (OT-2 Robot). LabPilot upholds the standard of accuracy found in other liquid handlers by having a significant difference when comparing the volume of liquid pipetted by LabPilot and a human (See Proof of Concept). LabPilot’s intuitive software utilizes critical user experience (UX) principles: a user can quickly transfer liquid from one location to another with just three taps. Additionally, LabPilot’s software conforms to the Web Content Accessibility Guidelines 2.1 standards, ensuring a quality user experience for people with disabilities. (See Hardware: LabPilot) <a href="https://2023.igem.wiki/lambert-ga/hardware/">See Drylab: Hardware</a>.</p> +<p>LabPilot was targeted towards underfunded laboratories and independent researchers to increase accessibility to this crucial equipment. The leading retailing liquid handler costs around $10,000, prohibiting less-privileged laboratories from purchasing liquid handlers and instead manually pipetting (OT-2 Robot, 2023). LabPilot is primarily made with 3D printed parts, making it affordable and easily replicable by any community with a 3D printer at a build cost of $250 and a pipette cost of $409 (Eppendorf Research Plus Adjustable Volume, Single Channel Pipette, 2 - 20 uL, Yellow)(See Parts List), and about 6.5% the cost of a commercial device (OT-2 Robot). LabPilot upholds the standard of accuracy found in other liquid handlers by having a significant difference when comparing the volume of liquid pipetted by LabPilot and a human (See Proof of Concept). LabPilot’s intuitive software utilizes critical user experience (UX) principles: a user can quickly transfer liquid from one location to another with just three taps. Additionally, LabPilot’s software conforms to the Web Content Accessibility Guidelines 2.1 standards, ensuring a quality user experience for people with disabilities. <a href="https://2023.igem.wiki/lambert-ga/hardware/">See Drylab: Hardware</a>.</p> <h2 id="micro-q">Micro-Q</h2> -<p>Many medical diagnostics utilize fluorescence reporter mechanisms with mathematical models to quantify substances. However, commercial fluorometers are often bulky and cost over $10,000, making these diagnostics inaccessible. Last year, Micro-Q exhibited single-tube green fluorescence quantification for $16 but was limited to one sample. This year, Micro-Q Plus allows multi-sample, multi-spectral quantification with camera based fluorescence detection enabling automatic generation of fluorescence/protein expression curves. All these capabilities fit in a pocket-sized portable box, increasing accessibility to underfunded labs and the public. (See Measurement: MicroQ)<a href="https://2023.igem.wiki/lambert-ga/measurement/">See Drylab: Measurement</a>.</p> +<p>Many medical diagnostics utilize fluorescence reporter mechanisms with mathematical models to quantify substances. However, commercial fluorometers are often bulky and cost over $10,000, making these diagnostics inaccessible. Last year, Micro-Q exhibited single-tube green fluorescence quantification for $16 but was limited to one sample. This year, Micro-Q Plus allows multi-sample, multi-spectral quantification with camera based fluorescence detection enabling automatic generation of fluorescence/protein expression curves. All these capabilities fit in a pocket-sized portable box, increasing accessibility to underfunded labs and the public. <a href="https://2023.igem.wiki/lambert-ga/measurement/">See Drylab: Measurement</a>.</p> <h1 id="education">Education</h1> <h2 id="summer-camps">Summer camps</h2> <p>Lambert iGEM held a summer Biotechnology Bootcamp for students between the ages of 12-14 where students participated in hands-on experiments while learning fundamental scientific concepts and skills needed in preparation for high school. The students learned about DNA structure and functions, acids and bases, proteins and enzymes, and more through a biotechnology application lens. The students were given pre and post surveys every day to gauge their learning progress. For example, we presented statements like “I can describe the function and purpose of a gel electrophoresis.†and the campers would respond with how confident they were. After speaking with our advisor, Dr. Brittney Cantrell, she provided us with a standards alignment chart that is used by the Forsyth County Board of Education. We reorganized the chart to include a link to all presentations, activities, and pre-planned labs that Lambert iGEM has made so that teachers are able to follow the new biotechnology curriculum and find easily accessible materials. Alongside the teaching materials, we linked competitions and events that younger students who are passionate about science can participate in.</p> + <iframe src="https://static.igem.wiki/teams/4683/wiki/inclusivity/new-standards-alignment-1.pdf" height="1000px" width="120%"></iframe> <h2 id="teacher-training">Teacher training</h2> <p>To supplement the Standards Alignment teacher resources, Lambert iGEM attended the Georgia Teacher Training Conference at Athens Technical College. Teachers from around the state participated in learning how the new introductory synthetic biology curriculum ( which was created by following the Science Georgia Standards of Excellence) will embed itself within the current science curriculum, and specifically how teachers can make these new concepts and applications of science in the real-world engaging and understandable to their students. We led and assisted teachers through a lab that they could implement in their classrooms. These lessons will particularly be implemented at the middle school level, where students have enough background knowledge of cellular functions and will be able to understand synthetic biology. Additionally, we were able to conduct pre and post-surveys at the teacher training, which helped us evaluate the level of impact that students and teachers will have upon implementation of the synthetic biology curriculum using the Standards Alignment resources (see Fig. 7)</p> @@ -88,15 +89,27 @@ mt-[50vh] break-words grow sm:mt-[44vh] md:mt-[40vh]"><astro-slot> <p>Lambert iGEM planned to expand upon the SynbioOutLoud podcast by hosting an audience consisting of Lambert High School’s HOSA chapter, Science Olympiad, and Women in STEM club members to listen to highlighted guest speakers and professionals in the field. However, we wanted to expand the outreach by increasing the number of people who had access to this opportunity, so we converted the event to virtual webinars that focus on all aspects of heart health, both proactive and reactive, for the entire month of September. As the name suggests, the “Science for All†purpose was to access a wider audience, thus further creating an inclusive approach to education. Lambert iGEM hosted webinars discussing the importance of nutrition and exercise to prevent heart disease, and the process of First Aid/CPR/AED as a response system for when heart emergencies occur. Lambert iGEM was also accompanied by the American Heart Association (AHA), who co-hosted the webinar, teaching the audience about emergency response and CPR. While the members were not certified due to safety concerns, they were equipped with the proper knowledge to be an upstander rather than a bystander in the event of a cardiac emergency (see Fig. 11). To conclude the event, we specifically presented our gender research of all iGEM teams, along with the analysis of the impact created and the perceived trend for future demographic distribution in science roles. By advertising the “Science for All†webinars through the county for greater demographic participation, Lambert iGEM was able to address a larger number of people through social media connections, the involvement of the AHA in promoting the webinar, and outreach towards other STEM clubs such as Women in STEM, Science Olympiad, and HOSA. This event attempts to spread the knowledge of synthetic biology and STEM. We are also currently in the process of updating a formal inclusive Cardiac Emergency Response Plan to be implemented and piloted at Lambert High School.</p> <div class="flex w-full flex-col items-center justify-center p-1"><img src="https://static.igem.wiki/teams/4683/wiki/inclusivity/webinar-listenres.png" style="max-width:600" alt="" class="mx-2 rounded-xl max-w-[400px] "/><div class="text-center italic">Figure 11. Webinar participants at our school receive prizes for answering questions correctly. </div></div> <h2 id="flowers-for-the-future">Flowers for the Future</h2> -<p>After a discussion with some of our members who are part of the Lambert Women in STEM club, we decided to contact an organization called Flowers for the Future. They are a student-led organization that helps girls in Afghanistan by providing resources for STEM education for girls. Some of the topics covered include chemistry, biology, electricity, cellular pathways, computer science, coding, and mathematics. We noticed that their curriculum does not include resources for biotechnology concepts such as electrochemistry, application, lab equipment, basics of central dogma, DNA extraction, the purpose of pipetting, PCR, and Gel electrophoresis. After a discussion with the Flowers for the Future members, we agreed to send them multiple videos and presentations of these concepts with additional labs that they could do with household items, as they were not allowed access to many items due to Taliban restrictions. -In order to maintain safety and confidentiality for our students and partners, Flowers For the Future makes no mention of any names, locations, and/or specificities anywhere on websites, social media, or the internet (e.g. “learning academy,†not “[name] schoolâ€) to avoid the potentially dangerous path to the academy. The organization also fundraises to provide the girls with laptops and wifi so they can learn from home and not be seen or have their safety undermined. They also do not publicize the organizations they work with, and make sure that any and all released video lessons are put on the Flowers for the Future YouTube channel, with no other information given than the instructional topics being presented.</p> +<p>After a discussion with some of our members who are part of the Lambert Women in STEM club, we decided to contact an organization called Flowers for the Future. They are a student-led organization that helps girls in Afghanistan by providing resources for STEM education for girls. Some of the topics covered include chemistry, biology, electricity, cellular pathways, computer science, coding, and mathematics. We noticed that their curriculum does not include resources for biotechnology concepts such as electrochemistry, application, lab equipment, basics of central dogma, DNA extraction, the purpose of pipetting, PCR, and Gel electrophoresis. After a discussion with the Flowers for the Future members, we agreed to send them multiple videos and presentations of these concepts with additional labs that they could do with household items, as they were not allowed access to many items due to Taliban restrictions. +In order to maintain safety and confidentiality for our students and partners, Flowers For the Future makes no mention of any names, locations, and/or specificities anywhere on websites, social media, or the internet (e.g. “learning academy,†not “[name] schoolâ€) to avoid the potentially dangerous path to the academy. The organization also fundraises to provide the girls with laptops and wifi so they can learn from home and not be seen or have their safety undermined. They also do not publicize the organizations they work with, and make sure that any and all released video lessons are put on the Flowers for the Future YouTube channel, with no other information given than the instructional topics being presented.</p> <h1 id="references">References</h1> -<div class="pl-6 -indent-6"><p>Callen, J., Georgiou, A., Li, J., & Westbrook, J. I. (2011). The safety implications of missed test results for hospitalized patients: a systematic review. BMJ quality & safety, 20(2), 194–199. <a href="https://doi.org/10.1136/bmjqs.2010.044339">https://doi.org/10.1136/bmjqs.2010.044339</a></p></div> -<div class="pl-6 -indent-6"><p>Centers for Disease Control and Prevention. (2023, May 15). Women and heart disease. Centers for Disease Control and Prevention. <a href="https://www.cdc.gov/heartdisease/women.htm">https://www.cdc.gov/heartdisease/women.htm</a></p></div> -<div class="pl-6 -indent-6"><p>Dluzen, D. F., Noren Hooten, N., Zhang, Y., Kim, Y., Glover, F. E., Tajuddin, S. M., Jacob, K. D., Zonderman, A. B., & Evans, M. K. (2016). Racial differences in microRNA and gene expression in hypertensive women. Scientific reports, 6, 35815. <a href="https://doi.org/10.1038/srep35815">https://doi.org/10.1038/srep35815</a></p></div> -<div class="pl-6 -indent-6"><p>Introduction - noninvasive testing for coronary artery disease - NCBI … (n.d.-a). <a href="https://www.ncbi.nlm.nih.gov/books/NBK361133/">https://www.ncbi.nlm.nih.gov/books/NBK361133/</a></p></div> -<div class="pl-6 -indent-6"><p>Moving away from Reactive Care Models | Mercury Healthcare. (n.d.). <a href="https://www.mercuryhealthcare.com/blog/from-reactive-to-proactive-health">https://www.mercuryhealthcare.com/blog/from-reactive-to-proactive-health</a></p></div> -<div class="pl-6 -indent-6"><p>Waldman, S. A., & Terzic, A. (2019). Health Care Evolves From Reactive to Proactive. Clinical pharmacology and therapeutics, 105(1), 10–13. <a href="https://doi.org/10.1002/cpt.1295">https://doi.org/10.1002/cpt.1295</a></p></div> +<div class="pl-6 -indent-6"><p>Callen, J., Georgiou, A., Li, J., & Westbrook, J. I. (2011). The safety +implications of missed test results for hospitalized patients: a systematic +review. BMJ quality & safety, 20(2), 194–199. +<a href="https://doi.org/10.1136/bmjqs.2010.044339">https://doi.org/10.1136/bmjqs.2010.044339</a></p></div> +<div class="pl-6 -indent-6"><p>Centers for Disease Control and Prevention. (2023, May 15). Women and heart +disease. Centers for Disease Control and Prevention. +<a href="https://www.cdc.gov/heartdisease/women.htm">https://www.cdc.gov/heartdisease/women.htm</a></p></div> +<div class="pl-6 -indent-6"><p>Dluzen, D. F., Noren Hooten, N., Zhang, Y., Kim, Y., Glover, F. E., Tajuddin, +S. M., Jacob, K. D., Zonderman, A. B., & Evans, M. K. (2016). Racial +differences in microRNA and gene expression in hypertensive women. Scientific +reports, 6, 35815. <a href="https://doi.org/10.1038/srep35815">https://doi.org/10.1038/srep35815</a></p></div> +<div class="pl-6 -indent-6"><p>Introduction - noninvasive testing for coronary artery disease - NCBI … +(n.d.-a). <a href="https://www.ncbi.nlm.nih.gov/books/NBK361133/">https://www.ncbi.nlm.nih.gov/books/NBK361133/</a></p></div> +<div class="pl-6 -indent-6"><p>Moving away from Reactive Care Models | Mercury Healthcare. (n.d.). +<a href="https://www.mercuryhealthcare.com/blog/from-reactive-to-proactive-health">https://www.mercuryhealthcare.com/blog/from-reactive-to-proactive-health</a></p></div> +<div class="pl-6 -indent-6"><p>Waldman, S. A., & Terzic, A. (2019). Health Care Evolves From Reactive to +Proactive. Clinical pharmacology and therapeutics, 105(1), 10–13. +<a href="https://doi.org/10.1002/cpt.1295">https://doi.org/10.1002/cpt.1295</a></p></div> </astro-slot></div></div></div></body></astro-island> <footer class="relative bg-[#292524] pt-8 pb-6 w-screen"><div class="w-full max-w-5xl mx-16 mt-8 container mx-auto px-4 py-10"><div class="flex flex-wrap text-left lg:text-left"><div class="w-full lg:w-6/12 px-4"><h1 class="text-4xl text-white font-serif font-light">Lambert-GA</h1><br/><h3 class="text-xs w-3/4 mt-0 mb-2 font-sans text-white">© <span id="get-current-year">2023</span> - Content on this site is licensed under a<a href="https://creativecommons.org/licenses/by/4.0/" class="underline hover:text-gray-300" target="_blank">Creative Commons Attribution 4.0 International license.</a><br/><br/>The repository used to create this website is available at<a href="https://gitlab.igem.org/2023/lambert-ga" class="underline hover:text-gray-300" target="_blank">https://gitlab.igem.org/2023/lambert-ga</a></h3></div><div class="w-full lg:w-5/12 px-4"><div class="flex flex-wrap items-top mb-6"><div class="w-full lg:w-4/12 px-4 ml-auto"><ul class="w-full list-unstyled"><li class="flex"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.7498 2.0835H15.6248C14.2435 2.0835 12.9187 2.63223 11.942 3.60898C10.9652 4.58573 10.4165 5.91049 10.4165 7.29183V10.4168H7.2915V14.5835H10.4165V22.9168H14.5832V14.5835H17.7082L18.7498 10.4168H14.5832V7.29183C14.5832 7.01556 14.6929 6.75061 14.8883 6.55526C15.0836 6.35991 15.3486 6.25016 15.6248 6.25016H18.7498V2.0835Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><a class="text-white hover:text-gray-300 font-semibold block pb-2 text-sm flex-grow" href="">Lambert iGEM</a></li><li class="flex"><svg width="25" height="28" viewBox="0 0 25 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.9168 4.52889C22.9168 4.52889 22.1877 6.90661 20.8335 8.37853C22.5002 19.701 11.0418 27.9664 2.0835 21.5126C4.37516 21.6258 6.66683 20.8332 8.3335 19.2481C3.12516 17.5497 0.520996 10.8695 3.12516 5.66114C5.41683 8.60498 8.9585 10.3033 12.5002 10.1901C11.5627 5.43469 16.6668 2.7173 19.7918 5.88759C20.9377 5.88759 22.9168 4.52889 22.9168 4.52889Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><a class="text-white hover:text-gray-300 font-semibold block pb-2 text-sm flex-grow" href="">@lamberths_iGEM</a></li><li class="flex "><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.7085 2.21484H7.29183C4.41535 2.21484 2.0835 4.49911 2.0835 7.31688V17.521C2.0835 20.3387 4.41535 22.623 7.29183 22.623H17.7085C20.585 22.623 22.9168 20.3387 22.9168 17.521V7.31688C22.9168 4.49911 20.585 2.21484 17.7085 2.21484Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16.6667 11.7759C16.7952 12.6251 16.6472 13.4924 16.2435 14.2545C15.8399 15.0165 15.2012 15.6345 14.4184 16.0205C13.6355 16.4064 12.7484 16.5408 11.8831 16.4044C11.0179 16.268 10.2185 15.8678 9.59881 15.2608C8.9791 14.6537 8.57057 13.8707 8.43134 13.0231C8.29211 12.1754 8.42926 11.3064 8.82328 10.5395C9.2173 9.77269 9.84813 9.14706 10.626 8.75165C11.404 8.35625 12.2893 8.21119 13.1563 8.33712C14.0406 8.46558 14.8592 8.86923 15.4914 9.48846C16.1235 10.1077 16.5356 10.9096 16.6667 11.7759Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><a class="text-white hover:text-gray-300 font-semibold block pb-2 text-sm flex-grow" href="">@lambertigem</a></li><li class="flex"><svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5002 18.2922C10.1043 18.2922 5.8335 18.1028 4.06266 17.7241C3.3335 17.5347 2.81266 17.0612 2.60433 16.3983C2.29183 15.3566 2.0835 13.1786 2.0835 11.6635C2.0835 10.1483 2.29183 7.97027 2.60433 6.92861C2.81266 6.26573 3.3335 5.79224 4.06266 5.60285C5.8335 5.22406 10.1043 5.03467 12.5002 5.03467C14.896 5.03467 19.1668 5.22406 20.9377 5.60285C21.6668 5.79224 22.1877 6.26573 22.396 6.92861C22.7085 7.97027 22.9168 10.1483 22.9168 11.6635C22.9168 13.1786 22.7085 15.3566 22.396 16.3983C22.1877 17.0612 21.6668 17.5347 20.9377 17.7241C19.1668 18.1028 14.896 18.2922 12.5002 18.2922Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.4165 14.5046L15.6248 11.6637L10.4165 8.82275V14.5046Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg><a class="text-white hover:text-gray-300 font-semibold block pb-2 text-sm flex-grow" href="">Lambert iGEM</a></li></ul></div></div></div></div></div></footer> diff --git a/public/index.html b/public/index.html index c2fa25c..6f307e6 100644 --- a/public/index.html +++ b/public/index.html @@ -36,5 +36,5 @@ </html> -<script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).only=e;window.dispatchEvent(new Event("astro:only"));})();</script><astro-island uid="1Olc8M" component-url="/lambert-ga/_astro/components.41e5cae5.js" component-export="default" renderer-url="/lambert-ga/_astro/client.4f88357e.js" props="{}" ssr="" client="only" opts="{"name":"HomePage","value":true}"></astro-island> +<script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).only=e;window.dispatchEvent(new Event("astro:only"));})();</script><astro-island uid="1Olc8M" component-url="/lambert-ga/_astro/components.443c9af9.js" component-export="default" renderer-url="/lambert-ga/_astro/client.4f88357e.js" props="{}" ssr="" client="only" opts="{"name":"HomePage","value":true}"></astro-island> </div> \ No newline at end of file diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx index faf0b5e..9614108 100644 --- a/src/components/Nav.tsx +++ b/src/components/Nav.tsx @@ -14,18 +14,18 @@ export interface NavItemSolo { href: string; } -function useTriggerFix() { - return React.useMemo(() => { - let disable; - return { - onClick: (e) => disable && e.preventDefault(), - onPointerEnter: () => { - clearTimeout(disable); - disable = setTimeout(() => (disable = false), 1000); - }, - }; - }, []); -} +// function useTriggerFix() { +// return React.useMemo(() => { +// let disable; +// return { +// onClick: (e) => disable && e.preventDefault(), +// onPointerEnter: () => { +// clearTimeout(disable); +// disable = setTimeout(() => (disable = false), 1000); +// }, +// }; +// }, []); +// } const schema: (NavItemGroup | NavItemSolo)[] = [ { @@ -83,7 +83,7 @@ const schema: (NavItemGroup | NavItemSolo)[] = [ }, ]; export function NavHome() { - const fix = useTriggerFix(); + // const fix = useTriggerFix(); return ( <div className="flex justify-end"> <link href="../components/fonts.css" rel="stylesheet" /> @@ -100,7 +100,7 @@ export function NavHome() { "text-gray-700 dark:text-gray-100", "focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" )} - {...fix} + // {...fix} > {item.title} </NavigationMenuPrimitive.Trigger> @@ -175,7 +175,7 @@ export function NavHome() { } export function NavContent() { - const fix = useTriggerFix(); + // const fix = useTriggerFix(); return ( <div className="flex justify-end z-30"> <NavigationMenuPrimitive.Root className="relative "> @@ -191,7 +191,7 @@ export function NavContent() { "text-gray-3", "focus:outline-none focus-visible:ring focus-visible:ring-purple-500 focus-visible:ring-opacity-75" )} - {...fix} + // {...fix} > {item.title} </NavigationMenuPrimitive.Trigger> -- GitLab