Skip to content
Snippets Groups Projects
Commit 008a8176 authored by Harold Rosado's avatar Harold Rosado
Browse files

text style modified

parent 1130075c
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 85 additions and 79 deletions
static/css/awards/education.css
+ 1
− 1
View file @ 008a8176
......@@ -51,7 +51,7 @@
.content_page>h1 {
font-size: var(--heading-medium-size);
font-size: var(--heading-regular-size);
font-weight: var(--font-bold);
color: var(--color-black);
text-align: center;
......
static/css/biosafety/biosafety.css
+ 2
− 2
View file @ 008a8176
......@@ -19,14 +19,14 @@
.content__biosafety>h1 {
width: 100%;
font-size: var(--heading-small-size);
font-size: var(--heading-regular-size);
font-weight: var(--font-bold);
text-align: start !important;
}
.content__biosafety>h2 {
width: 100%;
font-size: var(--heading-xsmall-size);
font-size: var(--heading-small-size);
font-weight: var(--font-bold);
text-align: start;
}
......
static/css/lab/experiments.css
+ 1
− 1
View file @ 008a8176
......@@ -11,7 +11,7 @@
}
.content_experiments h2 {
font-size: var(--text-large-size);
font-size: var(--heading-regular-size);
font-weight: var(--font-bold);
text-align: center;
}
......
static/css/lab/hardware.css
+ 6
− 4
View file @ 008a8176
......@@ -8,7 +8,7 @@
.content_flex h1 {
width: 100%;
font-size: var(--heading-medium-size);
font-size: var(--heading-regular-size);
font-weight: var(--font-bold);
color: var(--gray-900);
text-align: start;
......@@ -70,7 +70,7 @@
}
.img_complete-content-large{
max-width: 920px;
max-width: 720px;
width: 100%;
height: auto;
}
......@@ -108,9 +108,11 @@
gap: 20px;
}
.card_desing > img{
/* Aquí ajustamos el ícono */
.card_desing i {
font-size: 2.4em; /* 3 veces más grande */
color: #9e9e9e; /* Puedes personalizar el color */
margin: 1% 0;
height: 20%;
}
.card_desing p {
......
static/css/menu.css
+ 2
− 2
View file @ 008a8176
......@@ -59,7 +59,7 @@
text-decoration: none;
color: var(--gray-100);
font-size: var(--text-regular-size);
font-weight: var(--font-bold);
font-weight: var(--font-medium);
transition: 0.5s;
z-index: 1;
text-align: center;
......@@ -270,7 +270,7 @@
text-decoration: none;
color: var(--gray-100);
font-size: var(--text-regular-size);
font-weight: var(--font-bold);
font-weight: var(--font-medium);
transition: 0.5s;
z-index: 1;
text-align: center;
......
static/css/proyect/contribution.css
+ 1
− 1
View file @ 008a8176
.content__parts h1{
font-size: var(--heading-medium-size);
font-size: var(--heading-regular-size);
font-weight: var(--font-bold);
}
......
static/css/proyect/description.css
+ 9
− 3
View file @ 008a8176
......@@ -5,18 +5,18 @@
}
.content__description h1 {
font-size: var(--heading-medium-size);
font-size: var(--heading-regular-size);
font-weight: var(--font-bold);
text-align: start !important;
}
.content__description h2 {
font-size: var(--heading-small-size);
font-size: var(--heading-regular-size);
font-weight: var(--font-bold);
}
.content__description h3 {
font-size: var(--heading-xsmall-size);
font-size: var(--heading-small-size);
font-weight: var(--font-bold);
}
......@@ -53,6 +53,7 @@
}
.text__section ul span {
font-size: var(--heading-xsmall-size);
font-weight: var(--font-bold);
}
......@@ -145,6 +146,10 @@
border: 1px solid var(--border-color);
padding: 15px;
min-width: 320px;
}
.content__table-description table tr th{
font-size: var(--heading-xsmall-size);
}
.content__table-description table tr th:first-child,
......@@ -169,6 +174,7 @@
}
.text__expect-impact span {
font-size: var(--heading-xsmall-size);
font-weight: var(--font-bold);
}
......
static/css/proyect/desing.css
+ 10
− 8
View file @ 008a8176
......@@ -18,16 +18,17 @@
.container__desing h1 {
margin: auto;
font-size: var(--heading-medium-size);
font-size: var(--heading-regular-size);
font-weight: var(--font-medium);
color: var(--color-primary);
/* color: var(--color-primary); */
}
.container__desing h2 {
margin: auto;
font-size: var(--heading-small-size);
font-weight: var(--font-medium);
color: var(--color-primary);
font-weight: var(--font-bold);
/* color: var(--color-primary); */
}
.title__color-warn{
......@@ -76,19 +77,20 @@
.text__large-bold {
margin: 0 !important;
font-size: var(--text-large-size) !important;
font-size: var(--heading-xsmall-size) !important;
font-weight: var(--font-bold) !important;
color: var(--color-black) !important;
}
.text__medium-bold {
margin: 0 !important;
font-size: var(--text-medium-size) !important;
font-size: var(--heading-xsmall-size) !important;
font-weight: var(--font-bold) !important;
color: var(--color-black) !important;
}
.li__title-bold {
/* font-size: var(--heading-xsmall-size) !important; */
font-weight: var(--font-bold);
}
......@@ -100,9 +102,9 @@
font-weight: var(--font-normal);
}
.li__title-medium-bold {
font-size: var(--text-medium-size);
}
/* .li__title-medium-bold {
font-size: var(--heading-xsmall-size);
} */
/* box of text organic mercury detection */
.text__organic-mercury-detection {
......
static/css/proyect/engineering.css
+ 1
− 1
View file @ 008a8176
......@@ -24,7 +24,7 @@
}
.content_engineering h2 {
font-size: var(--heading-xsmall-size);
font-size: var(--heading-small-size);
font-weight: var(--font-bold);
}
......
static/css/proyect/parts.css
+ 5
− 5
View file @ 008a8176
......@@ -28,7 +28,7 @@
}
.content__parts h2 {
color: var(--color-primary);
/* color: var(--color-primary); */
font-size: var(--heading-medium-size);
font-weight: var(--font-bold);
}
......@@ -50,7 +50,7 @@
}
.tables__parts h3 {
color: var(--color-primary);
/* color: var(--color-primary); */
font-size: var(--heading-small-size);
font-weight: var(--font-bold);
}
......@@ -101,13 +101,13 @@
.color-text-composite-part {
display: inline;
color: var(--color-primary) !important;
/* color: var(--color-primary) !important; */
font-weight: var(--font-bold) !important;
}
.last-child__color-warn {
/* .last-child__color-warn {
color: var(--color-primary) !important;
}
} */
.tables__parts .table__part:last-child table tr th:first-child,
.tables__parts .table__part:last-child table tr td:first-child {
......
static/css/proyect/results.css
+ 2
− 2
View file @ 008a8176
......@@ -2,13 +2,13 @@
.content__results>h2 {
width: 100% !important;
text-align: start !important;
font-size: var(--heading-large-size);
font-size: var(--heading-regular-size);
color: var(--gray-900) !important;
}
.content__results .title-exp_curve {
width: 100%;
font-size: var(--text-medium-size);
font-size: var(--text-regular-size);
color: var(--gray-900);
padding: 2%;
}
......
static/css/sidebar.css
+ 2
− 2
View file @ 008a8176
......@@ -81,8 +81,8 @@
padding: 2px 7px;
text-decoration: none;
color: var(--color-white);
font-size: var(--text-regular-size);
font-weight: var(--font-bold);
font-size: var(--text-medium-size);
font-weight: var(--font-medium);
transition: 0.5s;
list-style: none;
z-index: 1;
......
wiki/pages/design.html
+ 1
− 1
View file @ 008a8176
......@@ -33,7 +33,7 @@
leading to the expression of the mChartreuse (green signal).">
</div>
<h1>The Mercury Biosensor: Engineering Nature for Pollution Detection</h1>
<h2>The Mercury Biosensor: Engineering Nature for Pollution Detection</h2>
<P>The iGEM Bolivia team has developed a biosensor that detects both organic and inorganic mercury using engineered
<span class="fst-italic">E. coli</span> DH5α. The system is built around two distinct strategies to ensure high
sensitivity and selectivity.
......
wiki/pages/engineering.html
+ 7
− 7
View file @ 008a8176
......@@ -47,7 +47,7 @@ endblock %}
was informed by prior success with similar bacterial systems, such as <span class="coli-cursive">E.
coli</span> BL21 (Amarelle, V., et al.,
2023), ensuring both efficiency and compatibility.</p>
<h2>Strategy 1: “NOT Logic Gate” for Selective Detection.</h2>
<h2>Strategy 1: “NOT Logic Gate” for Selective Detection</h2>
<p>This strategy utilizes a "NOT logic gate" mechanism to differentiate between organic and inorganic mercury,
ensuring that the biosensor is selectively responsive to organic mercury, while inhibiting responses to
inorganic mercury.
......@@ -272,7 +272,7 @@ endblock %}
</p>
</div>
<div class="card__engineering">
<h3>Screening and validation.</h3>
<h3>Screening and validation</h3>
<p>To confirm the correct assembly of our constructs, we will use plasmid selection markers and observe
colony growth on antibiotic media. Fluorescence assays will be conducted to verify the expression of
the fluorescent proteins in response to methylmercury and inorganic mercury. If any inconsistencies
......@@ -321,14 +321,14 @@ endblock %}
<img src="https://static.igem.wiki/teams/5257/project/engineering/detection-methylmercury-2-result-1.webp" alt="">
<h4>Detection of heavy metals and measurement of gfp protein fluorescence.</h4>
<h2>Biosensor characterization.</h2>
<h2>Biosensor characterization</h2>
<p>The fluorescence of each biosensor, exposed to varying concentrations of organic and inorganic mercury, will
be measured to evaluate its performance.
</p>
<h2>
Strategy 1: Utilizes a NOT logic gate for selective detection. <br>
Strategy 2: Employs cell surface display with mercuric reductase.
</h2>
<h3>
Strategy 1: Utilizes a NOT logic gate for selective detection <br>
Strategy 2: Employs cell surface display with mercuric reductase
</h3>
<div class="cards__biosensor-characterization">
<div class="card__biosensor-characterization">
......
wiki/pages/experiments.html
+ 6
− 11
View file @ 008a8176
......@@ -100,7 +100,7 @@
<h3>Reference</h3>
<p>Green, M. Richard, & Sambrook, J. Frank. (2012). Molecular cloning : A laboratory manual. 4th ed. Cold Spring
Harbor (N.Y.): Cold Spring Harbor Laboratory Press.</p>
<h2>COMPETENT CELLS PROTOCOL</h2>
<h2>Competent Cells Protocol</h2>
<div class="content__competent-protocol">
<div class="card__competent-protocol">
<div>1</div>
......@@ -158,8 +158,7 @@
alt="">
</div>
</div>
<a href="https://app.biorender.com/illustrations/66f1c77b7c9bc227c67c26ad">https://app.biorender.com/illustrations/66f1c77b7c9bc227c67c26ad
</a>
<h1 id="bacterial_transformation_protocol">Bacterial Transformation Protocol</h1>
<h3>Objective:</h3>
<p>To transform DH5-alpha Thermo ScientificⓇ cells with mercury-detecting plasmids.
......@@ -287,8 +286,7 @@
alt="">
</div>
</div>
<a
href="https://app.biorender.com/illustrations/66f1fbf8f4192d6a21bc4df7">https://app.biorender.com/illustrations/66f1fbf8f4192d6a21bc4df7</a>
<h1 id="protocol_handling_mercury">Protocol for Handling Mercury Compounds</h1>
<h3>Objective:</h3>
<p>Ensure the proper handling of mercury compounds used during the validation of the mercury biosensor,
......@@ -519,9 +517,7 @@
alt="">
</div>
</div>
<a href="https://app.biorender.com/illustrations/66f3166f7807168a43cb70be?slideId=1a2adb84-5b37-4d39-a443-a1aaf9de5188
">https://app.biorender.com/illustrations/66f3166f7807168a43cb70be?slideId=1a2adb84-5b37-4d39-a443-a1aaf9de5188
</a>
<h1>Encapsulation</h1>
<h3>Objective:</h3>
<p>To encapsulate recombinant bacteria that detect inorganic and organic mercury in alginate gels to enhance
......@@ -576,10 +572,9 @@
Different Rheological Behavior on Lactiplantibacillus plantarum 299v" Gels 9, no. 9: 682.
<a href="https://doi.org/10.3390/gels9090682">https://doi.org/10.3390/gels9090682</a>
</p>
<h2>MERCURY COMPOUNDS HANDLING PROTOCOL</h2>
<h2>Mercury Compounds Handling Protocol</h2>
<img src="https://static.igem.wiki/teams/5257/project/experiments/encapsulation-result.webp" alt="">
<a
href="https://app.biorender.com/illustrations/65009419ec5f608cd5a0abf4?slideId=5169326f-ade4-4fa5-811f-b10d294aec9b">https://app.biorender.com/illustrations/65009419ec5f608cd5a0abf4?slideId=5169326f-ade4-4fa5-811f-b10d294aec9b</a>
</div>
</div>
......
wiki/pages/hardware.html
+ 13
− 13
View file @ 008a8176
......@@ -13,9 +13,9 @@ accessible to our community.{% endblock %}
<h1 class="title-options-menu">Hardware</h1>
<li class="sidebar-option">Description</li>
<li class="sidebar-option">Operating Principle</li>
<li class="sidebar-option">Desing Considerations</li>
<li class="sidebar-option">Design Considerations</li>
<li class="sidebar-option">Electronic Components</li>
<li class="sidebar-option">Mechanical Desing</li>
<li class="sidebar-option">Mechanical Design</li>
<li class="sidebar-option">Calibration</li>
<li class="sidebar-option">Productions Cost</li>
<li class="sidebar-option">Appendices</li>
......@@ -95,35 +95,35 @@ accessible to our community.{% endblock %}
src="https://static.igem.wiki/teams/5257/project/hardware/diagrams-result-1.webp" alt="Diagrams">
<!-- Section Demostration video -->
<h1>Demostration video</h1>
<h1 class="my-3">Demostration video</h1>
<iframe class="video" title="Bolivia: demonstration of use of mercury device (2024) [English]"
src="https://video.igem.org/videos/embed/1f714574-d4cd-4471-b2ab-38bde8c81638" frameborder="0" allowfullscreen=""
sandbox="allow-same-origin allow-scripts allow-popups allow-forms"></iframe>
<!-- Section Diagram of Blocks -->
<h1>Diagram of Blocks</h1>
<h1 class="my-3">Diagram of Blocks</h1>
<img class="img_complete-content-large"
src="https://static.igem.wiki/teams/5257/project/hardware/diagram-blocks-result-1.webp" alt="Diagram of Blocks">
<!-- Desing Considerations -->
<h1 id="Desing-Considerations">Design Considerations</h1>
<h1 id="Desing-Considerations" class="my-3">Design Considerations</h1>
<p>Given the application environment and the biological agents involved, certain prerequisites were considered to
ensure the basic functionality of the device. These include:
</p>
<div class="card_desing">
<img src="https://static.igem.wiki/teams/5257/project/hardware/bolt.svg" alt="">
<i class="fas fa-bolt"></i>
<p>Excitation and emission sources corresponding to the fluorescence spectrum of the sample to be measured.</p>
</div>
<div class="card_desing">
<img src="https://static.igem.wiki/teams/5257/project/hardware/battery-half.svg" alt="">
<i class="fas fa-battery-half"></i>
<p>Battery-powered autonomy, as the device would be used in remote areas.</p>
</div>
<div class="card_desing">
<img src="https://static.igem.wiki/teams/5257/project/hardware/handshake.svg" alt="">
<i class="fas fa-handshake"></i>
<p>User-friendly operation, since the end users might not be familiar with electronic devices.</p>
</div>
<div class="card_desing">
<img src="https://static.igem.wiki/teams/5257/project/hardware/suitcase.svg" alt="">
<i class="fas fa-suitcase"></i>
<p>Compact design to facilitate easy transport to remote regions.</p>
</div>
<p>With these requirements in mind, the electronic and mechanical design of the device was developed.</p>
......@@ -176,7 +176,7 @@ accessible to our community.{% endblock %}
</div>
<!-- Section Receptor -->
<h2>Receptor</h2>
<h2 class="mt-3">Receptor</h2>
<p>To measure the fluorescence signal, a light-dependent resistor (LDR) was used, varying in resistance based on the
intensity of received fluorescence. This was connected to an ADC module, which improved signal sampling, and the
data was transmitted to the ESP32 microcontroller using the I2C communication protocol.</p>
......@@ -194,7 +194,7 @@ accessible to our community.{% endblock %}
alt="">
<!-- Section Microcontrolador -->
<h2>Microcontrolador</h2>
<h2>Microcontroller</h2>
<p>The ESP32 microcontroller was used to power the system components, activate the emitting LED, receive data from
the LDR sensor via the ADC module, and display the results on the OLED screen.
</p>
......@@ -227,7 +227,7 @@ accessible to our community.{% endblock %}
alt="Calculating the consumption of the device’s">
<!-- Section Mechanical Desing -->
<h1 id="Mechanical-Desing">Mechanical Desing</h1>
<h1 id="Mechanical-Desing">Mechanical Design</h1>
<p>
The mechanical design of the device was created using SolidWorks software and divided into two main sections: the
fluorescence circuit and the housing. <br><br>
......@@ -278,7 +278,7 @@ accessible to our community.{% endblock %}
type="application/pdf" />
<!-- Section Production Cost -->
<h1 id="Productions-Cost">Production Cost</h1>
<h1 id="Productions-Cost" class="mt-3">Production Cost</h1>
<p>
To optimize accessibility, the electronic components were sourced from the national market. 3D printing was used
for the housing and fluorescence circuit assembly, ensuring efficient assembly and facilitating large-scale
......
wiki/pages/results.html
+ 10
− 10
View file @ 008a8176
......@@ -12,15 +12,15 @@
</div>
<div class="content__results content_inclusivity content_page complete_page">
<!-- section 1 -->
<p data-aos="zoom-out-up" data-aos-easing="linear" data-aos-duration="1000">
<p >
The iGEM Bolivia team proposes a workflow to characterize and validate the organic mercury biosensor
</p>
<img data-aos="zoom-out-up" data-aos-easing="linear" data-aos-duration="1000" class="img-large-results" src="https://static.igem.wiki/teams/5257/project/results/1-results.webp" alt="">
<p class="text__center-results">General scheme of the steps to characterize and validate our biosensor.</p>
<!-- section 2 -->
<h2 data-aos="zoom-out-up" data-aos-easing="linear" data-aos-duration="1000">Characterization of each construct</h2>
<p data-aos="zoom-out-up" data-aos-easing="linear" data-aos-duration="1000">
<h2>Characterization of each construct</h2>
<p>
<span class="text__title-bold">Expected results. -</span> Expected results: Each construct has a
HisTag-tagged protein with a size of 30 kDa, will
be purified with a kit (His-Spin Protein Miniprep, #P2001, zymoresearch) and SDS page electrophoresis will
......@@ -32,8 +32,8 @@
<p class="text__center-results">Expected results of purification and electrophoresis of the proteins of each construct.</p>
<!-- section 3 -->
<h2 data-aos="zoom-out-up" data-aos-easing="linear" data-aos-duration="1000">Characterization of each strategy</h2>
<p data-aos="zoom-out-up" data-aos-easing="linear" data-aos-duration="1000">The fluorescence of each biosensor,
<h2 >Characterization of each strategy</h2>
<p>The fluorescence of each biosensor,
exposed to varying concentrations of organic and inorganic mercury, will
be measured.
</p>
......@@ -61,8 +61,8 @@
<p class="text__center-results">Curves of expected responses for each strategy.</p>
<!-- section 4 -->
<h2 data-aos="zoom-out-up" data-aos-easing="linear" data-aos-duration="1000">Characterization of the new composite part of strategy 1</h2>
<p data-aos="zoom-out-up" data-aos-easing="linear" data-aos-duration="1000">
<h2 >Characterization of the new composite part of strategy 1</h2>
<p >
<span class="text__title-bold">Expected results. -</span> The new composite part BBa_K5257025 makes use of
the magenta reporter coupled to a NOT logic gate circuit, allowing control of transcription and the presence
of the reporter. Other iGEM teams have already characterized regulation by TetR and TEV, so we set out to
......@@ -92,8 +92,8 @@
<!-- section 5 -->
<h2 data-aos="zoom-out-up" data-aos-easing="linear" data-aos-duration="1000">Characterization of the new composite part of strategy 2</h2>
<p data-aos="zoom-out-up" data-aos-easing="linear" data-aos-duration="1000">
<h2>Characterization of the new composite part of strategy 2</h2>
<p>
The proposed new composite part (BBa_K5257023), visualizes MerA and GDH enzymes on the bacterial surface,
therefore we employ the LOT anchor motif which is suitable for large molecular size proteins (Liang et al.
2021), LOT can posttranslationally couple with both enzymes thanks to the Dogtag/DogCatcher system within
......@@ -103,7 +103,7 @@
</p >
<img data-aos="zoom-out-up" data-aos-easing="linear" data-aos-duration="1000" class="img-large-results" src="https://static.igem.wiki/teams/5257/project/results/6-results.webp" alt="">
<p class="text__center-results">Theoretical basis of the new composite part for strategy 2</p>
<p data-aos="zoom-out-up" data-aos-easing="linear" data-aos-duration="1000">
<p>
<span class="text__title-bold">Expected results. -</span> The enzymatic activity of GDH is expected to cause
an increase in absorbance, while MerA
will consume NADPH, resulting in a decrease in absorbance. If the two bacterial strains are grown in the
......
wiki/pages/team.html
+ 6
− 5
View file @ 008a8176
......@@ -69,7 +69,8 @@
<a href="#"><i class="fa-brands fa-linkedin"></i></a>
</div>
<div class="card__team">
<div></div>
<img src="https://static.igem.wiki/teams/5257/project/team/students/alvaro-cuellar.webp"
alt="Alvaro Cuellar">
<h2>Alvaro Rafael Cuellar</h2>
<p>“Let's do it!”</p>
<a href="#"><i class="fa-brands fa-linkedin"></i></a>
......@@ -97,7 +98,7 @@
<img src="https://static.igem.wiki/teams/5257/project/team/students/dulce-valeria.webp"
alt="Dulce Valeria Claure">
<h2>Dulce Valeria Claure</h2>
<p>“Let's do it!”</p>
<p>"If only I were a blank slate, like a corpse"</p>
<a href="https://www.linkedin.com/in/dulce-valeria-claure-villca-465a321a2?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app"
target="_blank"><i class="fa-brands fa-linkedin"></i></a>
</div>
......@@ -131,7 +132,7 @@
target="_blank"><i class="fa-brands fa-linkedin"></i></a>
</div>
<div class="card__team">
<img src="https://static.igem.wiki/teams/5257/project/team/student-leaders/roberto-antonio.webp"
<img src="https://static.igem.wiki/teams/5257/project/team/student-leaders/roberto-antonio-1.webp"
alt="Roberto Antonio Guzmán ">
<h2>Roberto Antonio Guzmán </h2>
<p>“Every day that goes by brings you one step closer to your goal”</p>
......@@ -235,7 +236,7 @@
class="fa-brands fa-linkedin"></i></a>
</div>
<div class="card__team">
<div></div>
<img src="https://static.igem.wiki/teams/5257/project/team/advisors/rodrigo-aguirre-1.webp" alt="Rodrigo Aguirre">
<h2>Rodrigo Aguirre</h2>
<p>“The limit does not exist”</p>
<a href="https://www.linkedin.com/in/rodrigo-aguirre-balderrama-32249816a/" target="_blank"><i
......@@ -293,7 +294,7 @@
<img src="https://static.igem.wiki/teams/5257/project/team/instructors/mayra-fernanda.webp"
alt="Mayra Fernanda Ocampo">
<h2>Mayra Fernanda Ocampo</h2>
<p>“Let's do it!”</p>
<p>"Education, science and technology are the best weapons to face daily problems"</p>
<a href="#"><i class="fa-brands fa-linkedin"></i></a>
</div>
<div class="card__team">
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment