diff --git a/code/bibtex.bib b/code/bibtex.bib
index be59d7c1ca724ff317e775d5409ca36f256a7c5c..a7087a320f149e707791a9a6b645702be1e43777 100644
--- a/code/bibtex.bib
+++ b/code/bibtex.bib
@@ -1,21 +1,7 @@
+@book{Chadwick_2012, address={London}, edition={2nd ed}, title={Encyclopedia of applied ethics}, ISBN={978-0-12-373932-2}, publisher={Academic Press}, author={Chadwick, Ruth F.}, year={2012}, language={eng} }
-@article{article1,
+@article{Rubeis_Steger_2018, title={Risks and benefits of human germline genome editing: An ethical analysis}, volume={10}, ISSN={1793-8759, 1793-9453}, DOI={10.1007/s41649-018-0056-x}, number={2}, journal={Asian Bioethics Review}, author={Rubeis, Giovanni and Steger, Florian}, year={2018}, month=jul, pages={133–141}, language={en} }
-author={Roth, F. C., Numberger, M., and Draguhn, A.},
-
-year={2023},
-
-month={},
-
-pages={1-14},
-
-title={Die Entwicklung der Patch-Clamp-Technik},
-
-volume={},
-
-journal={Springer eBooks},
-
-doi={10.1007/978-3-662-66053-9_1}
-
-}
+@article{Ansah_2022, title={Ethical Challenges and Controversies in the Practice and Advancement of Gene Therapy}, volume={2022}, rights={https://creativecommons.org/licenses/by/4.0/}, ISSN={2573-8461}, DOI={10.1155/2022/1015996}, abstractNote={One of the most important technologies in modern medicine is gene therapy, which allows therapeutic genes to be introduced into cells of the body. The approach involves genetics and recombinant DNA techniques that allow manipulating vectors for delivery of exogenous material to target cells. The efficacy and safety of the delivery system are a key step towards the success of gene therapy. Somatic cell gene therapy is the easiest in terms of technology and the least problematic in terms of ethics. Although genetic manipulation of germline cells at the gene level has the potential to permanently eradicate certain hereditary disorders, major ethical issues such as eugenics, enhancement, mosaicism, and the transmission of undesirable traits or side effects to patients’ descendants currently stymie its development, leaving only somatic gene therapy in the works. However, moral, social, and ethical arguments do not imply that germline gene therapy should be banned forever. This review discusses in detail the current challenges surrounding the practice of gene therapy, focusing on the moral arguments and scientific claims that affect the advancement of the technology. The review also suggests precautionary principles as a means to navigate ethical uncertainties.}, journal={Advances in Cell and Gene Therapy}, author={Ansah, Emmanuel Owusu}, editor={Miao, Carol H.}, year={2022}, month=aug, pages={1–5}, language={en} }
+@book{Pugh_2020, edition={1}, title={Autonomy, Rationality, and Contemporary Bioethics}, rights={https://creativecommons.org/licenses/by-nc-nd/4.0/}, ISBN={978-0-19-885858-4}, url={https://academic.oup.com/book/33778}, DOI={10.1093/oso/9780198858584.001.0001}, abstractNote={Abstract Personal autonomy is often lauded as a key value in contemporary Western bioethics, and the claim that there is an important relationship between autonomy and rationality is often treated as an uncontroversial claim in this sphere. Yet, there is also considerable disagreement about how we should cash out the relationship between rationality and autonomy. In particular, it is unclear whether a rationalist view of autonomy can be compatible with legal judgments that enshrine a patient’s right to refuse medical treatment, regardless of whether ‘… the reasons for making the choice are rational, irrational, unknown or even non-existent’. This book brings recent philosophical work on the nature of rationality to bear on the question of how we should understand autonomy in contemporary bioethics. In doing so, the author develops a new framework for thinking about the concept, one that is grounded in an understanding of the different roles that rational beliefs and rational desires have to play in personal autonomy. Furthermore, the account outlined here allows for a deeper understanding of different forms of controlling influence, and the relationship between our freedom to act, and our capacity to decide autonomously. The author contrasts his rationalist account with other prominent accounts of autonomy in bioethics, and outlines the revisionary implications it has for various practical questions in bioethics in which autonomy is a salient concern, including questions about the nature of informed consent and decision-making capacity.}, publisher={Oxford University PressOxford}, author={Pugh, Jonathan}, year={2020}, month=apr, language={en} }
\ No newline at end of file
diff --git a/code/cit.py b/code/cit.py
index afc32716f3bd2eed60815942fa65136dc3732535..84712b2e53ce73821d456c8009ce226737f3263c 100644
--- a/code/cit.py
+++ b/code/cit.py
@@ -18,7 +18,7 @@ def main():
except ImportError:
print("The package 'argparse' is not installed.")
exit(1)
- try:
+ try:
import re
except ImportError:
print("The package 're' is not installed.")
@@ -74,7 +74,10 @@ def main():
articleHTML(dictio, (startnum+count), out)
elif en_x['ENTRYTYPE'] == "misc":
miscHTML(dictio, (startnum+count), out)
+ elif en_x['ENTRYTYPE'] == "book":
+ bookHTML(dictio, (startnum+count), out)
+ count += 1;
except Exception as e:
print(f"An unexpected error occurred: {e}")
@@ -187,7 +190,7 @@ def articleHTML(dictio, x, out):
def miscHTML(dictio, x, out):
print("Writing html code for entry "+ str(x) + "...")
- out.write("#<!-- Citation num " + str(x) + "-->" + "\n")
+ out.write("{/*<!-- Citation num " + str(x) + "--> */}" + "\n")
out.write("<li typeof=\"schema:WebPage\" role=\"doc-biblioentry\" property=\"schema:citation\" id=\"desc-" + str(x) + "\">"+ "\n")
out.write("\t" + "<span property=\"schema:author\" typeof=\"schema:Organisation\">"+ "\n")
aut = dictio['author']
@@ -196,7 +199,21 @@ def miscHTML(dictio, x, out):
out.write("\t" + "<span property=\"schema:name\">"+dictio['title']+ ".</span>"+ "\n")
out.write("\t" +"<i property=\"schema:publisher\" typeof=\"schema:Organization\">"+ dictio['howpublished'] +"</i>"+ "\n")
year = dictio['year']
- out.write("\t" +"(<time property=\"schema:datePublished\" datatype=\"xsd:gYear\" datetime=\"" + year + "\">"+year+"</time>)."+ "\n")
+ out.write("\t" +"(<time property=\"schema:datePublished\" datatype=\"xsd:gYear\" dateTime=\"" + year + "\">"+year+"</time>)."+ "\n")
+ out.write("</li>" + "\n"+ "\n")
+
+def bookHTML(dictio, x, out):
+ print("Writing html code for entry "+ str(x) + "...")
+ out.write("{/*<!-- Citation num " + str(x) + "--> */}" + "\n")
+ out.write("<li typeof=\"schema:WebPage\" role=\"doc-biblioentry\" property=\"schema:citation\" id=\"desc-" + str(x) + "\">"+ "\n")
+ out.write("\t" + "<span property=\"schema:author\" typeof=\"schema:Organisation\">"+ "\n")
+ aut = dictio['author']
+ out.write("\t" + "\t" +"<span property=\"schema:Name\">" +aut + "</span>."+ "\n")
+ out.write("\t" +"</span>"+ "\n")
+ out.write("\t" + "<span property=\"schema:name\">"+dictio['title']+ ".</span>"+ "\n")
+ out.write("\t" +"<i property=\"schema:publisher\" typeof=\"schema:Organization\">"+ dictio['publisher'] +"</i>"+ "\n")
+ year = dictio['year']
+ out.write("\t" +"(<time property=\"schema:datePublished\" datatype=\"xsd:gYear\" dateTime=\"" + year + "\">"+year+"</time>)."+ "\n")
out.write("</li>" + "\n"+ "\n")
diff --git a/code/output.txt b/code/output.txt
index af652414c9bd769f5a6eddfd2126c585964258b4..ee875d2b0b5a614a689188d826c2d885414e4885 100644
--- a/code/output.txt
+++ b/code/output.txt
@@ -1,14 +1,47 @@
+{/*<!-- Citation num 1--> */}
+<li typeof="schema:WebPage" role="doc-biblioentry" property="schema:citation" id="desc-1">
+ <span property="schema:author" typeof="schema:Organisation">
+ <span property="schema:Name">Chadwick, Ruth F.</span>.
+ </span>
+ <span property="schema:name">Encyclopedia of applied ethics.</span>
+ <i property="schema:publisher" typeof="schema:Organization">Academic Press</i>
+ (<time property="schema:datePublished" datatype="xsd:gYear" datetime="2012">2012</time>).
+</li>
+
+{/*<!-- Citation num 2--> */}
+<li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-2">
+ <span property="schema:author" typeof="schema:Person">
+ <span property="schema:Name"> Rubeis, G.</span>;
+ <span property="schema:Name"> Steger, F.</span>
+ </span>
+ <span property="schema:name"> Risks and benefits of human germline genome editing: An ethical analysis. </span>
+ <i property="schema:publisher" typeof="schema:Organization"> Asian Bioethics Review</i>
+ <b property="issueNumber" typeof="PublicationIssue"> 10</b>,
+ <span property="schema:pageBegin">133–141</span>
+ (<time property="schema:datePublished" datatype="xsd:gYear" dateTime=" 2018">2018</time>).
+ <a className="doi" href="https://doi.org/10.1007/s41649-018-0056-x"> doi: 10.1007/s41649-018-0056-x</a>
+</li>
+
{/*<!-- Citation num 3--> */}
<li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-3">
<span property="schema:author" typeof="schema:Person">
- <span property="schema:Name"> Roth, F.</span>;
- <span property="schema:Name"> Draguhn, A.</span>
- </span>
- <span property="schema:name"> Die Entwicklung der Patch-Clamp-Technik. </span>
- <i property="schema:publisher" typeof="schema:Organization"> Springer eBooks</i>
- <b property="issueNumber" typeof="PublicationIssue"> </b>,
- <span property="schema:pageBegin"> 1</span>-<span property="schema:pageEnd">14</span>
- (<time property="schema:datePublished" datatype="xsd:gYear" dateTime=" 2023">2023</time>).
- <a className="doi" href="https://doi.org/10.1007/978-3-662-66053-9_1"> doi: 10.1007/978-3-662-66053-9_1</a>
+ <span property="schema:Name"> Ansah, E.</span>
+ </span>
+ <span property="schema:name"> Ethical Challenges and Controversies in the Practice and Advancement of Gene Therapy. </span>
+ <i property="schema:publisher" typeof="schema:Organization"> Advances in Cell and Gene Therapy</i>
+ <b property="issueNumber" typeof="PublicationIssue"> 2022</b>,
+ <span property="schema:pageBegin">1–5</span>
+ (<time property="schema:datePublished" datatype="xsd:gYear" dateTime=" 2022">2022</time>).
+ <a className="doi" href="https://doi.org/10.1155/2022/1015996"> doi: 10.1155/2022/1015996</a>
+</li>
+
+{/*<!-- Citation num 4--> */}
+<li typeof="schema:WebPage" role="doc-biblioentry" property="schema:citation" id="desc-4">
+ <span property="schema:author" typeof="schema:Organisation">
+ <span property="schema:Name">Pugh, Jonathan</span>.
+ </span>
+ <span property="schema:name">Autonomy, Rationality, and Contemporary Bioethics.</span>
+ <i property="schema:publisher" typeof="schema:Organization">Oxford University PressOxford</i>
+ (<time property="schema:datePublished" datatype="xsd:gYear" datetime="2020">2020</time>).
</li>
diff --git a/src/components/Breathe.tsx b/src/components/Breathe.tsx
index df711c3d7749ffefe65e4856b6d4224a1c7b77c4..817bb5d4b6b4149af79f1b4e255df0549c24b695 100644
--- a/src/components/Breathe.tsx
+++ b/src/components/Breathe.tsx
@@ -47,188 +47,139 @@ export function Breathe(){
observer.observe(domRef5.current!);
}, []);
-
- const [isVisible6, setVisible6] = useState(false);
- const domRef6 = useRef(null)!;
- useEffect(() => {
- const observer = new IntersectionObserver(entries => {
- entries.forEach(entry => setVisible6(entry.isIntersecting));
- });
- observer.observe(domRef6.current!);
- }, []);
-
- const [isVisible7, setVisible7] = useState(false);
- const domRef7 = useRef(null)!;
- useEffect(() => {
- const observer = new IntersectionObserver(entries => {
- entries.forEach(entry => setVisible7(entry.isIntersecting));
- });
- observer.observe(domRef7.current!);
- }, []);
-
- const [isVisible8, setVisible8] = useState(false);
- const domRef8 = useRef(null)!;
- useEffect(() => {
- const observer = new IntersectionObserver(entries => {
- entries.forEach(entry => setVisible8(entry.isIntersecting));
- });
- observer.observe(domRef8.current!);
- }, []);
+ const Title1 = "Cystic Fibrosis";
+ const Title2 = "makes life breathtaking";
+ const Prob11 = "Thick mucus blocking airway and prevents"
+ const Prob12 = "oxygen absorption, leading to bronchial"
+ const Prob13 = "obstructions, organ failure an death";
+ const Prob21 = "Chronic inflammation occurs periodically";
+ const Prob22 = "due to a high vulnerability to";
+ const Prob23 = "bacterial and viral infections";
+ const Prob31 = "Heightened safety considerations and";
+ const Prob32 = "emotional stress promote depression";
+ const Prob33 = "and psychological issues";
return (
<>
- {/* purple */}
+ {/* One */}
<div
className='col'
- style={{ 'height': '700vh'}}
+ style={{
+ 'height': '100vh',
+ 'transition': 'opacity 0.6s ease-out',
+ 'opacity': `${isVisible ? '1' : '0'}`,
+ 'visibility': `${isVisible ? 'visible' : 'hidden'}`}}
ref={domRef}>
<img
style={{
- 'zIndex': '1',
'position': 'fixed',
'top': '20vh',
- 'left': '30vw',
+ 'left': '20vw',
'width': '60vw',
'height': '60vh',
- 'transition': 'opacity 0.6s ease-out',
- 'opacity': `${isVisible ? '1' : '0'}`,
- 'visibility': `${isVisible ? 'visible' : 'hidden'}`
}}
- src="https://static.igem.wiki/teams/5247/landing/breath/textless/breath-only-1.webp">
+ src="https://static.igem.wiki/teams/5247/landing/problems/cyfib-1.webp">
</img>
- {/* Spacing Block */}
- <div className='col' style={{ 'height': '100vh' }}></div>
- <div style={{ 'height': '100vh'}} ref={domRef2}>
- <p style={{'fontSize' : '2.5em'}}>Take a moment to</p>
- <p style={{'fontSize' : '2.5em'}}>deeply breathe in...</p>
- <img style={{
- 'position': 'fixed',
- 'top': '20vh',
- 'left': '30vw',
- 'width': '60vw',
- 'height': '60vh',
- 'transition': 'scale 2.0s ease-out',
- 'scale': `${isVisible2 ? '1' : '0'}`,
- 'visibility': `${isVisible2 ? 'visible' : 'hidden'}`
- }}
- src="https://static.igem.wiki/teams/5247/landing/breath/circles/purplecircle.webp"></img>
- </div>
- {/* Spacing Block */}
- <div className='col' style={{ 'height': '95vh' }}></div>
- <div style={{ 'height': '100vh'}} ref={domRef3}>
- <p style={{'fontSize' : '2.5em'}}>and deeply.</p>
- <p style={{'fontSize' : '2.5em'}}>breathe out...</p>
- <img style={{
- 'position': 'fixed',
- 'top': '20vh',
- 'left': '30vw',
- 'width': '60vw',
- 'height': '60vh',
- 'transition': 'scale 2.0s ease-out',
- 'scale': `${isVisible3 ? '0' : '1'}`,
- 'visibility': `${isVisible3 ? 'visible' : 'hidden'}`
- }}
- src="https://static.igem.wiki/teams/5247/landing/breath/circles/purplecircle.webp"></img>
- </div>
- {/* Spacing Block */}
- <div className='col' style={{ 'height': '100vh' }}></div>
- <p style={{'fontSize' : '2.5em'}}>You feel <strong>revitalized</strong></p>
- <p style={{'fontSize' : '2.5em'}}>Your body and mind</p>
- <p style={{'fontSize' : '2.5em'}}>become <strong>grounded</strong>.</p>
- {/* Spacing Block */}
- <div className='col' style={{ 'height': '100vh' }}></div>
- <p style={{'fontSize' : '2.5em'}}>Now deeply breathe in</p>
- <p style={{'fontSize' : '2.5em'}}>and hold your breath.</p>
- <div style={{ 'height': '100vh'}} ref={domRef4}>
- <img style={{
- 'position': 'fixed',
- 'top': '20vh',
- 'left': '30vw',
- 'width': '60vw',
- 'height': '60vh',
- 'transition': 'scale 2.0s ease-out',
- 'scale': `${isVisible4 ? '1' : '0'}`,
- 'visibility': `${isVisible4 ? 'visible' : 'hidden'}`
- }}
- src="https://static.igem.wiki/teams/5247/landing/breath/circles/purplecircle.webp"></img>
- </div>
</div>
- {/* black */}
+ {/* Two */}
<div
- style={{ 'height': '300vh'}} ref={domRef5}>
+ className='col'
+ style={{
+ 'height': '100vh',
+ 'transition': 'opacity 0.6s ease-out',
+ 'opacity': `${isVisible2 ? '1' : '0'}`,
+ 'visibility': `${isVisible2 ? 'visible' : 'hidden'}`}}
+ ref={domRef2}>
<img
style={{
- 'zIndex': '1',
'position': 'fixed',
'top': '20vh',
- 'left': '30vw',
+ 'left': '20vw',
'width': '60vw',
'height': '60vh',
- 'transition': 'opacity 0.6s ease-out',
- 'opacity': `${isVisible5 ? '1' : '0'}`,
- 'visibility': `${isVisible5 ? 'visible' : 'hidden'}`
}}
- src="https://static.igem.wiki/teams/5247/landing/breath/textless/breath-only-2.webp">
+ src="https://static.igem.wiki/teams/5247/landing/problems/cyfib-2.webp">
</img>
- <div style={{ 'height': '100vh'}} ref={domRef6}>
- <img style={{
+ <p style={{'position': 'fixed','top': '20vh', 'left': '47vw', 'zIndex': '1', 'fontWeight': 'bold'}}>{Title1}</p>
+ <p style={{'position': 'fixed','top': '22.5vh', 'left': '45vw', 'zIndex': '1', 'fontWeight': 'bold'}}>{Title2}</p>
+ <p style={{'position': 'fixed','top': '65vh', 'left': '20vw', 'zIndex': '1', 'width': '40vh', 'textAlign': 'center'}}>{Prob11 + " " + Prob12 + " " + Prob13}</p>
+ </div>
+ {/* Three */}
+ <div
+ className='col'
+ style={{
+ 'height': '100vh',
+ 'transition': 'opacity 0.6s ease-out',
+ 'opacity': `${isVisible3 ? '1' : '0'}`,
+ 'visibility': `${isVisible3 ? 'visible' : 'hidden'}`}}
+ ref={domRef3}>
+ <img
+ style={{
'position': 'fixed',
'top': '20vh',
- 'left': '30vw',
+ 'left': '20vw',
'width': '60vw',
'height': '60vh',
- 'visibility': `${isVisible6 ? 'visible' : 'hidden'}`
}}
- src="https://static.igem.wiki/teams/5247/landing/breath/circles/darkerpurplecircle.webp"></img>
- </div>
- <p style={{'fontSize' : '2.5em'}}>Not everyone </p>
- <p style={{'fontSize' : '2.5em'}}>can breathe freely.</p>
- {/* <p style={{'fontSize' : '2.5em'}}>Breathing is essential, </p>
- <p style={{'fontSize' : '2.5em'}}>but many people </p>
- <p style={{'fontSize' : '2.5em'}}>struggle with it.</p> */}
- <div style={{ 'height': '100vh'}} ref={domRef7}>
- <img style={{
+ src="https://static.igem.wiki/teams/5247/landing/problems/cyfib-3.webp">
+ </img>
+ <p style={{'position': 'fixed','top': '20vh', 'left': '47vw', 'zIndex': '1', 'fontWeight': 'bold'}}>{Title1}</p>
+ <p style={{'position': 'fixed','top': '25vh', 'left': '45vw', 'zIndex': '1', 'fontWeight': 'bold'}}>{Title2}</p>
+ <p style={{'position': 'fixed','top': '65vh', 'left': '20vw', 'zIndex': '1', 'width': '40vh', 'textAlign': 'center'}}>{Prob11 + " " + Prob12 + " " + Prob13}</p>
+ <p style={{'position': 'fixed','top': '65vh', 'left': '40vw', 'zIndex': '1', 'width': '40vh', 'textAlign': 'center'}}>{Prob21 + " " + Prob22 + " " + Prob23}</p>
+ </div>
+ {/* Four */}
+ <div
+ className='col'
+ style={{
+ 'height': '100vh',
+ 'transition': 'opacity 0.6s ease-out',
+ 'opacity': `${isVisible4 ? '1' : '0'}`,
+ 'visibility': `${isVisible4 ? 'visible' : 'hidden'}`}}
+ ref={domRef4}>
+ <img
+ style={{
'position': 'fixed',
'top': '20vh',
- 'left': '30vw',
+ 'left': '20vw',
'width': '60vw',
'height': '60vh',
- 'scale': `${isVisible7 ? '1' : '0'}`,
- 'visibility': `${isVisible7 ? 'visible' : 'hidden'}`
}}
- src="https://static.igem.wiki/teams/5247/landing/breath/circles/fullblackcircle.webp"></img>
- </div>
- {/* Spacing Block */}
- <div className='col' style={{ 'height': '100vh' }}></div>
- <p style={{'fontSize' : '2.5em'}}>Breathing is essential, </p>
- <p style={{'fontSize' : '2.5em'}}>but many people </p>
- <p style={{'fontSize' : '2.5em'}}>struggle with it.</p>
+ src="https://static.igem.wiki/teams/5247/landing/problems/cyfib-4.webp">
+ </img>
+ <p style={{'position': 'fixed','top': '20vh', 'left': '47vw', 'zIndex': '1', 'fontWeight': 'bold'}}>{Title1}</p>
+ <p style={{'position': 'fixed','top': '25vh', 'left': '45vw', 'zIndex': '1', 'fontWeight': 'bold'}}>{Title2}</p>
+ <p style={{'position': 'fixed','top': '65vh', 'left': '20vw', 'zIndex': '1', 'width': '40vh', 'textAlign': 'center'}}>{Prob11 + " " + Prob12 + " " + Prob13}</p>
+ <p style={{'position': 'fixed','top': '65vh', 'left': '40vw', 'zIndex': '1', 'width': '40vh', 'textAlign': 'center'}}>{Prob21 + " " + Prob22 + " " + Prob23}</p>
+ <p style={{'position': 'fixed','top': '65vh', 'left': '60vw', 'zIndex': '1', 'width': '40vh', 'textAlign': 'center'}}>{Prob31 + " " + Prob32 + " " + Prob33}</p>
</div>
- {/* grey */}
+ {/* Five */}
<div
- style={{ 'height': '200vh'}} ref={domRef8}>
+ className='col'
+ style={{
+ 'height': '100vh',
+ 'transition': 'opacity 0.6s ease-out',
+ 'opacity': `${isVisible5 ? '1' : '0'}`,
+ 'visibility': `${isVisible5 ? 'visible' : 'hidden'}`}}
+ ref={domRef5}>
<img
style={{
- 'zIndex': '1',
'position': 'fixed',
'top': '20vh',
- 'left': '30vw',
+ 'left': '20vw',
'width': '60vw',
'height': '60vh',
- 'transition': 'opacity 0.6s ease-out',
- 'opacity': `${isVisible8 ? '1' : '0'}`,
- 'visibility': `${isVisible8 ? 'visible' : 'hidden'}`
}}
- src="https://static.igem.wiki/teams/5247/landing/breath/textless/breath-only-3.webp">
+ src="https://static.igem.wiki/teams/5247/landing/problems/cyfib-5.webp">
</img>
- </div>
- <p style={{'fontSize' : '2.5em'}}>texttexttext</p>
- <p style={{'fontSize' : '2.5em'}}>texttexttext,</p>
- <p style={{'fontSize' : '2.5em'}}>because breathing deeply is a</p>
- <p style={{'fontSize' : '2.5em'}}><strong>privilage not everyone can enjoy</strong></p>
-
- {/* Spacing Block */}
- <div className='col' style={{ 'height': '100vh' }}></div>
+ <p style={{'position': 'fixed','top': '20vh', 'left': '47vw', 'zIndex': '1', 'fontWeight': 'bold'}}>{Title1}</p>
+ <p style={{'position': 'fixed','top': '25vh', 'left': '45vw', 'zIndex': '1', 'fontWeight': 'bold'}}>{Title2}</p>
+ <p style={{'position': 'fixed','top': '65vh', 'left': '20vw', 'zIndex': '1', 'width': '40vh', 'textAlign': 'center'}}>{Prob11 + " " + Prob12 + " " + Prob13}</p>
+ <p style={{'position': 'fixed','top': '65vh', 'left': '40vw', 'zIndex': '1', 'width': '40vh', 'textAlign': 'center'}}>{Prob21 + " " + Prob22 + " " + Prob23}</p>
+ <p style={{'position': 'fixed','top': '65vh', 'left': '60vw', 'zIndex': '1', 'width': '40vh', 'textAlign': 'center'}}>{Prob31 + " " + Prob32 + " " + Prob33}</p>
+ <p style={{'position': 'fixed','top': '85vh', 'left': '35vw', 'zIndex': '1'}}>The constant <strong>fear of suffocating</strong> makes life incredibly challenging</p>
+ </div>
+
</>
);
}
\ No newline at end of file
diff --git a/src/contents/engineering.tsx b/src/contents/engineering.tsx
index e8460b51de3afc8d69b0ad24c8b56c32ea35e49c..5ee6faaa7d15424664c4997f12eeee72b6e43a58 100644
--- a/src/contents/engineering.tsx
+++ b/src/contents/engineering.tsx
@@ -2,7 +2,7 @@
import { ButtonOneEngineering } from "../components/Buttons";
import { LoremShort } from "../components/Loremipsum";
import { openElement } from "../utils/openElement";
-import { H3 } from "../components/Headings";
+import { H3, H4 } from "../components/Headings";
import { useTabNavigation } from "../utils/TabNavigation";
@@ -38,39 +38,61 @@ export function Engineering() {
<section >
<div className="bg-lb box" >
<H3 id="Proof of Concept" text="Proof of Concept"></H3>
- <p><LoremShort></LoremShort></p>
+ <p>To test prime editors, a reliable model system is required. HEK293 cells are a human derived cell line and widely used in a variety of fields in biology[1]. Apart from easy handling and comparatively easy transfection, they have, as we found out in our exchange with Mattijs Bulcaen, one advantage over other models: They are naturally impaired in DNA repair mechanisms and therefore easier to edit. To properly compare editing efficiencies, a high transfection efficiency is of utmost importance. This engineering cycle focuses on our work in simulating prime editing using the PEAR reporter system[2] and optimizing transfection protocols.</p>
</div>
<div className="box" >
<p id="cyc1">
- <h3>cyc1</h3>
- <LoremShort></LoremShort>
- <p><LoremShort></LoremShort></p>
- <p><LoremShort></LoremShort></p>
+ <H3 text="Test of Lipofectamine 2000" id="text"/>
+ <H4 text="Test" id="text"/>
+ <p>While conducting research on transfection methods for HEK cells, particular attention was devoted to the delivery of the Prime Editing complex into the cells. In the literature, Lipofectamine is described as a common transfection agent. <i>Anzalone et al. 2019</i>[3] describe a transfection of prime-editing complexes with Lipofectamine 2000. The aim of this study is to introduce our prime-editing complex into HEK cells.</p>
+ <p>Transfection with Lipofectamine 2000 was performed in accordance with the Anzalone protocol. However, the result was characterized by insufficient transfection efficiency.</p>
+ <H4 text="Learn" id="text"/>
+ <p>The low efficiency of Lipofectamine 2000 indicated that the product is not optimally suited to the specific conditions under consideration. In contrast, Lipofectamine 3000 is described in the literature as potentially more efficient.</p>
+ <H4 text="Design" id="text"/>
+ <p>In light of the aforementioned findings, the decision was taken to test Lipofectamine 3000, given its reputation for greater efficiency. A new test design was devised, utilizing Lipofectamine 3000 with an equivalent quantity of DNA and modified transfection conditions.</p>
+ <H4 text="Build" id="text"/>
+ <p>In accordance with the established protocol, the recommended ratio of 1 µg DNA to 2 µl Lipofectamine 3000, as provided by ThermoFisher, is to be employed.</p>
</p>
</div>
<div className="box" >
<p id="cyc2">
- <h3>cyc2</h3>
- <LoremShort></LoremShort>
- <p><LoremShort></LoremShort></p>
- <p><LoremShort></LoremShort></p>
+ <H3 text="Initial Test with Lipofectamine 3000" id="text"/>
+ <H4 text="Test" id="text"/>
+ <p>Considering the favorable assessment of Lipofectamine 3000 in the scientific literature, the proof of concept was conducted once more.</p>
+ <p>The objective of the experiment was to enhance the transfection efficiency of Lipofectamine 3000. The transfection protocol was conducted in accordance with the manufacturer's instructions (1 µg DNA, 2 µl Lipofectamine 3000 reagent).</p>
+ <p>The outcome revealed that despite the modification, the transfection efficiency remained inadequate, although a marginal improvement was discernible.</p>
+ <H4 text="Learn" id="text"/>
+ <p>Although a switch to Lipofectamine 3000 resulted in a marginal improvement, the efficiency fell short of expectations. This indicates that further optimization is required in terms of the amount of Lipofectamine and DNA, as well as the medium used.</p>
+ <H4 text="Design" id="text"/>
+ <p>In order to optimize the transfection process, a new optimization test was designed, which incorporates a variable design with regard to the quantity of Lipofectamine 3000 and DNA.</p>
+ <H4 text="Build" id="text"/>
+ <p>The protocol entails the utilization of varying concentrations of Lipofectamine 3000, specifically 1 µl and 1.5 µl, with a DNA quantity of 1 µg or 0.5 µg.</p>
</p>
</div>
<div className="box" >
<p id="cyc3">
- <h3>cyc3</h3>
- <LoremShort></LoremShort>
- <p><LoremShort></LoremShort></p>
- <p><LoremShort></LoremShort></p>
+ <H3 text="Optimization of DNA and Lipofectamine Volumes" id="text"/>
+ <H4 text="Test" id="text"/>
+ <p>To enhance transfection efficiency, optimization tests were conducted, in which the quantities of Lipofectamine and DNA were varied. The objective of this iteration was to find the optimal ratio of Lipofectamine 3000 to DNA. To this end, 1 µl and 1.5 µl of Lipofectamine 3000 at a DNA concentration of either 1 µg or 0.5 µg were compared with each other.</p>
+ <H4 text="Learn" id="text"/>
+ <p>The experiment demonstrated that a quantity of 1 µl Lipofectamine 3000 is sufficient for successful transfection, and that increasing the quantity does not result in a notable difference. Additionally, the findings indicated that an amount of 1 µg DNA exhibited a higher efficiency than an amount of 0.5 µg DNA. It can be reasoned that additional factors may have contributed to the previously observed decline in transfection efficiency. One potential explanation is that the cells may have been in an excessively high passage level.</p>
+ <p>It can be reasonably deduced that the aforementioned factors may have contributed to the observed decline in transfection efficiency.</p>
+ <H4 text="Design" id="text"/>
+ <p>The results obtained were used to develop an optimized protocol that takes into account both the concentration of Lipofectamine and the amount of DNA.</p>
+ <H4 text="Build" id="text"/>
+ <p>In the following experiments, a DNA quantity of 1 µg and a defined quantity of 1 µl Lipofectamine 3000 was used.</p>
</p>
</div>
<div className="box" >
<p id="cyc4">
- <h3>cyc4</h3>
- <LoremShort></LoremShort>
- <p><LoremShort></LoremShort></p>
- <p><LoremShort></LoremShort></p>
+ <H3 text="Validation of optimized Protocol" id="text"/>
+ <H4 text="Test" id="text"/>
+ <p>Following the series of optimizations, the proof of concept was conducted once more to confirm the efficacy of the optimized protocol. This protocol involved the utilization of 1 µl Lipofectamine 3000, 1 µg DNA, 2 µl Reagent 3000 and Opti-MEM as a medium. The outcomes were encouraging, as the transfection efficiency was markedly enhanced.</p>
+ <H4 text="Learn" id="text"/>
+ <p>The utilization of an optimized quantity of 1 µl Lipofectamine 3000, a defined quantity of DNA and the suitable Opti-MEM medium resulted in a notable enhancement in transfection efficiency. This substantiates the assertion that the aforementioned conditions constitute an optimal foundation for the transfection of HEK cells with the prime editing complex.</p>
+ <H4 text="Design" id="text"/>
+ <p>This protocol establishes the standard procedure for the transfection of HEK cells with the Prime Editing Complex. The transfection reagent Lipofectamine 3000 is diluted in Opti-MEM to a final volume of 1 µl, and the DNA to be transfected is diluted to a final concentration of 1 µl.</p>
</p>
</div>
<br/>
@@ -93,26 +115,41 @@ export function Engineering() {
</div>
<div className="box" >
<p id="pe1">
- <h3>pe1</h3>
- <LoremShort></LoremShort>
- <p><LoremShort></LoremShort></p>
- <p><LoremShort></LoremShort></p>
+ <H3 text="" id="text"/>
+ <H4 text="Test" id="text"/>
+ <p></p>
+ <H4 text="Learn" id="text"/>
+ <p></p>
+ <H4 text="Design" id="text"/>
+ <p></p>
+ <H4 text="Build" id="text"/>
+ <p></p>
</p>
</div>
<div className="box" >
<p id="pe2">
- <h3>pe2</h3>
- <LoremShort></LoremShort>
- <p><LoremShort></LoremShort></p>
- <p><LoremShort></LoremShort></p>
+ <H3 text="" id="text"/>
+ <H4 text="Test" id="text"/>
+ <p></p>
+ <H4 text="Learn" id="text"/>
+ <p></p>
+ <H4 text="Design" id="text"/>
+ <p></p>
+ <H4 text="Build" id="text"/>
+ <p></p>
</p>
</div>
<div className="box" >
<p id="pe3">
- <h3>pe3</h3>
- <LoremShort></LoremShort>
- <p><LoremShort></LoremShort></p>
- <p><LoremShort></LoremShort></p>
+ <H3 text="" id="text"/>
+ <H4 text="Test" id="text"/>
+ <p></p>
+ <H4 text="Learn" id="text"/>
+ <p></p>
+ <H4 text="Design" id="text"/>
+ <p></p>
+ <H4 text="Build" id="text"/>
+ <p></p>
</p>
</div>
<br/>
diff --git a/src/contents/safety.tsx b/src/contents/safety.tsx
index 7b77a5b6b33401c15506c9febff2b7c13a01ab4b..a8949a7b2350f60054e896769f6f1273237f7772 100644
--- a/src/contents/safety.tsx
+++ b/src/contents/safety.tsx
@@ -1,11 +1,12 @@
import { H4 } from "../components/Headings";
import { LoremMedium } from "../components/Loremipsum";
-import { SupScrollLink } from "../components/ScrollLink";
+import { SupScrollLink } from "../components/ScrollLink";
import { Section, Subesction } from "../components/sections";
import { useTabNavigation } from "../utils/TabNavigation";
+
export const Safety: React.FC = () =>{
useTabNavigation();
@@ -15,7 +16,48 @@ export const Safety: React.FC = () =>{
<LoremMedium/>
</Section>
<Section title="Check-Ins" id="Check-Ins">
- <LoremMedium/>
+ <div>
+ <p>
+ As part of our project to develop a prime-editing complex to correct the F508del mutation in cystic fibrosis, we place great emphasis on safety at all stages of research. Our final construct will be tested in primary cultures of epithelial cells obtained from nasal swabs, isolated from both patients and healthy individuals. from nasal swabs [link primär Kulturen]. To guarantee safety and ensure the highest level of precision and reliability of our results, we have introduced a series of carefully planned checkpoints during the experiments. These milestones allow for continuous monitoring, timely adjustments and validation at each critical stage. This ensures that potential issues are identified and addressed immediately, minimizing risk and improving the overall quality of the experimental results. [link zu den Experimenten] . iGEM places great emphasis on biosafety, ensuring that all projects adhere to strict safety standards. One of these measures is the iGEM White List, which includes organisms and parts that are pre-approved for use based on their safety profile. Any components or organisms not covered by this White List must be submitted as 'Check-ins' to the iGEM Safety Committee for approval. Check-ins are formal safety evaluations that allow the committee to assess the potential risks and ensure proper containment and handling procedures are in place. Although we used some parts and organisms that were not included on the White List, these were assessed as critical for our project and submitted as Check-ins to the iGEM Safety Committee. Furthermore, we were in active exchange with the committee throughout the process. The Check-ins provide a clear picture of the biosafety aspects of our project, reflecting our commitment to safety and compliance with iGEM standards.
+ The main safety measures we have implemented include:
+ <strong>Compliance with S1 conditions:</strong> Working in S1 laboratories ensures that only organisms in the lowest risk group are used, minimizing the risk to humans and the environment.
+ <strong>Sterile working practices:</strong> To avoid contamination, we have implemented strict hygiene measures, including the disinfection of work surfaces and the correct disposal of biological waste.
+ <strong>Controlled access:</strong> Access to laboratories was strictly regulated to ensure that only trained personnel worked with the genetically modified organisms and cell lines.
+ <strong>Documentation:</strong> All work steps, materials used and cell lines were carefully documented to ensure traceability and safety.
+ <strong>Safe handling of cell lines:</strong> The cell lines used for experiments were handled in accordance with the applicable safety regulations. This included regular checks for contamination and the safe storage and disposal of cell cultures.
+ </p>
+ <H4 text="Checkin for the Prime-Editing Komplex "></H4>
+ <p>
+ <strong>Reverse transcriptase:</strong> Reverse transcriptase plays a central role in prime editing by specifically inserting the correction as DNA at the inserted nick using an RNA template provided by pegRNA. The correction of the complementary DNA strand then takes place via the natural cell repair mechanisms. This ensures an exact correction of the target sequence. We checked the reverse transcriptase to ensure it could perform precise genome editing without introducing unintended mutations. This was important to minimize the risk of off-target effects that could lead to unexpected or harmful consequences.
+ <strong>pegRNA (Prime Editing Guide RNA):</strong> The pegRNA is a multifunctional RNA molecule that fulfils two essential tasks. Firstly, it serves as a standard <strong>guide RNA (gRNA)</strong> that binds specifically to the target DNA and thus marks the site of editing. Secondly, it contains an RNA template that encodes the desired DNA modification. This enables the precise integration of the genetic modifications at the target site. We evaluated pegRNA for its ability to specifically target and modified the intended DNA sequence. Ensuring its specificity was crucial to avoid the potential disruption of other genes.
+ <strong>Nickase Cas9, CasX, Fanzor (SpuFz1):</strong> These modified nucleases are designed to cut only one strand of DNA. This leads to controlled and precise editing of the genome, as cutting only one strand minimizes the risk of unwanted double-strand breaks. CasX and Fanzor offer smaller alternatives to Cas9, which is particularly advantageous for use in cells or organisms where space and efficiency requirements in terms of the transport system are an issue. Fanzor, being a newly introduced endonuclease, was particularly scrutinized in our project to ensure its safety and effectiveness in different cellular contexts.
+ This prime-editing complex thus represents a precise and efficient method for gene editing. By combining these components, genetic modifications can be performed with minimal side effects
+ </p>
+ <H4 text="Checkin for Cloning"></H4>
+ <p>
+ For our cloning experiments and the development of our prime editing complexes, we have amplified various plasmids in <i>E. coli</i> K-12 strains (DH5α,10-Beta) When working with microbial strains such as E. coli K-12 strains, a it's important to consider potential risks associated with their use, even though they are generally regarded as safe in laboratory settings. All experiments were performed under strict S1 conditions, following all relevant safety protocols. Below you will find an overview of the E.coli K-12 strains for our cloning experiments, submitted by us as a checkin and the specific safety measures:
+ <i>E. coli K-12</i> strains (DH5α,10-Beta): Although these strains are non-pathogenic and have been modified to minimize the risk of spreading antibiotic resistance, there remains a low risk of horizontal gene transfer, where genetic material could be transferred to other microorganisms, potentially leading to the spread of resistance genes or other traits. If accidentally released into the environment, E. coli K-12 strains could potentially interact with native microbial communities. While they are typically outcompeted in natural environments, there's a remote possibility of ecological disruption, particularly in microenvironments where they could find a niche.While these strains are non-virulent, they still pose a minimal risk to humans, particularly immunocompromised individuals, through accidental ingestion or inhalation in a laboratory setting.
+ We submitted the yeast strain <i>Pichia pastoris</i> (SMD1163) for the protein expression of Fanzor.
+ <i>Pichia pastoris</i> (SMD1163): <i>Pichia pastoris</i> (SMD1163) is a widely used yeast strain for the expression of recombinant proteins. It is characterized by a methanol-inducible expression system (AOX1 promoter) and high cell growth rates, which makes it ideal for industrial applications. The strain can be easily genetically manipulated and can perform post-translational modifications, which supports correct protein production.
+ When working with <i>Pichia pastoris</i> (SMD1163), various safety-relevant aspects must be observed. Although the organism is considered non-pathogenic and biologically safe (S1), skin contact and aerosol formation should be avoided to minimize the risk of infection or allergic reactions. When using genetically modified strains, it is important to follow the relevant GMO guidelines to prevent uncontrolled release. In addition, handling chemicals such as methanol requires special precautions as they are toxic and highly flammable. The disposal of cell cultures and waste must also be carried out in accordance with biosafety regulations, especially in the case of genetically modified organisms.
+ </p>
+ <H4 text="Checkin for Testing in cell lines "></H4>
+ <p>
+ In our project, we paid attention to safety at every step, especially when working with specific cell lines [link Zellinien]. All experiments were performed under strict S1 conditions, following all relevant safety protocols. Given the sensitivity of the human cell lines we used, we placed great emphasis on controlled and well-designed workflows. All transfections were performed in our own transfection laboratory to ensure a high level of safety and compliance. Below you will find an overview of the cell lines submitted by us as a checkin and the specific safety measures:
+ HEK293T-3HA-CFTR.
+ The HEK293T-3HA-CFTR cell line is based on HEK293T cells expressing an additional tsA1609 allele of the SV40 large T antigen. This allele enables the replication of vectors containing the SV40 origin of replication. In addition to the native CFTR gene, which is not expressed in HEK cells, the HEK293T-3HA-CFTR cell line from Leuven carries another copy of the CFTR gene embedded in an expression cassette. This cassette contains a CMV promoter, which is derived from the human cytomegalovirus and is frequently used for the overexpression of genes in human cells. In addition, the cassette contains a puromycin resistance gene that is co-expressed with CFTR, allowing continuous selection of CFTR-expressing cells.
+ <strong>HEK293T-3HA-F508del-CFTR cell line:</strong> The HEK293T-3HA-F508del-CFTR cell line is a modified HEK293T cell line that carries the F508del mutation in the CFTR gene, which is responsible for the most common mutation in cystic fibrosis. This mutation leads to a defective CFTR protein that impairs the normal function of the chloride channel. The cell line is therefore ideal for studying the effects of this mutation and for evaluating potential therapies for cystic fibrosis.
+ <strong>CFBE41o- cell line:</strong> The CFBE41o- cell line, derived from the bronchial epithelial cells of a cystic fibrosis patient, is homozygous for the ΔF508-CFTR mutation and was essential for our cystic fibrosis research. . A reduced CFTR expression level is present. The cell line carries the CFTR defect and can therefore represent a patient with CF. The cell line is used to test our mechanism. These cells were immortalized with a replication-defective plasmid that retains their physiological properties.
+ When working with the HEK293T and CFBE41o- cell lines, it’s important to consider the minimal risks associated with their use. While not harmful on their own, the genetic modifications in HEK293T cells require careful handling to prevent accidental release or exposure. These cells, engineered to overexpress CFTR, including the F508del mutation, necessitate strict safety measures like regular monitoring and proper waste disposal to comply with S1 laboratory standards. Similarly, CFBE41o- cells, due to their genetic modifications and disease relevance, require careful handling to avoid cross-contamination and ensure biosafety.
+ <strong>Human nasal epithelial cells (hNECs):</strong> Human nasal epithelial cells (hNECs) were harvested using a nasal brush, a minimally invasive procedure, and cultured in air-liquid interface (ALI) cultures to model the airway epithelium. Human nasal epithelial cells (hNECs) were obtained using a nasal brush, a minimally invasive technique, and then cultured in air-liquid interface (ALI) cultures to model the airway epithelium. Using these primary cultures, derived from donors with airway diseases such as cystic fibrosis, we were able to simulate the in vivo conditions of such diseases.
+ Due to the sensitive nature of these primary human cells, we performed all experiments with hNECs in our S2 laboratory, where increased safety precautions were taken. This included strict safety controls, safe handling of samples and proper disposal of materials after testing. In particular, the hNECs underwent HHH (Triple H: HIV, HCV and HBV) testing to ensure that no contamination occurred during sample collection or experimentation. These tests included sterility testing, viability assessments and contamination testing to ensure the safety and integrity of both the samples and the laboratory environment. After a negative HHH test, the primary cultures can be treated as S1. In addition, the nasal epithelial cells were handled with the utmost care during collection, ensuring that all procedures were performed under sterile conditions to avoid any risk of contaminationFor this purpose, the intensive examination of ethical questions was fundamental and a constant companion of our project. The numerous results from the interviews in the areas of: Ethics, storage and training in the handling of samples have been summarized in a guideline for patient consent for Germany and are intended to provide iGEM teams with the scope, critical examination and observance of iGEM rules, international and national guidelines. 
+ </p>
+ <H4 text="Checkin for Delivery "></H4>
+ <p>
+ Our finished construct is designed to be delivered into the lung via an inhaler using lipid nanoparticles (LNPs). To be more spezific a selective organ-targeting (SORT)- LNPs were developed to deliver mRNA specifically to the lung, with special measures taken to increase biocompatibility and safety. Since the LNP composition is very specific and also differs from other formulas, we submitted the LNP as a checkin:
+ <strong>LNP:</strong> These LNPs are then taken up by epithelial cells through endocytosis, releasing the construct into the cytosol. We carefully evaluated the potential risks, including unintended immune responses and the need for precise dosing to minimize side effects. In addition, we have conducted an in-depth analysis of the dual-use potential of our technology. Dual-use refers to the possibility that scientific advances can be used for both civilian and military purposes. Therefore, we have implemented strict safety protocols and ethical guidelines to ensure that our technology is used exclusively for peaceful and therapeutic applications.
+ </p>
+ </div>
</Section>
<Section title="Our Lab" id="Our Lab">
<LoremMedium/>
@@ -83,138 +125,56 @@ export const Safety: React.FC = () =>{
</Section>
<Section title="References" id="References">
<ol>
- {/* <!-- Citation num 1--> */}
- <li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-1">
- <span property="schema:author" typeof="schema:Person">
- <span property="schema:Name">Scotet, V.</span>,
- <span property="schema:Name">Gutierrez, H.</span>,
- <span property="schema:Name">Farrell, P. </span>
- </span>
- <span property="schema:name">Newborn Screening for CF across the Globe—Where Is It Worthwhile? </span>
- <i property="schema:publisher" typeof="schema:Organization">Int J Neonatal Screen </i>
- <b property="issueNumber" typeof="PublicationIssue">6</b>,
- (<time property="schema:datePublished" datatype="xsd:gYear" dateTime="2020">2020</time>).
- <a className="doi" href="https://doi.org/10.3390/ijn6010018"> doi: 10.3390/ijn6010018</a>
- </li>
- {/* <!-- Citation num 2--> */}
- <li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-1">
- <span property="schema:author" typeof="schema:Person">
- <span property="schema:Name">Scotet, V.</span>,
- <span property="schema:Name">Gutierrez, H.</span>,
- <span property="schema:Name">Farrell, P. </span>
- </span>
- <span property="schema:name">Newborn Screening for CF across the Globe—Where Is It Worthwhile? </span>
- <i property="schema:publisher" typeof="schema:Organization">Int J Neonatal Screen </i>
- <b property="issueNumber" typeof="PublicationIssue">6</b>,
- (<time property="schema:datePublished" datatype="xsd:gYear" dateTime="2020">2020</time>).
- <a className="doi" href="https://doi.org/10.3390/ijn6010018"> doi: 10.3390/ijn6010018</a>
- </li>
- {/* <!-- Citation num 3--> */}
- <li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-1">
- <span property="schema:author" typeof="schema:Person">
- <span property="schema:Name">Scotet, V.</span>,
- <span property="schema:Name">Gutierrez, H.</span>,
- <span property="schema:Name">Farrell, P. </span>
- </span>
- <span property="schema:name">Newborn Screening for CF across the Globe—Where Is It Worthwhile? </span>
- <i property="schema:publisher" typeof="schema:Organization">Int J Neonatal Screen </i>
- <b property="issueNumber" typeof="PublicationIssue">6</b>,
- (<time property="schema:datePublished" datatype="xsd:gYear" dateTime="2020">2020</time>).
- <a className="doi" href="https://doi.org/10.3390/ijn6010018"> doi: 10.3390/ijn6010018</a>
- </li>
- {/* <!-- Citation num 4--> */}
- <li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-1">
- <span property="schema:author" typeof="schema:Person">
- <span property="schema:Name">Scotet, V.</span>,
- <span property="schema:Name">Gutierrez, H.</span>,
- <span property="schema:Name">Farrell, P. </span>
- </span>
- <span property="schema:name">Newborn Screening for CF across the Globe—Where Is It Worthwhile? </span>
- <i property="schema:publisher" typeof="schema:Organization">Int J Neonatal Screen </i>
- <b property="issueNumber" typeof="PublicationIssue">6</b>,
- (<time property="schema:datePublished" datatype="xsd:gYear" dateTime="2020">2020</time>).
- <a className="doi" href="https://doi.org/10.3390/ijn6010018"> doi: 10.3390/ijn6010018</a>
- </li>
- {/* <!-- Citation num 5--> */}
- <li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-1">
- <span property="schema:author" typeof="schema:Person">
- <span property="schema:Name">Scotet, V.</span>,
- <span property="schema:Name">Gutierrez, H.</span>,
- <span property="schema:Name">Farrell, P. </span>
- </span>
- <span property="schema:name">Newborn Screening for CF across the Globe—Where Is It Worthwhile? </span>
- <i property="schema:publisher" typeof="schema:Organization">Int J Neonatal Screen </i>
- <b property="issueNumber" typeof="PublicationIssue">6</b>,
- (<time property="schema:datePublished" datatype="xsd:gYear" dateTime="2020">2020</time>).
- <a className="doi" href="https://doi.org/10.3390/ijn6010018"> doi: 10.3390/ijn6010018</a>
- </li>
- {/* <!-- Citation num 6--> */}
- <li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-1">
- <span property="schema:author" typeof="schema:Person">
- <span property="schema:Name">Scotet, V.</span>,
- <span property="schema:Name">Gutierrez, H.</span>,
- <span property="schema:Name">Farrell, P. </span>
- </span>
- <span property="schema:name">Newborn Screening for CF across the Globe—Where Is It Worthwhile? </span>
- <i property="schema:publisher" typeof="schema:Organization">Int J Neonatal Screen </i>
- <b property="issueNumber" typeof="PublicationIssue">6</b>,
- (<time property="schema:datePublished" datatype="xsd:gYear" dateTime="2020">2020</time>).
- <a className="doi" href="https://doi.org/10.3390/ijn6010018"> doi: 10.3390/ijn6010018</a>
- </li>
- {/* <!-- Citation num 7--> */}
- <li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-1">
- <span property="schema:author" typeof="schema:Person">
- <span property="schema:Name">Scotet, V.</span>,
- <span property="schema:Name">Gutierrez, H.</span>,
- <span property="schema:Name">Farrell, P. </span>
- </span>
- <span property="schema:name">Newborn Screening for CF across the Globe—Where Is It Worthwhile? </span>
- <i property="schema:publisher" typeof="schema:Organization">Int J Neonatal Screen </i>
- <b property="issueNumber" typeof="PublicationIssue">6</b>,
- (<time property="schema:datePublished" datatype="xsd:gYear" dateTime="2020">2020</time>).
- <a className="doi" href="https://doi.org/10.3390/ijn6010018"> doi: 10.3390/ijn6010018</a>
- </li>
- {/* <!-- Citation num 8--> */}
- <li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-1">
- <span property="schema:author" typeof="schema:Person">
- <span property="schema:Name">Scotet, V.</span>,
- <span property="schema:Name">Gutierrez, H.</span>,
- <span property="schema:Name">Farrell, P. </span>
- </span>
- <span property="schema:name">Newborn Screening for CF across the Globe—Where Is It Worthwhile? </span>
- <i property="schema:publisher" typeof="schema:Organization">Int J Neonatal Screen </i>
- <b property="issueNumber" typeof="PublicationIssue">6</b>,
- (<time property="schema:datePublished" datatype="xsd:gYear" dateTime="2020">2020</time>).
- <a className="doi" href="https://doi.org/10.3390/ijn6010018"> doi: 10.3390/ijn6010018</a>
- </li>
- {/* <!-- Citation num 9--> */}
- <li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-1">
- <span property="schema:author" typeof="schema:Person">
- <span property="schema:Name">Scotet, V.</span>,
- <span property="schema:Name">Gutierrez, H.</span>,
- <span property="schema:Name">Farrell, P. </span>
- </span>
- <span property="schema:name">Newborn Screening for CF across the Globe—Where Is It Worthwhile? </span>
- <i property="schema:publisher" typeof="schema:Organization">Int J Neonatal Screen </i>
- <b property="issueNumber" typeof="PublicationIssue">6</b>,
- (<time property="schema:datePublished" datatype="xsd:gYear" dateTime="2020">2020</time>).
- <a className="doi" href="https://doi.org/10.3390/ijn6010018"> doi: 10.3390/ijn6010018</a>
- </li>
- {/* <!-- Citation num 10--> */}
- <li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-1">
- <span property="schema:author" typeof="schema:Person">
- <span property="schema:Name">Scotet, V.</span>,
- <span property="schema:Name">Gutierrez, H.</span>,
- <span property="schema:Name">Farrell, P. </span>
- </span>
- <span property="schema:name">Newborn Screening for CF across the Globe—Where Is It Worthwhile? </span>
- <i property="schema:publisher" typeof="schema:Organization">Int J Neonatal Screen </i>
- <b property="issueNumber" typeof="PublicationIssue">6</b>,
- (<time property="schema:datePublished" datatype="xsd:gYear" dateTime="2020">2020</time>).
- <a className="doi" href="https://doi.org/10.3390/ijn6010018"> doi: 10.3390/ijn6010018</a>
- </li>
+ {/*<!-- Citation num 1--> */}
+<li typeof="schema:WebPage" role="doc-biblioentry" property="schema:citation" id="desc-1">
+ <span property="schema:author" typeof="schema:Organisation">
+ <span property="schema:Name">Chadwick, Ruth F.</span>.
+ </span>
+ <span property="schema:name">Encyclopedia of applied ethics.</span>
+ <i property="schema:publisher" typeof="schema:Organization">Academic Press</i>
+ (<time property="schema:datePublished" datatype="xsd:gYear" dateTime="2012">2012</time>).
+</li>
+
+{/*<!-- Citation num 2--> */}
+<li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-2">
+ <span property="schema:author" typeof="schema:Person">
+ <span property="schema:Name"> Rubeis, G.</span>;
+ <span property="schema:Name"> Steger, F.</span>
+ </span>
+ <span property="schema:name"> Risks and benefits of human germline genome editing: An ethical analysis. </span>
+ <i property="schema:publisher" typeof="schema:Organization"> Asian Bioethics Review</i>
+ <b property="issueNumber" typeof="PublicationIssue"> 10</b>,
+ <span property="schema:pageBegin">133–141</span>
+ (<time property="schema:datePublished" datatype="xsd:gYear" dateTime=" 2018">2018</time>).
+ <a className="doi" href="https://doi.org/10.1007/s41649-018-0056-x"> doi: 10.1007/s41649-018-0056-x</a>
+</li>
+
+{/*<!-- Citation num 3--> */}
+<li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-3">
+ <span property="schema:author" typeof="schema:Person">
+ <span property="schema:Name"> Ansah, E.</span>
+ </span>
+ <span property="schema:name"> Ethical Challenges and Controversies in the Practice and Advancement of Gene Therapy. </span>
+ <i property="schema:publisher" typeof="schema:Organization"> Advances in Cell and Gene Therapy</i>
+ <b property="issueNumber" typeof="PublicationIssue"> 2022</b>,
+ <span property="schema:pageBegin">1–5</span>
+ (<time property="schema:datePublished" datatype="xsd:gYear" dateTime=" 2022">2022</time>).
+ <a className="doi" href="https://doi.org/10.1155/2022/1015996"> doi: 10.1155/2022/1015996</a>
+</li>
+
+{/*<!-- Citation num 4--> */}
+<li typeof="schema:WebPage" role="doc-biblioentry" property="schema:citation" id="desc-4">
+ <span property="schema:author" typeof="schema:Organisation">
+ <span property="schema:Name">Pugh, Jonathan</span>.
+ </span>
+ <span property="schema:name">Autonomy, Rationality, and Contemporary Bioethics.</span>
+ <i property="schema:publisher" typeof="schema:Organization">Oxford University PressOxford</i>
+ (<time property="schema:datePublished" datatype="xsd:gYear" dateTime="2020">2020</time>).
+</li>
+
+
</ol>
- </Section>
+ </Section>
</>
);
}
diff --git a/src/utils/useNavigation.ts b/src/utils/useNavigation.ts
index ee08a06f602ecdd6f8f816f8e40065410abecd31..77481f605c16dfcd5bef5db0b862fbda567bdbed 100644
--- a/src/utils/useNavigation.ts
+++ b/src/utils/useNavigation.ts
@@ -4,7 +4,7 @@ import { useState } from "react";
export const useNavigation = () => {
const navigate = useNavigate();
- const [isLoading, setIsLoading] = useState(false);
+ const [isLoading, setIsLoading] = useState(false);
const goToPagesAndOpenTab = (tabId: string, path: string) => {
@@ -42,7 +42,7 @@ export const useNavigation = () => {
- const goToPageWithTabAndScroll = ({ path, tabId, scrollToId }: { path: string, tabId: string, scrollToId?: string }) => {
+ const goToPageWithTabAndScroll = ({ path, tabId, scrollToId }: { path: string, tabId: string, scrollToId: string }) => {
let url = `${path}?tab=${tabId}`;
if (scrollToId) {
url += `&scrollTo=${scrollToId}`;
@@ -50,8 +50,14 @@ export const useNavigation = () => {
navigate(url);
};
+ const goToPageAndScroll = (scrollToId: string, path: string) => {
+
+
+ navigate(`${path}?scrollTo=${scrollToId}`);
+ };
+
- return { isLoading, setIsLoading, goToPagesAndOpenTab, goToPageWithTabAndScroll, goToPageWithNestedTabs, goToPageWithTabAndCollapsible, goToTextsAndOpenCollapsible };
+ return { isLoading, goToPageAndScroll, setIsLoading, goToPagesAndOpenTab, goToPageWithTabAndScroll, goToPageWithNestedTabs, goToPageWithTabAndCollapsible, goToTextsAndOpenCollapsible };
};