From a02d4a554de702f870a59d1ba3cf7fd702865e57 Mon Sep 17 00:00:00 2001 From: Rodrigo Rosario Cruz <rodrigorosario435@gmail.com> Date: Tue, 1 Oct 2024 22:49:25 -0400 Subject: [PATCH] last modify content --- static/css/awards/education.css | 3 +- static/css/footer.css | 3 +- .../css/human_practices/human_practices.css | 4 ++ static/css/proyect/engineering.css | 19 ++----- wiki/footer.html | 6 +- wiki/pages/engineering.html | 56 ++++++++++--------- wiki/pages/human-practices.html | 2 +- 7 files changed, 46 insertions(+), 47 deletions(-) diff --git a/static/css/awards/education.css b/static/css/awards/education.css index e76a54f..d342450 100644 --- a/static/css/awards/education.css +++ b/static/css/awards/education.css @@ -54,7 +54,7 @@ font-size: var(--heading-regular-size); font-weight: var(--font-bold); color: var(--color-black); - text-align: center; + text-align: start; } .content_page>p { @@ -69,6 +69,7 @@ width: 70% !important; font-weight: var(--font-bold) !important; text-align: center !important; + font-size: var(--text-medium-size) !important; } .cards__courses { diff --git a/static/css/footer.css b/static/css/footer.css index e51309c..e8ac6b4 100644 --- a/static/css/footer.css +++ b/static/css/footer.css @@ -40,6 +40,7 @@ footer .container__logo-icons-navbar { display: flex; justify-content: space-evenly; align-items: center; + margin-top: 20px; margin-bottom: 30px; } @@ -58,7 +59,7 @@ footer .container__logo-icons-navbar { .container__logo-icons-navbar .content__logo-icons .box__icons a i { color: var(--gray-900); - font-size: var(--heading-small-size); + font-size: var(--heading-regular-size); } diff --git a/static/css/human_practices/human_practices.css b/static/css/human_practices/human_practices.css index d38c3fe..889f7f6 100644 --- a/static/css/human_practices/human_practices.css +++ b/static/css/human_practices/human_practices.css @@ -623,4 +623,8 @@ .title__text-hp{ font-size: var(--heading-large-size) !important; color: var(--color-warn) !important; +} + +.import-title-hp{ + font-size: var(--text-medium-size) !important; } \ No newline at end of file diff --git a/static/css/proyect/engineering.css b/static/css/proyect/engineering.css index 35eee05..f6d4103 100644 --- a/static/css/proyect/engineering.css +++ b/static/css/proyect/engineering.css @@ -63,15 +63,8 @@ } .content_strategy { + width: 100%; - display: flex; - flex-wrap: wrap; - gap: 2%; -} - -.content_strategy>p { - flex-grow: 1; - width: 48%; } .text__title-bold { @@ -83,11 +76,10 @@ } .selective__detection { - max-width: 600px; - min-width: 320px; - flex-grow: 1; + max-width: 1000px; + min-width: 300px; width: 100%; - margin-bottom: 20px; + margin: 0 auto 20px; display: flex; flex-direction: column; @@ -181,13 +173,12 @@ color: var(--gray-100); } - - .content_strategy-imgs { width: 100%; height: auto; display: flex; justify-content: center; + border: 1px solid var(--border-color); } .section__img { diff --git a/wiki/footer.html b/wiki/footer.html index 0c33e5d..407142e 100644 --- a/wiki/footer.html +++ b/wiki/footer.html @@ -4,13 +4,13 @@ <img src="https://static.igem.wiki/teams/5257/project/footer/logo-igem-bolivia.svg" alt="Logo iGEM Bolivia"> <div class="box__icons"> <a href="https://www.facebook.com/iGEMBolivia"> - <img src="https://static.igem.wiki/teams/5257/project/footer/facebook-square.svg" alt="Facebook"> + <i class="fa-brands fa-square-facebook"></i> </a> <a href="https://www.instagram.com/igembolivia/"> - <img src="https://static.igem.wiki/teams/5257/project/footer/instagram.svg" alt="Instagram"> + <i class="fa-brands fa-instagram"></i> </a> <a href="https://www.linkedin.com/company/igem-bolivia2021/"> - <img src="https://static.igem.wiki/teams/5257/project/footer/linkedin.svg" alt="Linkedin"> + <i class="fa-brands fa-linkedin"></i> </a> <a href="https://www.tiktok.com/@igemteambolivia" target="_blank"> <i class="fa-brands fa-tiktok"></i> diff --git a/wiki/pages/engineering.html b/wiki/pages/engineering.html index 3579229..4a3e0b4 100644 --- a/wiki/pages/engineering.html +++ b/wiki/pages/engineering.html @@ -103,46 +103,37 @@ endblock %} </div> </div> </div> - <p> - Dual-Plasmid System: The bacterium is transformed with constructs #1 and #2. - <br> - In the Presence of Organic Mercury: The protein MerRm4-1, a mercury-sensitive transcription factor, - binds to organic mercury, activating the expression of the mRFP_Magenta reporter, which emits magenta - fluorescence as an indicator of organic mercury. <br> <br> - In the Presence of Inorganic Mercury (Hg²âº): Inorganic mercury binds to the merRtn501 transcription - factor, which triggers the expression of the mChartreuse reporter, emitting green fluorescence. While - inorganic mercury can also bind to MerRm4-1, the reporter is degraded due to a proteolysis mechanism - controlled by the TEV enzyme, this enzyme exposes a degradation tag. At the same time the expression of - the magenta reporter is suppressed by tetR, a repressor protein encoded by the tetR gene. TetR binds to - the tetO site, effectively preventing - mRFP_Magenta expression and ensuring that no magenta signal is emitted in response to inorganic mercury. - </p> - </div> + </div> + <p> + Dual-Plasmid System: The bacterium is transformed with constructs #1 and #2. + <br> + In the Presence of Organic Mercury: The protein MerRm4-1, a mercury-sensitive transcription factor, + binds to organic mercury, activating the expression of the mRFP_Magenta reporter, which emits magenta + fluorescence as an indicator of organic mercury. <br> <br> + In the Presence of Inorganic Mercury (Hg²âº): Inorganic mercury binds to the merRtn501 transcription + factor, which triggers the expression of the mChartreuse reporter, emitting green fluorescence. While + inorganic mercury can also bind to MerRm4-1, the reporter is degraded due to a proteolysis mechanism + controlled by the TEV enzyme, this enzyme exposes a degradation tag. At the same time the expression of + the magenta reporter is suppressed by tetR, a repressor protein encoded by the tetR gene. TetR binds to + the tetO site, effectively preventing + mRFP_Magenta expression and ensuring that no magenta signal is emitted in response to inorganic mercury. + </p> <p>This strategic design guarantees that the biosensor will exclusively emit a signal in the presence of organic mercury, while any response to inorganic mercury either results in green fluorescence or is completely blocked by TetR-mediated repression. </p> <h2>Strategy 2: Selective Mercury Detection via Volatilization of Inorganic Mercury.</h2> <p> - This strategy volatilizes inorganic mercury out of the cell before it enters the biosensor, ensuring that the + This strategy volatilizes inorganic mercury out of the cell before it enters the biosensor, ensuring that + the biosensor responds selectively to organic mercury. </p> <!-- Strategy 2 --> <div class="content_strategy"> - <p> - Dual-Plasmid System: The bacterium is transformed with Constructs #2 and #3. <br> - In the Presence of Inorganic Mercury (Hg²âº):Two key protein complexes, OmpTLOT-gdh and OmpTLOT-merA, - form on the bacterial membrane. Together, these complexes prevent inorganic mercury from entering the - cell. The OmpTLOT-merA complex reduces Hg²⺠to Hgâ° (elemental mercury), a volatile form that leaves the - system without eliciting a detection signal. <br> <br> - In the Presence of Organic Mercury The gomerB enzyme cleaves methylmercury, a form of organic mercury, - converting it into inorganic mercury. This is then detected by the merRtn501 transcription factor, which - activates the mChartreuse reporter, emitting green fluorescence. Additionally, TEV protease is expressed - to cleave MerA, preventing further reduction of inorganic mercury and ensuring proper detection.. - </p> + <div class="selective__detection"> <div class="section__buttons"> <div class="select__organic-mercury select__organic-mercury-rev"> @@ -190,6 +181,17 @@ endblock %} </div> </div> </div> + <p> + Dual-Plasmid System: The bacterium is transformed with Constructs #2 and #3. <br> + In the Presence of Inorganic Mercury (Hg²âº):Two key protein complexes, OmpTLOT-gdh and OmpTLOT-merA, + form on the bacterial membrane. Together, these complexes prevent inorganic mercury from entering the + cell. The OmpTLOT-merA complex reduces Hg²⺠to Hgâ° (elemental mercury), a volatile form that leaves the + system without eliciting a detection signal. <br> <br> + In the Presence of Organic Mercury The gomerB enzyme cleaves methylmercury, a form of organic mercury, + converting it into inorganic mercury. This is then detected by the merRtn501 transcription factor, which + activates the mChartreuse reporter, emitting green fluorescence. Additionally, TEV protease is expressed + to cleave MerA, preventing further reduction of inorganic mercury and ensuring proper detection.. + </p> <p>This strategy is particularly effective in environments where both forms of mercury are present, as it allows for the selective detection of organic mercury while volatilizing inorganic mercury to eliminate interference. diff --git a/wiki/pages/human-practices.html b/wiki/pages/human-practices.html index 15854f0..935a78a 100644 --- a/wiki/pages/human-practices.html +++ b/wiki/pages/human-practices.html @@ -33,7 +33,7 @@ the world. Consider how the world affects your work and how your work affects th - <h2>Interviews were held with experts from diverse fields who shared valuable insights with the team.</h2> + <h2 class="import-title-hp">Interviews were held with experts from diverse fields who shared valuable insights with the team.</h2> <div class="content__interviews-experts"> <div class="item__interviews-experts technical-exploration"> <img src="https://static.igem.wiki/teams/5257/project/human-practices/technical-exploration-result.webp" -- GitLab