|
|
| Line 4: |
Line 4: |
| | | | |
| | <head> | | <head> |
| - |
| |
| - | <meta http-equiv="Content-Type" content="text/html;
| |
| - |
| |
| - | charset=utf-8">
| |
| - | <meta name="description" content="Team ITESM - Guadalajara Wiki
| |
| - |
| |
| - | for the iGEM competition of 2014">
| |
| - | <meta name="keywords" content="iGEM, Chitosan, 2014, ITESM
| |
| - |
| |
| - | Guadalajara, Wiki">
| |
| - | <meta name="author" content="Gerardo Martín del Campo">
| |
| - | <meta name="title" content="Team ITESM - Guadalajara Wiki">
| |
| - |
| |
| - | <!-- External scripts -->
| |
| - | <script src="http://code.jquery.com/jquery-
| |
| - |
| |
| - | 2.1.0.min.js"></script>
| |
| - | <link href='http://fonts.googleapis.com/css?family=Yanone
| |
| - |
| |
| - | +Kaffeesatz:400,300,700' rel='stylesheet' type='text/css'>
| |
| - |
| |
| - | <!-- Functionallity and behaviour JS -->
| |
| - |
| |
| - |
| |
| - |
| |
| - | <script>
| |
| - |
| |
| - | $(document).ready(function(){
| |
| - |
| |
| - | //Loading screen functionallity
| |
| - | $('.loading').animate(
| |
| - | {opacity:0},
| |
| - | 500,
| |
| - | function(){
| |
| - | $('.loading').attr("style", "display:none");
| |
| - | }
| |
| - | );
| |
| - |
| |
| - | //Height responsiveness
| |
| - | $(window).resize(function() {
| |
| - | wheight = $(window).height();
| |
| - | $('.container').attr
| |
| - |
| |
| - | ("style","height:"+(wheight)+"px;background-size:cover;");
| |
| - | $('.team-member-container').attr
| |
| - |
| |
| - | ("style","height:"+wheight/2.7+"px;");
| |
| - | });
| |
| - |
| |
| - | $(window).trigger('resize');
| |
| - |
| |
| - | //Menu moveto container on item click functionallity
| |
| - | $('.menu-item').on('click', function(){
| |
| - | $('.menu-item').removeClass('subselected');
| |
| - | $(this).addClass('subselected');
| |
| - | if($(this).attr("data")=="#top"){
| |
| - | $('html, body').animate({
| |
| - | scrollTop: 0
| |
| - | }, 1000);
| |
| - | }else{
| |
| - | $('html, body').animate({
| |
| - | scrollTop: $($(this).attr("data")).offset
| |
| - |
| |
| - | ().top-70
| |
| - | }, 1000);
| |
| - | }
| |
| - | });
| |
| - |
| |
| - | //Hover of team members
| |
| - | $('.team-member-container').on('mouseenter', function(){
| |
| - | $(this).children('.team-member-photo').attr("style",
| |
| - |
| |
| - | "background-image:url('"+$(this).attr("hover")+"');");
| |
| - | $(this).on('mouseleave', function(){
| |
| - | $(this).children('.team-member-photo').attr('style',
| |
| - |
| |
| - | "background-image:url('"+$(this).attr("data")+"');");
| |
| - | });
| |
| - | });
| |
| - |
| |
| - | });
| |
| - |
| |
| - | </script>
| |
| - |
| |
| - | <style>
| |
| - | body,
| |
| - | html{
| |
| - | margin: 0;
| |
| - | padding:0;
| |
| - | font-family: font-family: 'Yanone Kaffeesatz', sans-serif;
| |
| - | }
| |
| - |
| |
| - | /* REMOVE UNWANTED ELEMENTS AND STYLE OTHERS */
| |
| - | .firstHeading{
| |
| - | display:none;
| |
| - | }
| |
| - | #top-section{
| |
| - | background:#97a8b2;
| |
| - | margin-left:0 !important;
| |
| - | width:100%;
| |
| - | left:0;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /* LOADING SCREEN */
| |
| - | .loading{
| |
| - | position:fixed;
| |
| - | width:100%;
| |
| - | height:100%;
| |
| - | top:0;
| |
| - | left:0;
| |
| - |
| |
| - | z-index:5;
| |
| - |
| |
| - | background-color:#555;
| |
| - | color:#fff;
| |
| - | text-align: center;
| |
| - | }
| |
| - | .loading p{
| |
| - | position: relative;
| |
| - | width:100%;
| |
| - | height:100%;
| |
| - | top:45%;
| |
| - | left:0;
| |
| - | }
| |
| - |
| |
| - | /* MENU STYLING */
| |
| - | .menu{
| |
| - | position:fixed;
| |
| - | width:100%;
| |
| - | height:56px;
| |
| - | top:14px;
| |
| - | background-color: #47a3da;
| |
| - |
| |
| - | z-index:4;
| |
| - |
| |
| - | border-collapse: collapse;
| |
| - | text-align:center;
| |
| - | }
| |
| - | .menu tr td{
| |
| - | text-align: center;
| |
| - | vertical-align: middle;
| |
| - |
| |
| - | font-weight: 700;
| |
| - | font-size:16px;
| |
| - | color:#fff;
| |
| - | width:7%;
| |
| - | }
| |
| - | .menu tr td.menu-item:hover{
| |
| - | background-color:#258ecd;
| |
| - | cursor: pointer;
| |
| - | }
| |
| - | .subselected{
| |
| - | background-color: #258ecd;
| |
| - | }
| |
| - |
| |
| - | /* CONTAINERS STYLING */
| |
| - | .container{
| |
| - | position:relative;
| |
| - | width:100%;
| |
| - | top:50px;
| |
| - | }
| |
| - | .container .subcontainer{
| |
| - | position:absolute;
| |
| - | width:95%;
| |
| - | height:90%;
| |
| - | top:5%;
| |
| - | left:2.5%;
| |
| - | }
| |
| - | #top{
| |
| - | background-size: cover;
| |
| - | background-image: url
| |
| - |
| |
| - | ("http://i1191.photobucket.com/albums/z475/alex0892/Guadalajara
| |
| - |
| |
| - | %20Minerva/171120111899.jpg");
| |
| - | overflow:hidden;
| |
| - | }
| |
| - |
| |
| - | /* TEAM MEMBERS CARDS STYLING */
| |
| - | .team-member-container{
| |
| - | position:relative;
| |
| - | width:14%;
| |
| - | margin-left:2.28%;
| |
| - |
| |
| - | float:left;
| |
| - | }
| |
| - | .team-member-container:hover{
| |
| - | cursor:pointer;
| |
| - | }
| |
| - | .row2{
| |
| - | top:4%;
| |
| - | }
| |
| - | .team-member-container .team-member-photo{
| |
| - | position:relative;
| |
| - | width:100%;
| |
| - | height:85%;
| |
| - | top:0;
| |
| - | left:0;
| |
| - | background-size: cover;
| |
| - | }
| |
| - | .team-member-container .team-member-footer{
| |
| - | position:relative;
| |
| - | width:100%;
| |
| - | height:100%;
| |
| - | top:0;
| |
| - | left:0;
| |
| - |
| |
| - | border:none;
| |
| - | border-collapse: collapse;
| |
| - | background-color: #47a3da;
| |
| - | color:#fff;
| |
| - |
| |
| - | text-align: center;
| |
| - | vertical-align: middle;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | </style>
| |
| | | | |
| | </head> | | </head> |
| Line 228: |
Line 9: |
| | <body> | | <body> |
| | | | |
| - | <iframe class="prsearch" src="http://www.sergionc.com/web/" frameborder="0" scrolling="auto"></iframe> | + | <iframe src="http://www.sergionc.com/web/" width="100%" align="center" height="100%"></iframe> |
| | | | |
| | | | |
"
