Difference between revisions of "Team:Costa Rica/Human Practices"

Line 1: Line 1:
{{Costa_Rica/General}}{{Costa_Rica/NavBar}}{{Costa_Rica/BootStrap}}
+
    {{Costa_Rica/General}}{{Costa_Rica/NavBar}}{{Costa_Rica/BootStrap}}
<html>
+
    <html>
  
  
<div class="container" style="padding-top: 50px;">
+
    <div class="container" style="padding-top: 50px;">
  
    <div class="row mb-2">
+
        <div class="row mb-2">
        <div class="col-md-5">
+
            <div class="col-md-5">
            <img src="https://static.igem.org/mediawiki/2019/2/23/T--Costa_Rica--team-J9.png" class="img-fluid"
+
                <img src="https://static.igem.org/mediawiki/2019/2/23/T--Costa_Rica--team-J9.png" class="img-fluid"
                alt="Responsive image" style="width: 80%; margin-top:70px; margin-bottom:20px;">
+
                    alt="Responsive image" style="width: 80%; margin-top:70px; margin-bottom:20px;">
            <br>
+
                <br>
  
            <p>Human practices are meant to explain why our project is important to the world. Here we present how we do
+
                <p>Human practices are meant to explain why our project is important to the world. Here we present how we do
                an intense work to inform the people of Costa Rica about Synthetic Biology, iGEM and the new
+
                    an intense work to inform the people of Costa Rica about Synthetic Biology, iGEM and the new
                possibilities of Engineered Probiotics.</p>
+
                    possibilities of Engineered Probiotics.</p>
  
        </div>
+
            </div>
  
        <div class="col-md-7">
+
            <div class="col-md-7">
  
            <img src="https://static.igem.org/mediawiki/2019/9/91/T--Costa_Rica--team-group.png" class="img-fluid"
+
                <img src="https://static.igem.org/mediawiki/2019/9/91/T--Costa_Rica--team-group.png" class="img-fluid"
                alt="Responsive image" style="width: 90%; float:right;">
+
                    alt="Responsive image" style="width: 90%; float:right;">
  
 +
            </div>
 
         </div>
 
         </div>
    </div>
 
  
    <div class="row mb-2" style="margin-top:80px;margin-bottom:80px;">
+
        <div class="row mb-2" style="margin-top:80px;margin-bottom:80px;">
        <div class="col-md-6">
+
            <div class="col-md-6">
            <center onclick="currentSlide(1)" class="medal">Public Engagement</center>
+
                <center onclick="currentSlide(1)" class="medal">Public Engagement</center>
  
        </div>
+
            </div>
        <div class="col-md-6">
+
            <div class="col-md-6">
            <center onclick="currentSlide(2)" class="medal">Integrated Human Practice</center>
+
                <center onclick="currentSlide(2)" class="medal">Integrated Human Practice</center>
 +
 
 +
            </div>
  
 
         </div>
 
         </div>
 +
        <style>
 +
    p{
 +
    font-family: Montserrat;
  
     </div>
+
     font-size: 18px !important;
    <style>
+
p{
+
  font-family: Montserrat;
+
  
  font-size: 18px !important;
+
    color: #5d5d5d;
 +
    }
 +
            * {
 +
                box-sizing: border-box
 +
            }
  
  color: #5d5d5d;
+
            body {
}
+
                font-family: Verdana, sans-serif;
        * {
+
                margin: 0
            box-sizing: border-box
+
            }
        }
+
  
        body {
+
            /* Slideshow container */
             font-family: Verdana, sans-serif;
+
             .slideshow-container {
            margin: 0
+
                position: relative;
        }
+
                background: #FFFFFF;
 +
                border-radius: 25px;
 +
            }
  
        /* Slideshow container */
+
            /* Slides */
        .slideshow-container {
+
            .mySlides {
            position: relative;
+
                display: none;
            background: #FFFFFF;
+
                margin-top: 40px;
            border-radius: 25px;
+
                padding-bottom: 40px;
        }
+
            }
  
        /* Slides */
+
            .medal {
        .mySlides {
+
                opacity: 0.6;
            display: none;
+
            margin-top: 40px;
+
            padding-bottom: 40px;
+
        }
+
  
        .medal {
+
                font-family: Montserrat;
            opacity: 0.6;
+
  
            font-family: Montserrat;
+
                font-size: 20px;
  
            font-size: 20px;
+
                font-weight: 300;
  
            font-weight: 300;
+
                font-style: normal;
  
            font-style: normal;
+
                font-stretch: normal;
  
            font-stretch: normal;
+
                line-height: normal;
  
            line-height: normal;
+
                letter-spacing: normal;
  
            letter-spacing: normal;
+
                padding-bottom: 10px;
  
            padding-bottom: 10px;
+
                color: #000000;
 +
            }
  
             color: #000000;
+
             .medal.active {
        }
+
                font-family: Montserrat;
  
        .medal.active {
+
                font-size: 20px;
            font-family: Montserrat;
+
  
            font-size: 20px;
+
                font-weight: 500;
  
            font-weight: 500;
+
                font-style: normal;
  
            font-style: normal;
+
                font-stretch: normal;
  
            font-stretch: normal;
+
                line-height: normal;
  
            line-height: normal;
+
                letter-spacing: normal;
  
            letter-spacing: normal;
+
                color: #000000;
  
             color: #000000;
+
             }
  
        }
+
            div.index-Menu {
 +
                padding: 30px;
  
        div.index-Menu {
+
             }
             padding: 30px;
+
  
        }
+
            .medal.active:after {
 +
                content: "";
 +
                /* This is necessary for the pseudo element to work. */
 +
                display: block;
 +
                /* This will put the pseudo element on its own line. */
 +
                margin: 0 auto;
 +
                /* This will center the border. */
 +
                width: 15%;
 +
                /* Change this to whatever width you want. */
 +
                padding-top: 10px;
 +
                /* This creates some space between the element and the border. */
 +
                border-bottom: 3px solid #705ba0;
 +
                /* This creates the border. Replace black with whatever color you want. */
 +
            }
  
        .medal.active:after {
+
            .medal:hover {
            content: "";
+
                font-family: Montserrat;
            /* This is necessary for the pseudo element to work. */
+
            display: block;
+
            /* This will put the pseudo element on its own line. */
+
            margin: 0 auto;
+
            /* This will center the border. */
+
            width: 15%;
+
            /* Change this to whatever width you want. */
+
            padding-top: 10px;
+
            /* This creates some space between the element and the border. */
+
            border-bottom: 3px solid #705ba0;
+
            /* This creates the border. Replace black with whatever color you want. */
+
        }
+
  
        .medal:hover {
+
                font-size: 20px;
            font-family: Montserrat;
+
  
            font-size: 20px;
+
                font-weight: 500;
  
            font-weight: 500;
+
                font-style: normal;
  
            font-style: normal;
+
                font-stretch: normal;
  
            font-stretch: normal;
+
                line-height: normal;
  
            line-height: normal;
+
                letter-spacing: normal;
  
            letter-spacing: normal;
+
                color: #000000;
 +
            }
  
            color: #000000;
 
        }
 
  
  
 +
            .mySlidesB {
 +
                display: none;
 +
                margin-top: 40px;
 +
                padding-bottom: 40px;
 +
            }
  
        .mySlidesB {
+
            .mySlidesC {
            display: none;
+
                display: none;
            margin-top: 40px;
+
                margin-top: 40px;
            padding-bottom: 40px;
+
                padding-bottom: 40px;
        }
+
            }
  
        .mySlidesC {
+
            .mySlidesD {
            display: none;
+
                display: none;
            margin-top: 40px;
+
                margin-top: 40px;
            padding-bottom: 40px;
+
                padding-bottom: 40px;
        }
+
            }
  
        .mySlidesD {
+
            .mySlidesE {
            display: none;
+
                display: none;
            margin-top: 40px;
+
                margin-top: 40px;
            padding-bottom: 40px;
+
                padding-bottom: 40px;
        }
+
            }
  
        .mySlidesE {
+
            .mySlidesF {
            display: none;
+
                display: none;
            margin-top: 40px;
+
                margin-top: 40px;
            padding-bottom: 40px;
+
                padding-bottom: 40px;
        }
+
            }
  
        .mySlidesF {
+
            /* Next & previous buttons */
             display: none;
+
            .prev,
            margin-top: 40px;
+
             .next {
            padding-bottom: 40px;
+
                cursor: pointer;
        }
+
                position: absolute;
 +
                top: 50%;
 +
                width: auto;
 +
                margin-top: -22px;
 +
                padding: 16px;
 +
                color: white;
 +
                font-weight: bold;
 +
                font-size: 18px;
 +
                transition: 0.6s ease;
 +
                border-radius: 0 3px 3px 0;
 +
                user-select: none;
 +
            }
  
        /* Next & previous buttons */
+
            /* Position the "next button" to the right */
        .prev,
+
            .next {
        .next {
+
                right: 0;
            cursor: pointer;
+
                border-radius: 3px 0 0 3px;
            position: absolute;
+
             }
            top: 50%;
+
            width: auto;
+
            margin-top: -22px;
+
            padding: 16px;
+
            color: white;
+
            font-weight: bold;
+
            font-size: 18px;
+
            transition: 0.6s ease;
+
            border-radius: 0 3px 3px 0;
+
             user-select: none;
+
        }
+
  
        /* Position the "next button" to the right */
+
            /* On hover, add a black background color with a little bit see-through */
        .next {
+
            .prev:hover,
             right: 0;
+
             .next:hover {
            border-radius: 3px 0 0 3px;
+
                background-color: rgba(0, 0, 0, 0.8);
        }
+
            }
  
        /* On hover, add a black background color with a little bit see-through */
+
            .text {
        .prev:hover,
+
                color: #f2f2f2;
        .next:hover {
+
                font-size: 15px;
            background-color: rgba(0, 0, 0, 0.8);
+
                padding: 8px 12px;
        }
+
                position: absolute;
 +
                bottom: 8px;
 +
                width: 100%;
 +
                text-align: center;
 +
            }
 +
            .description-text{
 +
                font-size: 15px!important;  
 +
                font-family: Montserrat !important;
 +
            }
 +
        </style>
  
        .text {
 
            color: #f2f2f2;
 
            font-size: 15px;
 
            padding: 8px 12px;
 
            position: absolute;
 
            bottom: 8px;
 
            width: 100%;
 
            text-align: center;
 
        }
 
    </style>
 
  
 +
        <div class="slideshow-container">
  
    <div class="slideshow-container">
 
  
  
 +
            <div class="mySlides">
 +
                <div class="row">
 +
                    <div class="col-md-3" style="
 +
                    margin-left: 0em;
 +
                    padding-right: 0px;
 +
                    padding-left: 0.2em;">
  
        <div class="mySlides">
 
            <div class="row">
 
                <div class="col-md-3" style="
 
                margin-left: 0em;
 
                padding-right: 0px;
 
                padding-left: 0.2em;">
 
  
  
 +
                        <div class="tabs-container tabs--vertical page-navigator shadow" style="
 +
                            border-radius: 25px;
 +
                            width: 300px;
 +
                            background-color: #FFFFFF;
 +
                            padding-bottom: 0px;margin-top: 2.4em;" id="myHeader">
  
                    <div class="tabs-container tabs--vertical page-navigator shadow" style="
+
                            <h4 style="
                        border-radius: 25px;
+
                            padding-left: 1em;
                        width: 300px;
+
                            ">Index</h4>
                        background-color: #FFFFFF;
+
                            <ul class="lateral" style="padding-left: 40px;">
                        padding-bottom: 0px;margin-top: 2.4em;" id="myHeader">
+
                                <li class="lateral">
 
+
                                    <div class="tab__title " style="line-height: 1.3em;">
                        <h4 style="
+
                                        <a href="#inspiration" class="lateral inner-link" style="
                        padding-left: 1em;
+
                                            color: #353535;
                        ">Index</h4>
+
                                            opacity: 1;">Inspiration</a>
                        <ul class="lateral" style="padding-left: 40px;">
+
                                    </div>
                            <li class="lateral">
+
                                </li>
                                <div class="tab__title " style="line-height: 1.3em;">
+
                                <li class="lateral">
                                    <a href="#inspiration" class="lateral inner-link" style="
+
                                    <div class="tab__title " style="line-height: 1.3em;">
                                        color: #353535;
+
                                        <a href="#description" class="lateral inner-link" style="
                                        opacity: 1;">Inspiration</a>
+
                                            color: #353535;
                                </div>
+
                                            opacity: 1;">Description</a>
                            </li>
+
                                    </div>
                            <li class="lateral">
+
                                </li>
                                <div class="tab__title " style="line-height: 1.3em;">
+
                            </ul>
                                    <a href="#description" class="lateral inner-link" style="
+
                            <ul class="tabs-content">
                                        color: #353535;
+
                            </ul>
                                        opacity: 1;">Description</a>
+
                        </div>
                                </div>
+
                            </li>
+
                        </ul>
+
                        <ul class="tabs-content">
+
                        </ul>
+
 
                     </div>
 
                     </div>
                </div>
 
  
                <div class="col-md-9" style="padding-left: 6em;padding-right: 2em; ">
+
                    <div class="col-md-9" style="padding-left: 6em;padding-right: 2em; ">
                    <h3 class="title-text">Science Through Dance<h3>
+
                        <h3 class="title-text">Science Through Dance<h3>
  
<p>If there is something that we can be sure of is the primitive need that human being has to understand and describe the world that surrounds us. Both science and art, are avatars of human creativity, created to facilitate the process of understanding and expressing. Nevertheless, most people use to think about them as separated fields.  
+
    <p>If there is something that we can be sure of is the primitive need that human being has to understand and describe the world that surrounds us. Both science and art, are avatars of human creativity, created to facilitate the process of understanding and expressing. Nevertheless, most people use to think about them as separated fields.  
</p>
+
    </p>
<p>That’s why, using our background in science and the experience as a dance teacher of one of our team members, we fusioned them in a special show, named Science Through Dance.  
+
    <p>That’s why, using our background in science and the experience as a dance teacher of one of our team members, we fusioned them in a special show, named Science Through Dance.  
</p>
+
    </p>
<p>The show Science Through Dance, gave us the opportunity to bring science and dance to the table, where dancers, scientists, dance parents, university teachers and many supportive people experienced, enjoyed, felt and learnt from it. It’s important to say that this space was also a way to demonstrate the capabilities of the country in these areas, which often go unnoticed or unconnected.
+
    <p>The show Science Through Dance, gave us the opportunity to bring science and dance to the table, where dancers, scientists, dance parents, university teachers and many supportive people experienced, enjoyed, felt and learnt from it. It’s important to say that this space was also a way to demonstrate the capabilities of the country in these areas, which often go unnoticed or unconnected.
</p>
+
    </p>
<p>To achieve the goal, we contacted scientists, dancers from all ages and one of the most famous theatres in Costa Rica. First, for science section, we counted with Rosalind Innovations, a biotech-social entrepreneurship who spoke of the magnificence of nature and the unbelievable biotech projects that emerged from it. Also, 4 chemistry students from the University of Costa Rica, elaborated an incredible show, where they made and explained amazing experiments. Additionally, our team presented the project we are taking to the iGEM competition. As for the dance section, we counted with 90 dancers from 7 to 35 years old, from beginners to nationally and internationally recognized dancers.
+
    <p>To achieve the goal, we contacted scientists, dancers from all ages and one of the most famous theatres in Costa Rica. First, for science section, we counted with Rosalind Innovations, a biotech-social entrepreneurship who spoke of the magnificence of nature and the unbelievable biotech projects that emerged from it. Also, 4 chemistry students from the University of Costa Rica, elaborated an incredible show, where they made and explained amazing experiments. Additionally, our team presented the project we are taking to the iGEM competition. As for the dance section, we counted with 90 dancers from 7 to 35 years old, from beginners to nationally and internationally recognized dancers.
</p>
+
    </p>
<p>Disciplines preformed were from Ballet to Jazz, Tap, Hip Hop, Contemporary, Lyric, Latin Dance, Antigravity, Break Dance and African Dance. All of them appreciated by 285 spectators. The show was covered by Novum Comunicaciones S.A., a company who took all astonishing photos you can see in the next slideshow.  
+
    <p>Disciplines preformed were from Ballet to Jazz, Tap, Hip Hop, Contemporary, Lyric, Latin Dance, Antigravity, Break Dance and African Dance. All of them appreciated by 285 spectators. The show was covered by Novum Comunicaciones S.A., a company who took all astonishing photos you can see in the next slideshow.  
</p>
+
    </p>
  
                    <!-- Slideshow container -->
+
                        <!-- Slideshow container -->
                    <div class="slideshow-container">
+
                        <div class="slideshow-container">
  
                        <!-- Full-width images with number and caption text -->
+
                            <!-- Full-width images with number and caption text -->
                        <div class="mySlidesB">
+
                            <div class="mySlidesB">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext" style="font-size: 15px!important; font-family: Montserrat !important;">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/5/5b/T--Costa_Rica--team-N4.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/5/5b/T--Costa_Rica--team-N4.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesB ">
+
                            <div class="mySlidesB ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/6/6e/T--Costa_Rica--team-N5.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/6/6e/T--Costa_Rica--team-N5.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesB ">
+
                            <div class="mySlidesB ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/7/70/T--Costa_Rica--team-N6.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/7/70/T--Costa_Rica--team-N6.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesB ">
+
                            <div class="mySlidesB ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/e/e0/T--Costa_Rica--team-N7.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/e/e0/T--Costa_Rica--team-N7.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesB ">
+
                            <div class="mySlidesB ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/a/ab/T--Costa_Rica--team-N8.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/a/ab/T--Costa_Rica--team-N8.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesB ">
+
                            <div class="mySlidesB ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/6/64/T--Costa_Rica--team-N9.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/6/64/T--Costa_Rica--team-N9.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesB ">
+
                            <div class="mySlidesB ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/7/7a/T--Costa_Rica--team-N10.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/7/7a/T--Costa_Rica--team-N10.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesB ">
+
                            <div class="mySlidesB ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/thumb/2/20/T--Costa_Rica--team-N11.png/800px-T--Costa_Rica--team-N11.png.jpeg"
+
                                    <img src="https://static.igem.org/mediawiki/2019/thumb/2/20/T--Costa_Rica--team-N11.png/800px-T--Costa_Rica--team-N11.png.jpeg"
                                    class="img-fluid" style="height:500px;filter:Flip;">
+
                                        class="img-fluid" style="height:500px;filter:Flip;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesB ">
+
                            <div class="mySlidesB ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/thumb/f/fb/T--Costa_Rica--team-N12.png/800px-T--Costa_Rica--team-N12.png.jpeg"
+
                                    <img src="https://static.igem.org/mediawiki/2019/thumb/f/fb/T--Costa_Rica--team-N12.png/800px-T--Costa_Rica--team-N12.png.jpeg"
                                    class="img-fluid" style="height:500px; filter:Flip;">
+
                                        class="img-fluid" style="height:500px; filter:Flip;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesB ">
+
                            <div class="mySlidesB ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/thumb/b/b4/T--Costa_Rica--team-N13.png/800px-T--Costa_Rica--team-N13.png.jpeg"
+
                                    <img src="https://static.igem.org/mediawiki/2019/thumb/b/b4/T--Costa_Rica--team-N13.png/800px-T--Costa_Rica--team-N13.png.jpeg"
                                    class="img-fluid" style="height:500px ;filter:Flip;">
+
                                        class="img-fluid" style="height:500px ;filter:Flip;">
 +
                                </div>
 
                             </div>
 
                             </div>
 +
 +
                            <!-- Next and previous buttons -->
 +
                            <a class="prev" style="color:blueviolet;" onclick="currentSlidePicturesB(1)">&#10094;</a>
 +
                            <a class="next" style="color:blueviolet;" onclick="currentSlidePicturesB(-1)">&#10095;</a>
 
                         </div>
 
                         </div>
  
                        <!-- Next and previous buttons -->
 
                        <a class="prev" style="color:blueviolet;" onclick="currentSlidePicturesB(1)">&#10094;</a>
 
                        <a class="next" style="color:blueviolet;" onclick="currentSlidePicturesB(-1)">&#10095;</a>
 
                    </div>
 
  
  
Line 376: Line 381:
  
  
 +
                        <div class="slideshow-container">
  
                    <div class="slideshow-container">
+
                            <!-- Full-width images with number and caption text -->
 +
                            <div class="mySlidesC">
 +
                                <div class="text-center">
 +
                                    <div class="numbertext description-text">1 / 3</div>
 +
                                    <img src="https://static.igem.org/mediawiki/2019/5/5b/T--Costa_Rica--team-N4.png"
 +
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 +
                            </div>
  
                        <!-- Full-width images with number and caption text -->
+
                            <div class="mySlidesC ">
                        <div class="mySlidesC">
+
                                <div class="text-center">
                            <div class="text-center">
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <div class="numbertext">1 / 3</div>
+
                                    <img src="https://static.igem.org/mediawiki/2019/6/6e/T--Costa_Rica--team-N5.png"
                                <img src="https://static.igem.org/mediawiki/2019/5/5b/T--Costa_Rica--team-N4.png"
+
                                        class="img-fluid" style="height:500px;">
                                    class="img-fluid" style="height:500px;">
+
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesC ">
+
                            <div class="mySlidesC ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/6/6e/T--Costa_Rica--team-N5.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/7/70/T--Costa_Rica--team-N6.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesC ">
+
                            <div class="mySlidesC ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/7/70/T--Costa_Rica--team-N6.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/e/e0/T--Costa_Rica--team-N7.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesC ">
+
                            <div class="mySlidesC ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/e/e0/T--Costa_Rica--team-N7.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/a/ab/T--Costa_Rica--team-N8.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesC ">
+
                            <div class="mySlidesC ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/a/ab/T--Costa_Rica--team-N8.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/6/64/T--Costa_Rica--team-N9.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesC ">
+
                            <div class="mySlidesC ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/6/64/T--Costa_Rica--team-N9.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/7/7a/T--Costa_Rica--team-N10.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesC ">
+
                            <div class="mySlidesC ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/7/7a/T--Costa_Rica--team-N10.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/thumb/2/20/T--Costa_Rica--team-N11.png/800px-T--Costa_Rica--team-N11.png.jpeg"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;filter:Flip;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesC ">
+
                            <div class="mySlidesC ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/thumb/2/20/T--Costa_Rica--team-N11.png/800px-T--Costa_Rica--team-N11.png.jpeg"
+
                                    <img src="https://static.igem.org/mediawiki/2019/thumb/f/fb/T--Costa_Rica--team-N12.png/800px-T--Costa_Rica--team-N12.png.jpeg"
                                    class="img-fluid" style="height:500px;filter:Flip;">
+
                                        class="img-fluid" style="height:500px; filter:Flip;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesC ">
+
                            <div class="mySlidesC ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/thumb/f/fb/T--Costa_Rica--team-N12.png/800px-T--Costa_Rica--team-N12.png.jpeg"
+
                                    <img src="https://static.igem.org/mediawiki/2019/thumb/b/b4/T--Costa_Rica--team-N13.png/800px-T--Costa_Rica--team-N13.png.jpeg"
                                    class="img-fluid" style="height:500px; filter:Flip;">
+
                                        class="img-fluid" style="height:500px ;filter:Flip;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesC ">
+
                            <!-- Next and previous buttons -->
                             <div class="text-center">
+
                             <a class="prev" style="color:blueviolet;" onclick="currentSlidePicturesC(1)">&#10094;</a>
                                <div class="numbertext">1 / 3</div>
+
                            <a class="next" style="color:blueviolet;" onclick="currentSlidePicturesC(-1)">&#10095;</a>
                                <img src="https://static.igem.org/mediawiki/2019/thumb/b/b4/T--Costa_Rica--team-N13.png/800px-T--Costa_Rica--team-N13.png.jpeg"
+
                                    class="img-fluid" style="height:500px ;filter:Flip;">
+
                            </div>
+
 
                         </div>
 
                         </div>
  
                        <!-- Next and previous buttons -->
 
                        <a class="prev" style="color:blueviolet;" onclick="currentSlidePicturesC(1)">&#10094;</a>
 
                        <a class="next" style="color:blueviolet;" onclick="currentSlidePicturesC(-1)">&#10095;</a>
 
                    </div>
 
  
  
Line 475: Line 480:
  
  
 +
                        <div class="slideshow-container">
  
                    <div class="slideshow-container">
+
                            <!-- Full-width images with number and caption text -->
 +
                            <div class="mySlidesD">
 +
                                <div class="text-center">
 +
                                    <div class="numbertext description-text">1 / 3</div>
 +
                                    <img src="https://static.igem.org/mediawiki/2019/5/5b/T--Costa_Rica--team-N4.png"
 +
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 +
                            </div>
  
                        <!-- Full-width images with number and caption text -->
+
                            <div class="mySlidesD ">
                        <div class="mySlidesD">
+
                                <div class="text-center">
                            <div class="text-center">
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <div class="numbertext">1 / 3</div>
+
                                    <img src="https://static.igem.org/mediawiki/2019/6/6e/T--Costa_Rica--team-N5.png"
                                <img src="https://static.igem.org/mediawiki/2019/5/5b/T--Costa_Rica--team-N4.png"
+
                                        class="img-fluid" style="height:500px;">
                                    class="img-fluid" style="height:500px;">
+
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesD ">
+
                            <div class="mySlidesD ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/6/6e/T--Costa_Rica--team-N5.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/7/70/T--Costa_Rica--team-N6.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesD ">
+
                            <div class="mySlidesD ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/7/70/T--Costa_Rica--team-N6.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/e/e0/T--Costa_Rica--team-N7.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesD ">
+
                            <div class="mySlidesD ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/e/e0/T--Costa_Rica--team-N7.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/a/ab/T--Costa_Rica--team-N8.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesD ">
+
                            <div class="mySlidesD ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/a/ab/T--Costa_Rica--team-N8.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/6/64/T--Costa_Rica--team-N9.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesD ">
+
                            <div class="mySlidesD ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/6/64/T--Costa_Rica--team-N9.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/7/7a/T--Costa_Rica--team-N10.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesD ">
+
                            <div class="mySlidesD ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/7/7a/T--Costa_Rica--team-N10.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/thumb/2/20/T--Costa_Rica--team-N11.png/800px-T--Costa_Rica--team-N11.png.jpeg"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;filter:Flip;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesD ">
+
                            <div class="mySlidesD ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/thumb/2/20/T--Costa_Rica--team-N11.png/800px-T--Costa_Rica--team-N11.png.jpeg"
+
                                    <img src="https://static.igem.org/mediawiki/2019/thumb/f/fb/T--Costa_Rica--team-N12.png/800px-T--Costa_Rica--team-N12.png.jpeg"
                                    class="img-fluid" style="height:500px;filter:Flip;">
+
                                        class="img-fluid" style="height:500px; filter:Flip;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesD ">
+
                            <div class="mySlidesD ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/thumb/f/fb/T--Costa_Rica--team-N12.png/800px-T--Costa_Rica--team-N12.png.jpeg"
+
                                    <img src="https://static.igem.org/mediawiki/2019/thumb/b/b4/T--Costa_Rica--team-N13.png/800px-T--Costa_Rica--team-N13.png.jpeg"
                                    class="img-fluid" style="height:500px; filter:Flip;">
+
                                        class="img-fluid" style="height:500px ;filter:Flip;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesD ">
+
                            <!-- Next and previous buttons -->
                             <div class="text-center">
+
                             <a class="prev" style="color:blueviolet;" onclick="currentSlidePicturesD(1)">&#10094;</a>
                                <div class="numbertext">1 / 3</div>
+
                            <a class="next" style="color:blueviolet;" onclick="currentSlidePicturesD(-1)">&#10095;</a>
                                <img src="https://static.igem.org/mediawiki/2019/thumb/b/b4/T--Costa_Rica--team-N13.png/800px-T--Costa_Rica--team-N13.png.jpeg"
+
                                    class="img-fluid" style="height:500px ;filter:Flip;">
+
                            </div>
+
 
                         </div>
 
                         </div>
  
                        <!-- Next and previous buttons -->
 
                        <a class="prev" style="color:blueviolet;" onclick="currentSlidePicturesD(1)">&#10094;</a>
 
                        <a class="next" style="color:blueviolet;" onclick="currentSlidePicturesD(-1)">&#10095;</a>
 
                    </div>
 
  
  
Line 568: Line 573:
  
  
 +
                        <div class="slideshow-container">
  
                    <div class="slideshow-container">
+
                            <!-- Full-width images with number and caption text -->
 +
                            <div class="mySlidesE">
 +
                                <div class="text-center">
 +
                                    <div class="numbertext description-text">1 / 3</div>
 +
                                    <img src="https://static.igem.org/mediawiki/2019/5/5b/T--Costa_Rica--team-N4.png"
 +
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 +
                            </div>
  
                        <!-- Full-width images with number and caption text -->
+
                            <div class="mySlidesE ">
                        <div class="mySlidesE">
+
                                <div class="text-center">
                            <div class="text-center">
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <div class="numbertext">1 / 3</div>
+
                                    <img src="https://static.igem.org/mediawiki/2019/6/6e/T--Costa_Rica--team-N5.png"
                                <img src="https://static.igem.org/mediawiki/2019/5/5b/T--Costa_Rica--team-N4.png"
+
                                        class="img-fluid" style="height:500px;">
                                    class="img-fluid" style="height:500px;">
+
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesE ">
+
                            <div class="mySlidesE ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/6/6e/T--Costa_Rica--team-N5.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/7/70/T--Costa_Rica--team-N6.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesE ">
+
                            <div class="mySlidesE ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/7/70/T--Costa_Rica--team-N6.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/e/e0/T--Costa_Rica--team-N7.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesE ">
+
                            <div class="mySlidesE ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/e/e0/T--Costa_Rica--team-N7.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/a/ab/T--Costa_Rica--team-N8.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesE ">
+
                            <div class="mySlidesE ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/a/ab/T--Costa_Rica--team-N8.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/6/64/T--Costa_Rica--team-N9.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesE ">
+
                            <div class="mySlidesE ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/6/64/T--Costa_Rica--team-N9.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/7/7a/T--Costa_Rica--team-N10.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesE ">
+
                            <div class="mySlidesE ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/7/7a/T--Costa_Rica--team-N10.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/thumb/2/20/T--Costa_Rica--team-N11.png/800px-T--Costa_Rica--team-N11.png.jpeg"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;filter:Flip;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesE ">
+
                            <div class="mySlidesE ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/thumb/2/20/T--Costa_Rica--team-N11.png/800px-T--Costa_Rica--team-N11.png.jpeg"
+
                                    <img src="https://static.igem.org/mediawiki/2019/thumb/f/fb/T--Costa_Rica--team-N12.png/800px-T--Costa_Rica--team-N12.png.jpeg"
                                    class="img-fluid" style="height:500px;filter:Flip;">
+
                                        class="img-fluid" style="height:500px; filter:Flip;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesE ">
+
                            <div class="mySlidesE ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/thumb/f/fb/T--Costa_Rica--team-N12.png/800px-T--Costa_Rica--team-N12.png.jpeg"
+
                                    <img src="https://static.igem.org/mediawiki/2019/thumb/b/b4/T--Costa_Rica--team-N13.png/800px-T--Costa_Rica--team-N13.png.jpeg"
                                    class="img-fluid" style="height:500px; filter:Flip;">
+
                                        class="img-fluid" style="height:500px ;filter:Flip;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesE ">
+
                            <!-- Next and previous buttons -->
                             <div class="text-center">
+
                             <a class="prev" style="color:blueviolet;" onclick="currentSlidePicturesE(1)">&#10094;</a>
                                <div class="numbertext">1 / 3</div>
+
                            <a class="next" style="color:blueviolet;" onclick="currentSlidePicturesE(-1)">&#10095;</a>
                                <img src="https://static.igem.org/mediawiki/2019/thumb/b/b4/T--Costa_Rica--team-N13.png/800px-T--Costa_Rica--team-N13.png.jpeg"
+
                                    class="img-fluid" style="height:500px ;filter:Flip;">
+
                            </div>
+
 
                         </div>
 
                         </div>
  
                        <!-- Next and previous buttons -->
 
                        <a class="prev" style="color:blueviolet;" onclick="currentSlidePicturesE(1)">&#10094;</a>
 
                        <a class="next" style="color:blueviolet;" onclick="currentSlidePicturesE(-1)">&#10095;</a>
 
                    </div>
 
  
  
  
 +
                        <div class="slideshow-container">
  
                    <div class="slideshow-container">
+
                            <!-- Full-width images with number and caption text -->
 +
                            <div class="mySlidesF">
 +
                                <div class="text-center">
 +
                                    <div class="numbertext description-text">1 / 3</div>
 +
                                    <img src="https://static.igem.org/mediawiki/2019/5/5b/T--Costa_Rica--team-N4.png"
 +
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 +
                            </div>
  
                        <!-- Full-width images with number and caption text -->
+
                            <div class="mySlidesF ">
                        <div class="mySlidesF">
+
                                <div class="text-center">
                            <div class="text-center">
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <div class="numbertext">1 / 3</div>
+
                                    <img src="https://static.igem.org/mediawiki/2019/6/6e/T--Costa_Rica--team-N5.png"
                                <img src="https://static.igem.org/mediawiki/2019/5/5b/T--Costa_Rica--team-N4.png"
+
                                        class="img-fluid" style="height:500px;">
                                    class="img-fluid" style="height:500px;">
+
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesF ">
+
                            <div class="mySlidesF ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/6/6e/T--Costa_Rica--team-N5.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/7/70/T--Costa_Rica--team-N6.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesF ">
+
                            <div class="mySlidesF ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/7/70/T--Costa_Rica--team-N6.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/e/e0/T--Costa_Rica--team-N7.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesF ">
+
                            <div class="mySlidesF ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/e/e0/T--Costa_Rica--team-N7.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/a/ab/T--Costa_Rica--team-N8.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesF ">
+
                            <div class="mySlidesF ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/a/ab/T--Costa_Rica--team-N8.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/6/64/T--Costa_Rica--team-N9.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesF ">
+
                            <div class="mySlidesF ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/6/64/T--Costa_Rica--team-N9.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/7/7a/T--Costa_Rica--team-N10.png"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesF ">
+
                            <div class="mySlidesF ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/7/7a/T--Costa_Rica--team-N10.png"
+
                                    <img src="https://static.igem.org/mediawiki/2019/thumb/2/20/T--Costa_Rica--team-N11.png/800px-T--Costa_Rica--team-N11.png.jpeg"
                                    class="img-fluid" style="height:500px;">
+
                                        class="img-fluid" style="height:500px;filter:Flip;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesF ">
+
                            <div class="mySlidesF ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/thumb/2/20/T--Costa_Rica--team-N11.png/800px-T--Costa_Rica--team-N11.png.jpeg"
+
                                    <img src="https://static.igem.org/mediawiki/2019/thumb/f/fb/T--Costa_Rica--team-N12.png/800px-T--Costa_Rica--team-N12.png.jpeg"
                                    class="img-fluid" style="height:500px;filter:Flip;">
+
                                        class="img-fluid" style="height:500px; filter:Flip;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesF ">
+
                            <div class="mySlidesF ">
                            <div class="text-center">
+
                                <div class="text-center">
                                <div class="numbertext">1 / 3</div>
+
                                    <div class="numbertext description-text">1 / 3</div>
                                <img src="https://static.igem.org/mediawiki/2019/thumb/f/fb/T--Costa_Rica--team-N12.png/800px-T--Costa_Rica--team-N12.png.jpeg"
+
                                    <img src="https://static.igem.org/mediawiki/2019/thumb/b/b4/T--Costa_Rica--team-N13.png/800px-T--Costa_Rica--team-N13.png.jpeg"
                                    class="img-fluid" style="height:500px; filter:Flip;">
+
                                        class="img-fluid" style="height:500px ;filter:Flip;">
 +
                                </div>
 
                             </div>
 
                             </div>
                        </div>
 
  
                        <div class="mySlidesF ">
+
                            <!-- Next and previous buttons -->
                             <div class="text-center">
+
                             <a class="prev" style="color:blueviolet;" onclick="currentSlidePicturesF(1)">&#10094;</a>
                                <div class="numbertext">1 / 3</div>
+
                            <a class="next" style="color:blueviolet;" onclick="currentSlidePicturesF(-1)">&#10095;</a>
                                <img src="https://static.igem.org/mediawiki/2019/thumb/b/b4/T--Costa_Rica--team-N13.png/800px-T--Costa_Rica--team-N13.png.jpeg"
+
                                    class="img-fluid" style="height:500px ;filter:Flip;">
+
                            </div>
+
 
                         </div>
 
                         </div>
  
                        <!-- Next and previous buttons -->
 
                        <a class="prev" style="color:blueviolet;" onclick="currentSlidePicturesF(1)">&#10094;</a>
 
                        <a class="next" style="color:blueviolet;" onclick="currentSlidePicturesF(-1)">&#10095;</a>
 
 
                     </div>
 
                     </div>
  
 
                 </div>
 
                 </div>
 
 
             </div>
 
             </div>
        </div>
 
  
        <div class="mySlides">
+
            <div class="mySlides">
  
            <h2>Antibiotic resistance: A global problem</h2>
+
                <h2>Antibiotic resistance: A global problem</h2>
  
            <p>Since we were brainstorming about possible problems to be addressed, we quickly (not so much)
+
                <p>Since we were brainstorming about possible problems to be addressed, we quickly (not so much)
                stumbled upon the issue of antibiotic resistance. This phenomenon is expected to provoke up to 10
+
                    stumbled upon the issue of antibiotic resistance. This phenomenon is expected to provoke up to 10
                million annual deaths by 2050 (O'Neill, 2014), possibly the first death cause worldwide. This has
+
                    million annual deaths by 2050 (O'Neill, 2014), possibly the first death cause worldwide. This has
                lead the United Nations to declare antibiotic resistance as one of the greatest threats to global
+
                    lead the United Nations to declare antibiotic resistance as one of the greatest threats to global
                public health. </p>
+
                    public health. </p>
  
  
            <h2>Resistant bacterial infections: Choosing our project aim</h2>
+
                <h2>Resistant bacterial infections: Choosing our project aim</h2>
  
            <p>Antibiotic resistance is an exponential growing problem around the world and it has a very serious
+
                <p>Antibiotic resistance is an exponential growing problem around the world and it has a very serious
                social impact. Looking for a solution to this problem we focused on a gastrointestinal pathogen,
+
                    social impact. Looking for a solution to this problem we focused on a gastrointestinal pathogen,
                Clostridioides difficile. This bacteria infected patients in 21 of the 29 hospitals of Costa Rica
+
                    Clostridioides difficile. This bacteria infected patients in 21 of the 29 hospitals of Costa Rica
                from 2011-2014. Even one of our team members have suffered from this illness.</p>
+
                    from 2011-2014. Even one of our team members have suffered from this illness.</p>
  
            <h2>Problems: </h2>
+
                <h2>Problems: </h2>
            <h3>Awareness for antibiotic resistance is lacking</h3>
+
                <h3>Awareness for antibiotic resistance is lacking</h3>
  
            <p>There is a worldwide ignorance on the subject of microbial resistance to antibiotics and Costa Rica
+
                <p>There is a worldwide ignorance on the subject of microbial resistance to antibiotics and Costa Rica
                is not the exception. Globally, the main cause of this problem is the misuse of antibiotics, leading
+
                    is not the exception. Globally, the main cause of this problem is the misuse of antibiotics, leading
                to the survival of some resistant bacteria, able to spread again. Also, the bad waste management of
+
                    to the survival of some resistant bacteria, able to spread again. Also, the bad waste management of
                these drugs contributes to increase resistant bacteria. This bacteria can later transfer their
+
                    these drugs contributes to increase resistant bacteria. This bacteria can later transfer their
                resistance to human microbiota (van Rijn et al., 2019). </p>
+
                    resistance to human microbiota (van Rijn et al., 2019). </p>
            <p>Research is being conducted to discover new antibiotics. However, only two new antibiotic classes
+
                <p>Research is being conducted to discover new antibiotics. However, only two new antibiotic classes
                (lipopeptides and oxazolidinones) have been developed and approved by international drug agencies
+
                    (lipopeptides and oxazolidinones) have been developed and approved by international drug agencies
                (US Food and Drug Administration and European Medicines Agency) in the last three decades
+
                    (US Food and Drug Administration and European Medicines Agency) in the last three decades
                (Tacconelli et al., 2018). The field of antibiotics is not lucrative enough for pharmaceutical
+
                    (Tacconelli et al., 2018). The field of antibiotics is not lucrative enough for pharmaceutical
                companies and newly discovered compounds remain similar in function to current antibiotics. As a
+
                    companies and newly discovered compounds remain similar in function to current antibiotics. As a
                result, only a few large companies such as GlaxoSmithKline, Novartis, Merck and Roche are still
+
                    result, only a few large companies such as GlaxoSmithKline, Novartis, Merck and Roche are still
                actively engaged in antibiotic research and development (Jackson, Czaplewski & Piddock, 2018).</p>
+
                    actively engaged in antibiotic research and development (Jackson, Czaplewski & Piddock, 2018).</p>
            <p>During our problems exploration we realized antibiotic resistance consists of the two problems
+
                <p>During our problems exploration we realized antibiotic resistance consists of the two problems
                mentioned above. Therefore, we decided to go out the lab to help create awareness on antibiotic
+
                    mentioned above. Therefore, we decided to go out the lab to help create awareness on antibiotic
                resistance in our country and prove the prevalence of antibiotic resistance bacteria using the agar
+
                    resistance in our country and prove the prevalence of antibiotic resistance bacteria using the agar
                antibiotic resistance test.</p>
+
                    antibiotic resistance test.</p>
  
            <h3>Larger agar antibiotic resistance test</h3>
+
                <h3>Larger agar antibiotic resistance test</h3>
  
  
            <p>We went to the streets to have a closer encounter with people. In total we sampled 10 different
+
                <p>We went to the streets to have a closer encounter with people. In total we sampled 10 different
                places of Costa Rica: La Agonía Park in Alajuela, Central Park in Heredia, Central Park in Cartago
+
                    places of Costa Rica: La Agonía Park in Alajuela, Central Park in Heredia, Central Park in Cartago
                and seven different places in San Jose (Central Park, El Mercado Central, La Sabana Metropolitan
+
                    and seven different places in San Jose (Central Park, El Mercado Central, La Sabana Metropolitan
                Park, France Park and the buses stations from Limón, Puntarenas and Liberia). We talked to 100 Costa
+
                    Park, France Park and the buses stations from Limón, Puntarenas and Liberia). We talked to 100 Costa
                Ricans, explained them a little bit of our problem and sampled their mouth with sterile swabs and
+
                    Ricans, explained them a little bit of our problem and sampled their mouth with sterile swabs and
                following the National Health Ministry regulations. Samples were grown in petri dishes supplemented
+
                    following the National Health Ministry regulations. Samples were grown in petri dishes supplemented
                with amoxicillin (antibiotic most commonly used in Costa Rica) for 24h at 37 °C. </p>
+
                    with amoxicillin (antibiotic most commonly used in Costa Rica) for 24h at 37 °C. </p>
  
</html>
+
    </html>
{{Costa_Rica/Interactive-Map}}
+
    {{Costa_Rica/Interactive-Map}}
  
<html>
+
    <html>
  
<h2>References</h2>
+
    <h2>References</h2>
<p class="ref">
+
    <p class="ref">
    Jackson, N., Czaplewski, L., & Piddock, L. J. (2018). Discovery and development of new antibacterial drugs: learning
+
        Jackson, N., Czaplewski, L., & Piddock, L. J. (2018). Discovery and development of new antibacterial drugs: learning
    from experience?. Journal of Antimicrobial Chemotherapy, 73(6), 1452-1459. </p>
+
        from experience?. Journal of Antimicrobial Chemotherapy, 73(6), 1452-1459. </p>
  
<p class="ref"> O’Neill, J. (2014). Antimicrobial resistance. Tackling a Crisis for the Health and Wealth of
+
    <p class="ref"> O’Neill, J. (2014). Antimicrobial resistance. Tackling a Crisis for the Health and Wealth of
    Nations. </p>
+
        Nations. </p>
  
<p class="ref"> Tacconelli, E., Carrara, E., Savoldi, A., Harbarth, S., Mendelson, M., Monnet, D. L., ... &
+
    <p class="ref"> Tacconelli, E., Carrara, E., Savoldi, A., Harbarth, S., Mendelson, M., Monnet, D. L., ... &
    Ouellette, M. (2018). Discovery, research, and development of new antibiotics: the WHO priority list of
+
        Ouellette, M. (2018). Discovery, research, and development of new antibiotics: the WHO priority list of
    antibiotic-resistant bacteria and tuberculosis. The Lancet Infectious Diseases, 18(3), 318-327. </p>
+
        antibiotic-resistant bacteria and tuberculosis. The Lancet Infectious Diseases, 18(3), 318-327. </p>
  
<p class="ref"> van Rijn, M., Haverkate, M., Achterberg, P., & Timen, A. (2019). The public uptake of
+
    <p class="ref"> van Rijn, M., Haverkate, M., Achterberg, P., & Timen, A. (2019). The public uptake of
    information about antibiotic resistance in the Netherlands. Public Understanding of Science, 28(4),
+
        information about antibiotic resistance in the Netherlands. Public Understanding of Science, 28(4),
    486-503.
+
        486-503.
</p>
+
    </p>
  
</div>
+
    </div>
  
  
  
</div>
+
    </div>
<script>
+
    <script>
    var slideIndex = 1;
+
        var slideIndex = 1;
    showSlides(slideIndex);
+
        showSlides(slideIndex);
  
  
    function currentSlide(n) {
+
        function currentSlide(n) {
        showSlides(slideIndex = n);
+
            showSlides(slideIndex = n);
    }
+
        }
  
    function showSlides(n) {
+
        function showSlides(n) {
        var i;
+
            var i;
        var slides = document.getElementsByClassName("mySlides");
+
            var slides = document.getElementsByClassName("mySlides");
        var dots = document.getElementsByClassName("medal");
+
            var dots = document.getElementsByClassName("medal");
  
        if (n > slides.length) { slideIndex = 1 }
+
            if (n > slides.length) { slideIndex = 1 }
        if (n < 1) { slideIndex = slides.length }
+
            if (n < 1) { slideIndex = slides.length }
        for (i = 0; i < slides.length; i++) {
+
            for (i = 0; i < slides.length; i++) {
            slides[i].style.display = "none";
+
                slides[i].style.display = "none";
        }
+
            }
        for (i = 0; i < dots.length; i++) {
+
            for (i = 0; i < dots.length; i++) {
            dots[i].className = dots[i].className.replace(" active", "");
+
                dots[i].className = dots[i].className.replace(" active", "");
 +
 
 +
            }
 +
            slides[slideIndex - 1].style.display = "block";
 +
            dots[slideIndex - 1].className += " active";
  
 
         }
 
         }
        slides[slideIndex - 1].style.display = "block";
 
        dots[slideIndex - 1].className += " active";
 
  
    }
 
  
 +
        var slideIndexPictures = 1;
 +
        showSlidesPicturesB(slideIndexPictures);
  
    var slideIndexPictures = 1;
 
    showSlidesPicturesB(slideIndexPictures);
 
  
 +
        function currentSlidePicturesB(n) {
 +
            showSlidesPicturesB(slideIndexPictures = slideIndexPictures - n);
 +
        }
  
    function currentSlidePicturesB(n) {
+
        function showSlidesPicturesB(n) {
        showSlidesPicturesB(slideIndexPictures = slideIndexPictures - n);
+
            var i;
    }
+
            var slides = document.getElementsByClassName("mySlidesB");
  
    function showSlidesPicturesB(n) {
 
        var i;
 
        var slides = document.getElementsByClassName("mySlidesB");
 
  
 +
            if (n > slides.length) { slideIndexPictures = 1 }
 +
            if (n < 1) { slideIndexPictures = slides.length }
 +
            for (i = 0; i < slides.length; i++) {
 +
                slides[i].style.display = "none";
 +
            }
  
        if (n > slides.length) { slideIndexPictures = 1 }
+
            slides[slideIndexPictures - 1].style.display = "block";
        if (n < 1) { slideIndexPictures = slides.length }
+
        for (i = 0; i < slides.length; i++) {
+
            slides[i].style.display = "none";
+
 
         }
 
         }
  
         slides[slideIndexPictures - 1].style.display = "block";
+
         var slideIndexPicturesC = 1;
    }
+
        showSlidesPicturesC(slideIndexPicturesC);
  
    var slideIndexPicturesC = 1;
 
    showSlidesPicturesC(slideIndexPicturesC);
 
  
 +
        function currentSlidePicturesC(n) {
 +
            showSlidesPicturesC(slideIndexPicturesC = slideIndexPicturesC - n);
 +
        }
 +
 +
        function showSlidesPicturesC(n) {
 +
            var i;
 +
            var slides = document.getElementsByClassName("mySlidesC");
  
    function currentSlidePicturesC(n) {
 
        showSlidesPicturesC(slideIndexPicturesC = slideIndexPicturesC - n);
 
    }
 
  
    function showSlidesPicturesC(n) {
+
            if (n > slides.length) { slideIndexPicturesC = 1 }
        var i;
+
            if (n < 1) { slideIndexPicturesC = slides.length }
        var slides = document.getElementsByClassName("mySlidesC");
+
            for (i = 0; i < slides.length; i++) {
 +
                slides[i].style.display = "none";
 +
            }
  
 +
            slides[slideIndexPicturesC - 1].style.display = "block";
  
        if (n > slides.length) { slideIndexPicturesC = 1 }
 
        if (n < 1) { slideIndexPicturesC = slides.length }
 
        for (i = 0; i < slides.length; i++) {
 
            slides[i].style.display = "none";
 
 
         }
 
         }
  
         slides[slideIndexPicturesC - 1].style.display = "block";
+
         var slideIndexPicturesD = 1;
 +
        showSlidesPicturesD(slideIndexPicturesD);
  
    }
 
  
    var slideIndexPicturesD = 1;
+
        function currentSlidePicturesD(n) {
    showSlidesPicturesD(slideIndexPicturesD);
+
            showSlidesPicturesD(slideIndexPicturesD = slideIndexPicturesD - n);
 +
        }
  
 +
        function showSlidesPicturesD(n) {
 +
            var i;
 +
            var slides = document.getElementsByClassName("mySlidesD");
  
    function currentSlidePicturesD(n) {
 
        showSlidesPicturesD(slideIndexPicturesD = slideIndexPicturesD - n);
 
    }
 
  
    function showSlidesPicturesD(n) {
+
            if (n > slides.length) { slideIndexPicturesD = 1 }
        var i;
+
            if (n < 1) { slideIndexPicturesD = slides.length }
        var slides = document.getElementsByClassName("mySlidesD");
+
            for (i = 0; i < slides.length; i++) {
 +
                slides[i].style.display = "none";
 +
            }
  
 +
            slides[slideIndexPicturesD - 1].style.display = "block";
  
        if (n > slides.length) { slideIndexPicturesD = 1 }
 
        if (n < 1) { slideIndexPicturesD = slides.length }
 
        for (i = 0; i < slides.length; i++) {
 
            slides[i].style.display = "none";
 
 
         }
 
         }
 +
        var slideIndexPicturesE = 1;
 +
        showSlidesPicturesE(slideIndexPicturesE);
  
        slides[slideIndexPicturesD - 1].style.display = "block";
 
  
    }
+
        function currentSlidePicturesE(n) {
    var slideIndexPicturesE = 1;
+
            showSlidesPicturesE(slideIndexPicturesE = slideIndexPicturesE - n);
    showSlidesPicturesE(slideIndexPicturesE);
+
        }
  
 +
        function showSlidesPicturesE(n) {
 +
            var i;
 +
            var slides = document.getElementsByClassName("mySlidesE");
  
    function currentSlidePicturesE(n) {
 
        showSlidesPicturesE(slideIndexPicturesE = slideIndexPicturesE - n);
 
    }
 
  
    function showSlidesPicturesE(n) {
+
            if (n > slides.length) { slideIndexPicturesE = 1 }
        var i;
+
            if (n < 1) { slideIndexPicturesE = slides.length }
        var slides = document.getElementsByClassName("mySlidesE");
+
            for (i = 0; i < slides.length; i++) {
 +
                slides[i].style.display = "none";
 +
            }
  
 +
            slides[slideIndexPicturesE - 1].style.display = "block";
  
        if (n > slides.length) { slideIndexPicturesE = 1 }
 
        if (n < 1) { slideIndexPicturesE = slides.length }
 
        for (i = 0; i < slides.length; i++) {
 
            slides[i].style.display = "none";
 
 
         }
 
         }
 +
        var slideIndexPicturesF = 1;
 +
        showSlidesPicturesF(slideIndexPicturesF);
  
        slides[slideIndexPicturesE - 1].style.display = "block";
 
  
    }
+
        function currentSlidePicturesF(n) {
    var slideIndexPicturesF = 1;
+
            showSlidesPicturesF(slideIndexPicturesF = slideIndexPicturesF - n);
    showSlidesPicturesF(slideIndexPicturesF);
+
        }
  
 +
        function showSlidesPicturesF(n) {
 +
            var i;
 +
            var slides = document.getElementsByClassName("mySlidesF");
  
    function currentSlidePicturesF(n) {
 
        showSlidesPicturesF(slideIndexPicturesF = slideIndexPicturesF - n);
 
    }
 
  
    function showSlidesPicturesF(n) {
+
            if (n > slides.length) { slideIndexPicturesF = 1 }
        var i;
+
            if (n < 1) { slideIndexPicturesF = slides.length }
        var slides = document.getElementsByClassName("mySlidesF");
+
            for (i = 0; i < slides.length; i++) {
 +
                slides[i].style.display = "none";
 +
            }
  
 +
            slides[slideIndexPicturesF - 1].style.display = "block";
  
        if (n > slides.length) { slideIndexPicturesF = 1 }
 
        if (n < 1) { slideIndexPicturesF = slides.length }
 
        for (i = 0; i < slides.length; i++) {
 
            slides[i].style.display = "none";
 
 
         }
 
         }
  
        slides[slideIndexPicturesF - 1].style.display = "block";
 
  
    }
 
  
 +
    </script>
  
  
</script>
+
    <style>
 +
    .sticky {
 +
    position: fixed;
 +
    top: 100px;
 +
    }
  
  
<style>
+
    </style>
.sticky {
+
  position: fixed;
+
  top: 100px;
+
}
+
  
 +
    <script>
  
</style>
 
  
<script>
+
    // When the user scrolls the page, execute myFunction
 +
    window.onscroll = function() {myFunction()};
  
 +
    // Get the navbar
 +
    var navbar = document.getElementById("myHeader");
  
// When the user scrolls the page, execute myFunction
+
    // Get the offset position of the navbar
window.onscroll = function() {myFunction()};
+
    var sticky = $('#myHeader').offset().top;
  
// Get the navbar
+
    // Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position
var navbar = document.getElementById("myHeader");
+
    function myFunction() {
 
+
    if (window.pageYOffset + 130 >= sticky ) {
// Get the offset position of the navbar
+
        navbar.classList.add("sticky")
var sticky = $('#myHeader').offset().top;
+
    } else {
 
+
        navbar.classList.remove("sticky");
// Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position
+
    }
function myFunction() {
+
    }  
  if (window.pageYOffset + 130 >= sticky ) {
+
    </script>
    navbar.classList.add("sticky")
+
    </div>
  } else {
+
    navbar.classList.remove("sticky");
+
  }
+
}  
+
</script>
+
</div>
+
  
</html>
+
    </html>
{{Costa_Rica/Footbar}}
+
    {{Costa_Rica/Footbar}}

Revision as of 22:36, 20 October 2019

   





























    
    










   


    
Responsive image

Human practices are meant to explain why our project is important to the world. Here we present how we do an intense work to inform the people of Costa Rica about Synthetic Biology, iGEM and the new possibilities of Engineered Probiotics.

Responsive image
Public Engagement
Integrated Human Practice

Science Through Dance

If there is something that we can be sure of is the primitive need that human being has to understand and describe the world that surrounds us. Both science and art, are avatars of human creativity, created to facilitate the process of understanding and expressing. Nevertheless, most people use to think about them as separated fields.

That’s why, using our background in science and the experience as a dance teacher of one of our team members, we fusioned them in a special show, named Science Through Dance.

The show Science Through Dance, gave us the opportunity to bring science and dance to the table, where dancers, scientists, dance parents, university teachers and many supportive people experienced, enjoyed, felt and learnt from it. It’s important to say that this space was also a way to demonstrate the capabilities of the country in these areas, which often go unnoticed or unconnected.

To achieve the goal, we contacted scientists, dancers from all ages and one of the most famous theatres in Costa Rica. First, for science section, we counted with Rosalind Innovations, a biotech-social entrepreneurship who spoke of the magnificence of nature and the unbelievable biotech projects that emerged from it. Also, 4 chemistry students from the University of Costa Rica, elaborated an incredible show, where they made and explained amazing experiments. Additionally, our team presented the project we are taking to the iGEM competition. As for the dance section, we counted with 90 dancers from 7 to 35 years old, from beginners to nationally and internationally recognized dancers.

Disciplines preformed were from Ballet to Jazz, Tap, Hip Hop, Contemporary, Lyric, Latin Dance, Antigravity, Break Dance and African Dance. All of them appreciated by 285 spectators. The show was covered by Novum Comunicaciones S.A., a company who took all astonishing photos you can see in the next slideshow.

1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3
1 / 3

Antibiotic resistance: A global problem

Since we were brainstorming about possible problems to be addressed, we quickly (not so much) stumbled upon the issue of antibiotic resistance. This phenomenon is expected to provoke up to 10 million annual deaths by 2050 (O'Neill, 2014), possibly the first death cause worldwide. This has lead the United Nations to declare antibiotic resistance as one of the greatest threats to global public health.

Resistant bacterial infections: Choosing our project aim

Antibiotic resistance is an exponential growing problem around the world and it has a very serious social impact. Looking for a solution to this problem we focused on a gastrointestinal pathogen, Clostridioides difficile. This bacteria infected patients in 21 of the 29 hospitals of Costa Rica from 2011-2014. Even one of our team members have suffered from this illness.

Problems:

Awareness for antibiotic resistance is lacking

There is a worldwide ignorance on the subject of microbial resistance to antibiotics and Costa Rica is not the exception. Globally, the main cause of this problem is the misuse of antibiotics, leading to the survival of some resistant bacteria, able to spread again. Also, the bad waste management of these drugs contributes to increase resistant bacteria. This bacteria can later transfer their resistance to human microbiota (van Rijn et al., 2019).

Research is being conducted to discover new antibiotics. However, only two new antibiotic classes (lipopeptides and oxazolidinones) have been developed and approved by international drug agencies (US Food and Drug Administration and European Medicines Agency) in the last three decades (Tacconelli et al., 2018). The field of antibiotics is not lucrative enough for pharmaceutical companies and newly discovered compounds remain similar in function to current antibiotics. As a result, only a few large companies such as GlaxoSmithKline, Novartis, Merck and Roche are still actively engaged in antibiotic research and development (Jackson, Czaplewski & Piddock, 2018).

During our problems exploration we realized antibiotic resistance consists of the two problems mentioned above. Therefore, we decided to go out the lab to help create awareness on antibiotic resistance in our country and prove the prevalence of antibiotic resistance bacteria using the agar antibiotic resistance test.

Larger agar antibiotic resistance test

We went to the streets to have a closer encounter with people. In total we sampled 10 different places of Costa Rica: La Agonía Park in Alajuela, Central Park in Heredia, Central Park in Cartago and seven different places in San Jose (Central Park, El Mercado Central, La Sabana Metropolitan Park, France Park and the buses stations from Limón, Puntarenas and Liberia). We talked to 100 Costa Ricans, explained them a little bit of our problem and sampled their mouth with sterile swabs and following the National Health Ministry regulations. Samples were grown in petri dishes supplemented with amoxicillin (antibiotic most commonly used in Costa Rica) for 24h at 37 °C.

Snow
   

    

References

Jackson, N., Czaplewski, L., & Piddock, L. J. (2018). Discovery and development of new antibacterial drugs: learning from experience?. Journal of Antimicrobial Chemotherapy, 73(6), 1452-1459.

O’Neill, J. (2014). Antimicrobial resistance. Tackling a Crisis for the Health and Wealth of Nations.

Tacconelli, E., Carrara, E., Savoldi, A., Harbarth, S., Mendelson, M., Monnet, D. L., ... & Ouellette, M. (2018). Discovery, research, and development of new antibiotics: the WHO priority list of antibiotic-resistant bacteria and tuberculosis. The Lancet Infectious Diseases, 18(3), 318-327.

van Rijn, M., Haverkate, M., Achterberg, P., & Timen, A. (2019). The public uptake of information about antibiotic resistance in the Netherlands. Public Understanding of Science, 28(4), 486-503.

"La ciencia es lo que entendemos lo suficientemente bien como para explicarle a una computadora. Arte es todo lo demás que hacemos".

— Donald Knuth.