Difference between revisions of "Team:Tec-Monterrey/sandboxDavid"

(Replaced content with "=")
Line 1: Line 1:
{{:Team:Tec-Monterrey/Templates/Tec-Monterrey_General_Format}}
+
=
<html>
+
 
+
<head>
+
 
+
    <style>
+
        .full-masthead {
+
            width: 100%;
+
        }
+
 
+
        .full-masthead img {
+
            width: 100%;
+
        }
+
 
+
        #collabs {
+
            width: 100%;
+
            height: auto;
+
            background: white;
+
            z-index: 1;
+
            display: block;
+
        }
+
 
+
        #meetings {
+
            width: 100%;
+
            height: auto;
+
            background: #2a4081;
+
            z-index: 1;
+
            display: block;
+
        }
+
 
+
        .collab-container {
+
            width: 90%;
+
            height: auto;
+
            left: 5%;
+
            top: 5%;
+
            background: black;
+
            position: relative;
+
            display: flex;
+
        }
+
 
+
        .collab-info {
+
            width: 80%;
+
            height;
+
            500px;
+
            left: 10%;
+
            margin: 10% 0;
+
            background: white;
+
            position: relative;
+
            display: inline-block;
+
            z-index: 2;
+
        }
+
 
+
        #teamsTable {
+
            border: 0px white solid !important;
+
            width: 80% !important;
+
            margin: auto !important;
+
        }
+
 
+
        #teamsTable td {
+
            border: 0px white solid;
+
            width: 40vh;
+
            text-align: center;
+
            vertical-align: middle;
+
 
+
        }
+
 
+
        #teamsTable img {
+
            width: 100%;
+
            height: auto;
+
            transition: 0.4s;
+
        }
+
 
+
        #teamsTable img:hover {
+
            transform: scale(1.3, 1.3);
+
        }
+
 
+
        .collapsedInfoTeam {
+
            top: calc(8vh + 18px);
+
            z-index: 1;
+
            width: 100%;
+
            background-color: white;
+
        }
+
 
+
        .containerCollapse {
+
            padding: 0 10px 30px 10px;
+
            width: 20%;
+
            margin-left: auto;
+
            margin-right: auto;
+
        }
+
 
+
        .height-support {
+
            height: 20px;
+
            width: 100%;
+
        }
+
    </style>
+
</head>
+
 
+
<body>
+
    <header class="full-masthead">
+
        <img src="https://static.igem.org/mediawiki/2018/b/b1/T--UCSC--MapOfConnections.png">
+
        <div style="font-size: 40px; color: white; top: 25%; left: 25%; position: absolute; background: rgba(0,0,0,0.7);">This is temporary, just a holder for the concept of the page, image of UCSC</div>
+
    </header>
+
 
+
    <section id="collabs">
+
        <table id="teamsTable">
+
            <tr>
+
                <td><img href="#ictmumbai" class="teamLink" src="https://static.igem.org/mediawiki/2018/1/17/T--ICT-Mumbai--logo_new.jpg"></td>
+
                <td><img href="#chihuahua" class="teamLink" src="https://static.igem.org/mediawiki/2018/1/11/T--Tec-Chihuahua--C21.png"></td>
+
                <td><img href="#duesseldorf" class="teamLink" src="https://static.igem.org/mediawiki/2018/b/b8/T--Duesseldorf--namesmall.png"></td>
+
                <td><img href="#iitmadras" class="teamLink" src="https://static.igem.org/mediawiki/2018/2/22/T--Tec-Monterrey--iitmadras.png"></td>
+
                <td><img href="#madrid" class="teamLink" src="https://static.igem.org/mediawiki/2018/3/36/T--Tec-Monterrey--madridolm.jpg"></td>
+
                <td><img href="#makerere" class="teamLink" src="https://static.igem.org/mediawiki/2018/a/ae/T--makerere_university--Igem_logo.jpg"></td>
+
                <td><img href="#aixmarseille" class="teamLink" src="https://static.igem.org/mediawiki/2018/5/5e/T--Tec-Monterrey--aix-Marseille.jpg"></td>
+
            </tr>
+
            <tr>
+
                <td><img href="#cem" class="teamLink" src="https://static.igem.org/mediawiki/2018/4/42/T--Tec-Monterrey--teccem.jpg"></td>
+
                <td colspan="5" rowspan="4"><img style="width:50%" src="https://static.igem.org/mediawiki/2018/d/de/T--Tec-Monterrey--logo.png"></td>
+
                <td><img href="#gdl" class="teamLink" src="https://static.igem.org/mediawiki/2018/7/76/T--TecMonterrey_GDL--Lactobachill01.png"></td>
+
            </tr>
+
            <tr>
+
                <td><img href="#stanford" class="teamLink" src="https://static.igem.org/mediawiki/2018/7/7b/T--Tec-Monterrey--stanford.jpg"></td>
+
                <td><img href="#munich" class="teamLink" src="https://static.igem.org/mediawiki/2018/8/8a/T--Tec-Monterrey--lmutumunich.png"></td>
+
            </tr>
+
            <tr>
+
                <td><img href="#harvard" class="teamLink" src="https://static.igem.org/mediawiki/2018/0/02/T--Harvard--OfficialLogo.jpg"></td>
+
                <td><img href="#mit" class="teamLink" src="https://static.igem.org/mediawiki/2018/3/3b/T--Tec-Monterrey--mit.png"></td>
+
            </tr>
+
            <tr>
+
                <td><img href="#boston" class="teamLink" src="https://static.igem.org/mediawiki/2018/2/2c/T--BostonU--LOGO.png"></td>
+
                <td><img href="#estonia" class="teamLink" src="https://static.igem.org/mediawiki/2017/d/d4/Tuit-logo.svg"></td>
+
            </tr>
+
            <tr>
+
                <td><img href="#oxford" class="teamLink" src="https://static.igem.org/mediawiki/2018/b/bb/T--Tec-Monterrey--oxford.png"></td>
+
                <td><img href="#macquarie" class="teamLink" src="https://static.igem.org/mediawiki/2018/f/f6/T--Macquarie_Australia--New_Logo_transperant.png"></td>
+
                <td><img href="#unsw" class="teamLink" src="https://static.igem.org/mediawiki/2018/6/66/T--Tec-Monterrey--unsw.jpg"></td>
+
                <td></td>
+
                <td><img href="#nyuabudhabi" class="teamLink" src="https://static.igem.org/mediawiki/2018/5/51/T--NYU_Abu_Dhabi--teamlogo.png"></td>
+
                <td><img href="#nckutainan" class="teamLink" class="teamLink" src="https://static.igem.org/mediawiki/2018/a/a4/T--Tec-Monterrey--ncku.png"></td>
+
                <td><img href="#bgu" class="teamLink" src="https://static.igem.org/mediawiki/2018/3/32/T--BGU_Israel--logo_colored.png"></td>
+
            </tr>
+
        </table>
+
 
+
        <div class="collapse collapsedInfoTeam" id="ictmumbai">
+
            <section class="seccion-responsiva">
+
                <div class="contenido-con-imagen-izquierda">
+
                    <div class="body-subtitle">ICT Mumbai</div>
+
                    <div class="texto-derecha">
+
                        Skype meetings were often a little too early for us and a little too late for them, but collaborations with ICT-Mumbai ended up being very successful! We helped the mathematical modelling team with their oscillating circuit, especially concerning the correctness and scope of the equations they had used in their system, since it was their first time working with MATLAB. From their code, we were able to find a small correction in their model, called a “basal transcription level” that is commonly referred to as leakage, that could help turn their code from a purely qualitative description of the biological system into a quantitative one that could further allow them to make predictions and test experimental data. This additional consideration comes from the fact that RNA transcription actually never reaches zero, which could have lead to potential discrepancies between the modeling and experimental results.
+
                    </div>
+
                    <div class="imagen-izquierda">
+
                        <img class="teamLink" src="https://static.igem.org/mediawiki/2018/1/17/T--ICT-Mumbai--logo_new.jpg">
+
                        <br class="clearBoth" />
+
                    </div>
+
                    <br class="clearBoth" />
+
                </div>
+
            </section>
+
        </div>
+
        <div class="collapse collapsedInfoTeam" id="chihuahua">
+
            <section class="seccion-responsiva">
+
                <div class="contenido-con-imagen-izquierda">
+
                    <div class="body-subtitle">Tec Chihuahua</div>
+
                    <div class="texto-derecha">
+
                        Collaborations with iGEM Tec-Chihuahua Team were full of difficult challenges, but hard work and effort from both parts gave great results. Our team helped Chihuahua conducting a synthesis of nanoparticles with the ability to encapsulate Apidaecin IB. We incorporated a multiple emulsion protocol and chemical transformation in order to send them the nanoparticles that they will use in their project. A single HPLC reading was made after the synthesis to verify the quantity and quality of the encapsulated peptides.They sent us their protocols, and we conducted additional research by contacting experts on the field. This lead to us proposing a new protocol to Chihuahua Team, which they accepted, involving the transformation and chemical encapsulation with chitosan to improve the efficiency output of the reaction, as well as the preservation of the nanocapsules.
+
                    </div>
+
                    <div class="imagen-izquierda">
+
                        <img class="teamLink" src="https://static.igem.org/mediawiki/2018/1/11/T--Tec-Chihuahua--C21.png">
+
                        <br class="clearBoth" />
+
                    </div>
+
                    <br class="clearBoth" />
+
                </div>
+
            </section>
+
        </div>
+
        <div class="collapse collapsedInfoTeam" id="duesseldorf">
+
            <section class="seccion-responsiva">
+
                <div class="contenido-con-imagen-izquierda">
+
                    <div class="body-subtitle">Düsseldorf</div>
+
                    <div class="texto-derecha">
+
                        For our collaboration with iGEM Düsseldorf Team, our mathematical model members had to arduously work for weeks. We had to come up with an appropriate set of differential equations and MATLAB/Python code that could accurately describe their complex Trinity system, which involves three codependent entities growing in the same medium. Although we got stuck a few times with some technical aspects of the coding simulation, our results and ideas proved to be very useful to their team, leading to the determination of the correct ratio of nutrients needed in order for their organisms to grow into a stable system.
+
                    </div>
+
                    <div class="imagen-izquierda">
+
                        <img class="teamLink" src="https://static.igem.org/mediawiki/2018/b/b8/T--Duesseldorf--namesmall.png">
+
                        <br class="clearBoth" />
+
                    </div>
+
                    <br class="clearBoth" />
+
                </div>
+
            </section>
+
        </div>
+
        <div class="collapse collapsedInfoTeam" id="iitmadras">
+
            <section class="seccion-responsiva">
+
                <div class="contenido-con-imagen-izquierda">
+
                    <div class="body-subtitle">IIT Madras</div>
+
                    <div class="texto-derecha">
+
                        One of our team members helped iGEM team IIT Madras with their Language Project, which involved making educational Synthetic Biology videos in our native language. As part of the collaboration, we received a script in English from IIT Madras and proceeded to translate it completely into Spanish. After that, an audio file was recorded and thus concluded our brief collaboration!
+
                    </div>
+
                    <div class="imagen-izquierda">
+
                        <img class="teamLink" src="https://static.igem.org/mediawiki/2018/2/22/T--Tec-Monterrey--iitmadras.png">
+
                        <br class="clearBoth" />
+
                    </div>
+
                    <br class="clearBoth" />
+
                </div>
+
            </section>
+
        </div>
+
        <div class="collapse collapsedInfoTeam" id="madrid">
+
            <section class="seccion-responsiva">
+
                <div class="contenido-con-imagen-izquierda">
+
                    <div class="body-subtitle">ICT Mumbai</div>
+
                    <div class="texto-derecha">
+
                        We held a Q&A session with iGEM Madrid-OLM Team, concerning important Wiki aspects, where our main developers cleared some doubts about font usage, iGEM skins, and templates. Overall, it was a very productive session, and some general tips of web development that were shared between our teams greatly helped us improve each of our Wikis.
+
                    </div>
+
                    <div class="imagen-izquierda">
+
                        <img class="teamLink" src="https://static.igem.org/mediawiki/2018/3/36/T--Tec-Monterrey--madridolm.jpg">
+
                        <br class="clearBoth" />
+
                    </div>
+
                    <br class="clearBoth" />
+
                </div>
+
            </section>
+
        </div>
+
        <div class="collapse collapsedInfoTeam" id="makerere">
+
        </div>
+
        <div class="collapse collapsedInfoTeam" id="aixmarseille">
+
        </div>
+
        <div class="collapse collapsedInfoTeam" id="cem">
+
        </div>
+
        <div class="collapse collapsedInfoTeam" id="gdl">
+
        </div>
+
        <div class="collapse collapsedInfoTeam" id="stanford">
+
        </div>
+
        <div class="collapse collapsedInfoTeam" id="munich">
+
        </div>
+
        <div class="collapse collapsedInfoTeam" id="harvard">
+
        </div>
+
        <div class="collapse collapsedInfoTeam" id="mit">
+
        </div>
+
        <div class="collapse collapsedInfoTeam" id="boston">
+
        </div>
+
        <div class="collapse collapsedInfoTeam" id="estonia">
+
        </div>
+
        <div class="collapse collapsedInfoTeam" id="oxford">
+
        </div>
+
        <div class="collapse collapsedInfoTeam" id="macquarie">
+
        </div>
+
        <div class="collapse collapsedInfoTeam" id="unsw">
+
        </div>
+
        <div class="collapse collapsedInfoTeam" id="nyuabudhabi">
+
        </div>
+
        <div class="collapse collapsedInfoTeam" id="nckutainan">
+
        </div>
+
        <div class="collapse collapsedInfoTeam" id="bgu">
+
        </div>
+
    </section>
+
 
+
    <section id="meetings">
+
        <div class="collab-container">
+
        </div>
+
        <div class="collab-info">
+
        </div>
+
    </section>
+
    <!--<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>-->
+
 
+
    <script>
+
        var activeTeamDiv;
+
        $(".teamLink").click(function() {
+
            try {
+
                $(activeTeamDiv).stop().slideUp(400);
+
            } catch (error) {
+
                console.error("No active team div");
+
            }
+
 
+
            var divID = $(this).attr("href");
+
 
+
            if (activeTeamDiv != divID) {
+
                activeTeamDiv = divID;
+
                //console.log(divID);
+
                $(divID).stop().slideDown(400);
+
                $('html, body').animate({
+
                    scrollTop: $(divID).offset().top
+
                }, 400);
+
            }
+
        });
+
    </script>
+
</body>
+
 
+
</html>
+
{{:Team:Tec-Monterrey/Templates/Tec-Monterrey_Footer}}
+

Revision as of 22:05, 28 September 2018

=