From 1973b986f2e2cc31cb02d0774b9beb25e33808e9 Mon Sep 17 00:00:00 2001 From: liliana <liliana.sanfilippo@uni-bielefeld.de> Date: Mon, 8 Jul 2024 17:27:53 +0200 Subject: [PATCH] lnp spin --- src/App/App.css | 6 ++++++ src/contents/description.tsx | 2 +- 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/src/App/App.css b/src/App/App.css index 6356bf51..979471db 100644 --- a/src/App/App.css +++ b/src/App/App.css @@ -385,6 +385,12 @@ img .middle{ width: auto; margin: 0.5rem; } +.spin { + transition: transform 1s ease-in-out; +} +.spin:hover{ + transform: rotate(360deg); +} .img-sponsor{ max-width: 70%; max-height: 150px; diff --git a/src/contents/description.tsx b/src/contents/description.tsx index 589ae957..d36c2bed 100644 --- a/src/contents/description.tsx +++ b/src/contents/description.tsx @@ -106,7 +106,7 @@ export function Description() { <div className="col"> <section id="Delivery" className="section"> <H2 text="Delivery"></H2> - <img className="img-left img-half" src="https://static.igem.wiki/teams/5247/scientific-figures/lnp.png" height={"200vw"}/> + <img className="img-left img-half spin" src="https://static.igem.wiki/teams/5247/scientific-figures/lnp.png" height={"200vw"}/> <div> <p>We chose LNPs as the delivery system of our Next-Generation Prime Editing Technology. Because of their large capacity and less immunogenic side effects compared to other delivery systems like Adeno-associated Viruses (AVV)<a href="#desc-six"><sup>6</sup></a>. Our aim is to optimize the LNP formulation to improve delivery to lung tissue via inhalation. Because of our collaborations, we are able to test and optimize different delivery systems to improve our organ specific therapeutic approach. Therefore, our LNP design focusses on stability and targeting. Stability is achieved by a polyethylene glycol (PEG) coating that protects the LNPs from degradation by the immune system<a href="#desc-seven"><sup>7</sup></a>. Moreover, we use capsaicin in combination with chitosan to improve the uptake of our construct through their mucus-adhesive properties<a href="#desc-eight"><sup>8</sup></a>. </p> </div> -- GitLab