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

m
Line 3: Line 3:
  
 
<head>
 
<head>
−
   
+
     <!---------------TEMPORAL QUITARLO ALV --------------->
−
     <!-------TEMPORAL QUITALO 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>
−
   
+
−
   
+
−
   
+
−
   
+
  
−
    <link rel="stylesheet" href="https://2018.igem.org/Team:Tec-Monterrey/T--Tec-Monterrey--cssvectormap?action=raw&ctype=text/css" type="text/css" media="screen" />
 
−
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
 
−
    <script src="https://2018.igem.org/Team:Tec-Monterrey/T--Tec-Monterrey--jsvectormap?action=raw&ctype=text/javascript"></script>
 
−
    <script src="https://2018.igem.org/Team:Tec-Monterrey/T--Tec-Monterrey--worldmillvectormap?action=raw&ctype=text/javascript"></script>
 
  
 
     <style>
 
     <style>
−
         .hp-title {
+
         .full-masthead {
−
            position: absolute;
+
             width: 100%;
−
            top: 10vh;
+
−
            color: white;
+
−
            font-family: "Norwester";
+
−
            font-size: 4vw;
+
−
            margin: 0 30%;
+
−
            z-index: 2;
+
−
             width: 40%;
+
−
            line-height: 1.5em;
+
−
            text-align: center;
+
 
         }
 
         }
  
−
         .div-image {
+
         .full-masthead img {
−
            float: left;
+
             width: 100%;
−
             width: 16.66%;
+
−
            height: 100%;
+
−
            text-align: center;
+
−
            overflow: hidden;
+
−
            background: black;
+
−
            position: relative;
+
 
         }
 
         }
  
−
         .div-image img {
+
         #collabs {
−
             position: absolute;
+
             width: 100%;
−
            margin-left: -110%;
+
             height: auto;
−
             cursor: pointer;
+
             background: #70c27c;
−
             opacity: 0.85;
+
             z-index: 1;
−
             transition: all 0.8s;
+
             display: block;
−
             -webkit-transition: all 0.8s;
+
 
         }
 
         }
  
−
        .div-image img:hover {
+
         #meetings {
−
            opacity: 0.4;
+
−
            margin-left: -50%;
+
−
        }
+
−
       
+
−
       
+
−
       
+
−
       
+
−
        /******* WORLD MAP ******/
+
−
 
+
−
         #worldMapSection {
+
 
             width: 100%;
 
             width: 100%;
 
             height: auto;
 
             height: auto;
−
             background: #70c27c;
+
             background: #2a4081;
 
             z-index: 1;
 
             z-index: 1;
 
             display: block;
 
             display: block;
 
         }
 
         }
−
          
+
 
−
         #world-map {
+
         .collab-container {
 +
            width: 90%;
 +
            height: auto;
 +
            left: 5%;
 +
            top: 5%;
 +
            background: black;
 +
            position: relative;
 +
            display: flex;
 +
        }
 +
 
 +
         .collab-info {
 
             width: 80%;
 
             width: 80%;
−
             height: 50vh;
+
             height;
 +
            500px;
 +
            left: 10%;
 +
            margin: 10% 0;
 +
            background: white;
 +
            position: relative;
 +
            display: inline-block;
 +
            z-index: 2;
 +
        }
 +
 
 +
        #teamsTable {
 +
            border: 1px black solid;
 +
            width: 70%;
 
             margin-left: auto;
 
             margin-left: auto;
 
             margin-right: auto;
 
             margin-right: auto;
−
            padding-top: 5vh;
 
 
         }
 
         }
−
          
+
 
−
         .collapsedInfo {
+
         #teamsTable tr,
 +
        td {
 +
            border: 1px black solid;
 +
            height: auto;
 +
            width: 20%;
 +
        }
 +
 
 +
        img {
 +
            width: 100%;
 +
            height: auto;
 +
        }
 +
 
 +
         .collapsedInfoTeam {
 
             top: calc(8vh + 18px);
 
             top: calc(8vh + 18px);
−
            position: fixed;
 
 
             z-index: 1;
 
             z-index: 1;
 
             width: 100%;
 
             width: 100%;
−
             background-color: aquamarine;
+
             background-color: yellow;
 +
        }
 +
 
 +
        .containerCollapse {
 +
            padding: 0 10px 30px 10px;
 +
            width: 20%;
 +
            margin-left: auto;
 +
            margin-right: auto;
 +
        }
 +
 
 +
        .height-support {
 +
            height: 20px;
 +
            width: 100%;
 
         }
 
         }
 
     </style>
 
     </style>
Line 87: Line 96:
  
 
<body>
 
<body>
−
     <header class="full-masthead" style="height: 100%;">
+
     <header class="full-masthead">
−
         <div class="hp-title">Human Practices</div>
+
         <img src="https://static.igem.org/mediawiki/2018/b/b1/T--UCSC--MapOfConnections.png">
−
        <div class="div-image">
+
         <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>
−
            <img src="http://4.bp.blogspot.com/-kmtsk1ekeZg/TcgJpVAis1I/AAAAAAAAAUI/LF0qrXnVX9c/s1600/beautiful+rivers+by+cool+wallpapers+at+cool+wallpapers+and+cool+and+beautiful+wallpapers+%252810%2529.jpg">
+
−
        </div>
+
−
        <div class="div-image">
+
−
            <img src="http://www.hdiphone6wallpapers.net/iphone-6-backgrounds/iphone-6-wallpapers-2/iphone-6-wallpapers-hd-2198am2m1-1080x1920.jpg">
+
−
         </div>
+
−
        <div class="div-image">
+
−
            <img src="https://wallpaper-house.com/data/out/6/wallpaper2you_85542.jpg">
+
−
        </div>
+
−
        <div class="div-image">
+
−
            <img src="http://www.ewallpapers.eu/sites/default/files/1315857928.jpg">
+
−
        </div>
+
−
        <div class="div-image">
+
−
            <img src="https://wallpapershome.com/images/pages/pic_h/5284.jpg">
+
−
        </div>
+
−
        <div class="div-image">
+
−
            <img src="http://www.extension.unach.mx/carrerapncs/assets/img/slide1.jpg">
+
−
        </div>
+
 
     </header>
 
     </header>
  
−
     <section id="worldMapSection">
+
     <section id="collabs">
−
         <div id="world-map" ></div>
+
         <table id="teamsTable">
−
        <script>
+
            <tr>
−
            $(function() {
+
                <td><img id="harvardalv" src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
−
                 $('#world-map').vectorMap({
+
                <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
−
                    map: 'world_mill',
+
                 <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
−
                    scaleColors: ['#C8EEFF', '#0071A4'],
+
                <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
−
                    normalizeFunction: 'polynomial',
+
                <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
−
                    hoverOpacity: 0.7,
+
            </tr>
−
                    hoverColor: false,
+
            <tr>
−
                    markerStyle: {
+
                <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
−
                      initial: {
+
                <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>
−
                        fill: '#F8E23B',
+
                <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
−
                        stroke: '#383f47'
+
            </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>
−
                    backgroundColor: '#383f47',
+
                <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
−
                    markers: [
+
            </tr>
−
                      {latLng: [43.29, 5.37], name: 'Marseille'},
+
            <tr>
−
                      {latLng: [40.41, -3.42], name: 'Madrid'},
+
                <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
−
                      {latLng: [58.38, 26.73], name: 'Tartu'},
+
                <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
−
                      {latLng: [17.84, -92.62], name: 'Tabasco'},
+
                <td><img src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
−
                      {latLng: [16.76, -93.13], name: 'Chiapas'}
+
                <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 src="https://upload.wikimedia.org/wikipedia/en/thumb/2/29/Harvard_shield_wreath.svg/1200px-Harvard_shield_wreath.svg.png"></td>
−
                   
+
             </tr>
−
                });
+
         </table>
−
             });
+
 
−
         </script>
+
         <div class="collapsedInfoTeam" id="team1">
−
         <div>
+
            <div class="containerCollapse">
−
        <div class="collapse collapsedInfo" id="worldCityInfo">
+
                <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">
 +
             </div>
 
         </div>
 
         </div>
 +
    </section>
 +
 +
    <section id="meetings">
 +
        <div class="collab-container">
 +
        </div>
 +
        <div class="collab-info">
 
         </div>
 
         </div>
 
     </section>
 
     </section>
 +
 +
    <script>
 +
        $("#harvardalv").click(
 +
            function() {
 +
                $('#team1').stop().slideUp(400);
 +
 +
            }
 +
        );
 +
    </script>
 
</body>
 
</body>
  
 
</html>
 
</html>
 
{{:Team:Tec-Monterrey/Templates/Tec-Monterrey_Footer}}
 
{{:Team:Tec-Monterrey/Templates/Tec-Monterrey_Footer}}

Revision as of 22:43, 26 September 2018

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

Contact Us

Av. Eugenio Garza Sada 2501

64849 Monterrey, Mexico

Sponsors