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

m
m
Line 5: Line 5:
 
     <!---------------TEMPORAL QUITARLO ALV --------------->
 
     <!---------------TEMPORAL QUITARLO ALV --------------->
 
     <link href="https://2018.igem.org/Team:Tec-Monterrey/CSS/bootstrapmin?action=raw&amp;ctype=text/css" rel="stylesheet">
 
     <link href="https://2018.igem.org/Team:Tec-Monterrey/CSS/bootstrapmin?action=raw&amp;ctype=text/css" rel="stylesheet">
−
     <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.js"></script>
+
      
 +
   
  
  
Line 57: Line 58:
 
         #teamsTable {
 
         #teamsTable {
 
             border: 1px black solid;
 
             border: 1px black solid;
−
             width: 70%;
+
             width: 50%;
 
             margin-left: auto;
 
             margin-left: auto;
 
             margin-right: auto;
 
             margin-right: auto;
Line 104: Line 105:
 
         <table id="teamsTable">
 
         <table id="teamsTable">
 
             <tr>
 
             <tr>
−
                 <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
+
                 <td><img href="#team1" class="teamLink" src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
−
                 <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
+
                 <td><img href="#team2" class="teamLink" src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
−
                 <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
+
                 <td><img href="#team3" class="teamLink" src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
−
                 <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
+
                 <td><img href="#team4" class="teamLink" src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
−
                 <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
+
                 <td><img href="#team5" class="teamLink" src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
 
             </tr>
 
             </tr>
 
             <tr>
 
             <tr>
−
                 <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
+
                 <td><img href="#team6" class="teamLink" src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
 
                 <td colspan="3" rowspan="2"><img src="https://i1.wp.com/www.sopitas.com/wp-content/uploads/2014/08/Tec-de-Monterrey-Logo.jpg"></td>
 
                 <td colspan="3" rowspan="2"><img src="https://i1.wp.com/www.sopitas.com/wp-content/uploads/2014/08/Tec-de-Monterrey-Logo.jpg"></td>
−
                 <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
+
                 <td><img href="#team7" class="teamLink" src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
 
             </tr>
 
             </tr>
 
             <tr>
 
             <tr>
−
                 <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
+
                 <td><img href="#team8" class="teamLink" src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
−
                 <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
+
                 <td><img href="#team9" class="teamLink" src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
 
             </tr>
 
             </tr>
 
             <tr>
 
             <tr>
−
                 <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
+
                 <td><img href="#team10" class="teamLink" src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
−
                 <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
+
                 <td><img href="#team11" class="teamLink" src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
−
                 <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
+
                 <td><img href="#team12" class="teamLink" src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
−
                 <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
+
                 <td><img href="#team13" class="teamLink" class="teamLink" src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
−
                 <td><div id="harvardalv"><img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></div></td>
+
                 <td><img href="#team14" class="teamLink" src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
 
             </tr>
 
             </tr>
 
         </table>
 
         </table>
−
 
+
         <div class="collapse collapsedInfoTeam" id="harvardalv">
−
         <div class="collapsedInfoTeam" id="team1">
+
 
             <div class="containerCollapse">
 
             <div class="containerCollapse">
 
                 <div class="height-support"></div>
 
                 <div class="height-support"></div>
 
                 <img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png">
 
                 <img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png">
 +
            </div>
 +
        </div>
 +
 +
        <div class="collapse collapsedInfoTeam" id="team1">
 +
            <div class="containerCollapse">
 +
                <div class="height-support"></div>
 +
                <p>Team1</p>
 +
            </div>
 +
        </div>
 +
        <div class="collapse collapsedInfoTeam" id="team2">
 +
            <div class="containerCollapse">
 +
                <div class="height-support"></div>
 +
                <p>Team2</p>
 +
            </div>
 +
        </div>
 +
        <div class="collapse collapsedInfoTeam" id="team3">
 +
            <div class="containerCollapse">
 +
                <div class="height-support"></div>
 +
                <p>Team3</p>
 +
            </div>
 +
        </div>
 +
        <div class="collapse collapsedInfoTeam" id="team4">
 +
            <div class="containerCollapse">
 +
                <div class="height-support"></div>
 +
                <p>Team4</p>
 +
            </div>
 +
        </div>
 +
        <div class="collapse collapsedInfoTeam" id="team5">
 +
            <div class="containerCollapse">
 +
                <div class="height-support"></div>
 +
                <p>Team5</p>
 +
            </div>
 +
        </div>
 +
        <div class="collapse collapsedInfoTeam" id="team6">
 +
            <div class="containerCollapse">
 +
                <div class="height-support"></div>
 +
                <p>Team6</p>
 +
            </div>
 +
        </div>
 +
        <div class="collapse collapsedInfoTeam" id="team7">
 +
            <div class="containerCollapse">
 +
                <div class="height-support"></div>
 +
                <p>Team7</p>
 +
            </div>
 +
        </div>
 +
        <div class="collapse collapsedInfoTeam" id="team8">
 +
            <div class="containerCollapse">
 +
                <div class="height-support"></div>
 +
                <p>Team8</p>
 +
            </div>
 +
        </div>
 +
        <div class="collapse collapsedInfoTeam" id="team9">
 +
            <div class="containerCollapse">
 +
                <div class="height-support"></div>
 +
                <p>Team9</p>
 +
            </div>
 +
        </div>
 +
        <div class="collapse collapsedInfoTeam" id="team10">
 +
            <div class="containerCollapse">
 +
                <div class="height-support"></div>
 +
                <p>Team10</p>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 142: Line 203:
 
         </div>
 
         </div>
 
     </section>
 
     </section>
−
 
+
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
 
     <script>
 
     <script>
−
         $("#harvardalv").click(
+
        var activeTeamDiv;
−
             function() {
+
         $(".teamLink").click(function () {
−
                 $("#team1").stop().slideDown(400);
+
             try {
−
 
+
                $(activeTeamDiv).stop().slideUp(400);
 +
            } catch(error) {
 +
                 console.error("No active team div");
 +
            }
 +
            var divID = $(this).attr("href");
 +
            activeTeamDiv = divID;
 +
            //console.log(divID);
 +
            $(divID).stop().slideDown(400).delay(400);
 +
        });
 +
       
 +
        $("#collabs").click(
 +
            function () {
 +
               
 
             }
 
             }
 
         );
 
         );

Revision as of 16:17, 28 September 2018

This is temporary, just a holder for the concept of the page, image of UCSC

Team1

Team2

Team3

Team4

Team5

Team6

Team7

Team8

Team9

Team10

Contact Us

Av. Eugenio Garza Sada 2501

64849 Monterrey, Mexico

Sponsors