diff --git a/src/App/App.css b/src/App/App.css
index 9eb3b8bd1ae87f53d38942bf5c222871fbfaa096..0cc943aed5b3fba4277aa138d63af7f6aee5c30c 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -4105,4 +4105,31 @@ figure img{
.download-butt{
display: inline-block;
height: 50px !important;
+}
+
+/* Philip's area (sorry Lili) */
+
+.casettecontainer {
+ display: flex;
+ justify-content: center; /* Align boxes in the center horizontally */
+ align-items: flex-start; /* Align items at the top (start) vertically */
+ flex-wrap: wrap; /* Ensure the boxes wrap on smaller screens */
+ gap: 20px; /* Add space between the boxes */
+}
+
+.casettebox {
+ display: flex;
+ flex-direction: column; /* Stack image and any content vertically */
+ justify-content: flex-start; /* Align images at the top */
+ align-items: center; /* Center images horizontally */
+ width: auto; /* Set a width for the boxes */
+ height: auto; /* Allow height to adapt based on content */
+ padding: 10px;
+}
+
+.casettebox img {
+ width: 100%; /* Image takes up full width of its container */
+ height: auto; /* Maintain aspect ratio of the image */
+ max-height: 150px; /* Set a maximum height to ensure consistency */
+ object-fit: cover; /* Ensure the image covers the available space */
}
\ No newline at end of file
diff --git a/src/contents/description.tsx b/src/contents/description.tsx
index 0e679d53be353cfa955367472e5433cc8a7b7209..41eb8948e3d0bfb8cf236011cd0886a8e6d0de49 100644
--- a/src/contents/description.tsx
+++ b/src/contents/description.tsx
@@ -232,7 +232,7 @@ export function Description() {
</Collapsible>
<br/>
<div className='row align-items-center'>
- <p>To optimize AirBuddy for pulmonary delivery, we collaborated extensively with several experts, including <a onClick={() => goToPagesAndOpenTab('weber', '/human-practices')}>Prof. Weber, Dr. Große-Onnebrink</a> and <a onClick={() => goToPagesAndOpenTab('tabid', '/human-practices')}>Dr. Kolonko</a> as medical experts, <a onClick={() => goToPagesAndOpenTab('kristian', '/human-practices')}>Prof. Dr. Müller</a>, <a onClick={() => goToPagesAndOpenTab('radukic', '/human-practices')}>Dr. Radukic</a>, Benjamin Moorlach and the Physical and Biophysical Chemistry working group as academic experts form Bielefeld University and FH Bielefeld as well as <a onClick={() => goToPagesAndOpenTab('corden', '/human-practices')}>Corden Pharma</a> and <a onClick={() => goToPagesAndOpenTab('rnhale', '/human-practices')}>RNhale</a> as industrial experts. Throughout the <a onClick={() => goToPagesAndOpenTab('delivery head', '/engineering')}>development process</a>, we tested two commercially available kits: the <strong>Cayman Chemical LNP Exploration Kit (LNP-102)</strong> and the <strong>Corden Pharma LNP Starter Kit #2</strong>. While the Cayman kit demonstrated limited transfection efficiency, the Corden Pharma formulation significantly enhanced cellular uptake in lung tissues. Building on this, we integrated the <strong>SORT LNP</strong> method based on Wang's research [1], making our nanoparticles lung-specific. Additionally, we employed the <strong>spray-drying technique</strong> in cooperation with RNhale [2] to improve the stability of our LNP, ensuring that it withstands the inhalation process without degradation. This stability is crucial for the efficient delivery of mRNA into lung epithelial cells, where PrimeGuide can effectively perform genome editing.</p>
+ <p>To optimize AirBuddy for pulmonary delivery, we collaborated extensively with several experts, including <a onClick={() => goToPagesAndOpenTab('weber', '/human-practices')}>Prof. Weber, Dr. Große-Onnebrink</a> and <a onClick={() => goToPagesAndOpenTab('tabid', '/human-practices')}>Dr. Kolonko</a> as medical experts, <a onClick={() => goToPagesAndOpenTab('kristian', '/human-practices')}>Prof. Dr. Müller</a>, <a onClick={() => goToPagesAndOpenTab('radukic', '/human-practices')}>Dr. Radukic</a>, <a onClick={() => goToPagesAndOpenTab('moorlach', '/human-practices')}>Benjamin Moorlach</a> and the <a onClick={() => goToPagesAndOpenTab('biophysik', '/human-practices')}>Physical and Biophysical Chemistry working group</a> as academic experts form Bielefeld University and FH Bielefeld as well as <a onClick={() => goToPagesAndOpenTab('corden', '/human-practices')}>Corden Pharma</a> and <a onClick={() => goToPagesAndOpenTab('rnhale', '/human-practices')}>RNhale</a> as industrial experts. Throughout the <a onClick={() => goToPagesAndOpenTab('delivery head', '/engineering')}>development process</a>, we tested two commercially available kits: the <strong>Cayman Chemical LNP Exploration Kit (LNP-102)</strong> and the <strong>Corden Pharma LNP Starter Kit #2</strong>. While the Cayman kit demonstrated limited transfection efficiency, the Corden Pharma formulation significantly enhanced cellular uptake in lung tissues. Building on this, we integrated the <strong>SORT LNP</strong> method based on Wang's research [1], making our nanoparticles lung-specific. Additionally, we employed the <strong>spray-drying technique</strong> in cooperation with RNhale [2] to improve the stability of our LNP, ensuring that it withstands the inhalation process without degradation. This stability is crucial for the efficient delivery of mRNA into lung epithelial cells, where PrimeGuide can effectively perform genome editing.</p>
<img src="https://static.igem.wiki/teams/5247/delivery/big-plan-inhalation-teil-del.webp"/>
</div>
<p>To evaluate the <strong>delivery efficiency</strong>, we transfected HEK293 and CFBE41o- cells using fluorescent cargo and quantified the results through FACS analysis. We also ensured that AirBuddy meets the necessary standards for safety and efficacy since we conducted extensive <a onClick={() => goToPageAndScroll ('In-Depth Characterization of LNPsH', '/materials-methods')}> characterization of the LNPs </a>using techniques such as Zeta potential analysis, Dynamic Light Scattering (DLS), Scanning Electron Microscopy (SEM), and Cryogenic Electron Microscopy (cryo-EM). These methods confirmed the uniformity, stability, and optimal size distribution of the nanoparticles. Furthermore, <strong>cytotoxicity assessments</strong> including MTT and proliferation assays demonstrated that our LNPs are biocompatible and do not impede cell growth or function by the incorporation of <a onClick={() => goToPagesAndOpenTab('it4', '/engineering')}>PEG</a> and other ambivalent components. These findings reinforce AirBuddy's potential as a safe and effective tool for pulmonary delivery, with broad implications for gene therapies targeting lung diseases.</p>
diff --git a/src/contents/engineering.tsx b/src/contents/engineering.tsx
index 75b41edff91118c94b65b8f0e9868059e1c7d926..84b77760e4586a7a95e62eefabc28d0dad24e0eb 100644
--- a/src/contents/engineering.tsx
+++ b/src/contents/engineering.tsx
@@ -289,20 +289,34 @@ export function Engineering() {
<p>
The PreCyse cassette comes in three versions: PreCyseA, the most basic version, comprises of a T7 promoter and an open reading frame, which includes NLS and one typeIIS restriction enzyme cloning site for a nickase and a reverse transcriptase each. For possible future additions like e. g. selection markers, a BamHI restriction site at the end of the coding sequence allows for easy in-frame Gibson cloning. Building on this basis, PreCyseB expands PreCyseA by the La Poly(U)-binding motif. PreCyseC additionally introduces the co-expressed MLH1dn. The cassettes were ordered in three individual parts to be put together with a pCMV-PE6c backbone via Gibson Cloning in different configurations to create the three variants. In the plasmid the cassette is expressed under a CMV promoter and followed by a polyadenylation signal. The PreCyse Casettes themselves can be used as a BioBrick RFC[10] standard compatible composite part can thus be freely combined with other parts. The nickase and RT slots can be used for inserting any basic or composite part compatible with the Type IIS RCF[1000] standard for fusion proteins. The PreCyse Casette is meant to be a contribution to the iGEM community and a base for other teams to join us and researchers around the world to innovate in the exciting field of prime editing.
</p>
- <div className="row align-items-center">
+ <div className="casettecontainer">
+ <div className="casettebox">
+ <H5 text="PreCyseA" id="PCA"/>
+ <img src="https://static.igem.wiki/teams/5247/engineering-cycle/precysea-casette.svg" alt="image 1" />
+ </div>
+ <div className="casettebox">
+ <H5 text="PreCyseB" id="PCB"/>
+ <img src="https://static.igem.wiki/teams/5247/engineering-cycle/precyseb-casette.svg" alt="image 2" />
+ </div>
+ <div className="casettebox">
+ <H5 text="PreCyseC" id="PCC"/>
+ <img src="https://static.igem.wiki/teams/5247/engineering-cycle/precysec-casette.svg" alt="image 3" />
+ </div>
+ </div>
+ {/* <div className="row align-items-center">
< div className='col align-items-center'>
<H5 text="PreCyseA" id="PreCyseA"/>
- <img src="https://static.igem.wiki/teams/5247/engineering-cycle/precysea-casette.svg" alt="PreCyseA modular PE casette" style={{height: "50%", width: "auto"}}/>
+ <img src="https://static.igem.wiki/teams/5247/engineering-cycle/precysea-casette.svg" alt="PreCyseA modular PE casette" style={{height: "80pt", width: "auto"}}/>
</div>
<div className='col align-items-center'>
<H5 text="PreCyseB" id="PreCyseB"/>
- <img src="https://static.igem.wiki/teams/5247/engineering-cycle/precyseb-casette.svg" alt="PreCyseB modular PE casetter" style={{height: "50%", width: "auto"}}/>
- </div>
- <div className='row align-items-center'>
- <H5 text="PreCyseC" id="PreCyseC"/>
- <img src="https://static.igem.wiki/teams/5247/engineering-cycle/precysec-casette.svg" alt="PreCyseC modular PE casette" style={{height: "50%", width: "auto"}}/>
+ <img src="https://static.igem.wiki/teams/5247/engineering-cycle/precyseb-casette.svg" alt="PreCyseB modular PE casetter" style={{height: "80pt", width: "auto"}}/>
</div>
</div>
+ <div className='row align-items-center'>
+ <H5 text="PreCyseC" id="PreCyseC"/>
+ <img src="https://static.igem.wiki/teams/5247/engineering-cycle/precysec-casette.svg" alt="PreCyseC modular PE casette" style={{height: "80pt", width: "auto"}}/>
+ </div> */}
</p>
</div>
<Section title="References" id="references">