|
|
| Line 1: |
Line 1: |
| | {{IGEM_TopBar}} | | {{IGEM_TopBar}} |
| | {{Fudan}} | | {{Fudan}} |
| − | <html> | + | <html> |
| − | <head> | + | <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> |
| | <style> | | <style> |
| − | .navbar-light .navbar-brand {
| + | * { |
| − | color: rgba(0, 0, 0, 0.9); | + | padding:0; |
| − | color: black !important; | + | margin:0; |
| − | font-weight: 600;
| + | |
| | } | | } |
| | | | |
| − | .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
| + | html, body { |
| − | color: black !important; | + | height:100%; |
| − | background-color: rgb(250,226,180) !important;
| + | |
| − | box-shadow: 0 .3rem .5rem rgba(0,0,0,.15)!important;
| + | |
| | } | | } |
| | | | |
| − | li:hover .dropdown-menu {
| + | .skrollr-desktop body { |
| − | display: block;
| + | height:100% !important; |
| − | }
| + | |
| − | .dropdown-menu { | + | |
| − | top: 80%; | + | |
| | } | | } |
| | | | |
| − | #bgcolor a:link{color: white !important;}
| + | body { |
| − | #bgcolor a:visited{color: white !important;}
| + | font-family:sans-serif; |
| − | #bgcolor a:hover{color: rgb(250,226,180) !important;}
| + | |
| − | #bgcolor a:active{color: white !important;}
| + | |
| − | | + | |
| − | #bgcolor #bgcolor2 a:link{color: black !important;}
| + | |
| − | #bgcolor #bgcolor2 a:visited{color: black !important;}
| + | |
| − | #bgcolor #bgcolor2 a:hover{color: rgb(250,226,180) !important;}
| + | |
| − | #bgcolor #bgcolor2 a:active{color: black !important;}
| + | |
| − | | + | |
| − | a:visited {
| + | |
| − | color: rgb(104,88,91) !important; | + | |
| − | }
| + | |
| − | a {
| + | |
| − | color: rgb(104,88,91) !important;
| + | |
| − | }
| + | |
| − | .dropdown-item:hover, .dropdown-item:focus {
| + | |
| − | background-color: rgb(104,88,91) !important;
| + | |
| | } | | } |
| | | | |
| − | .dropdown-item.active, .dropdown-item:active {
| + | p { |
| − | background-color: #007bff;
| + | margin:1em 0; |
| | } | | } |
| | | | |
| − | @font-face {
| + | .parallax-image-wrapper { |
| − | font-family: 'arciform';
| + | position:fixed; |
| − | src:url('https://2019.igem.org/File:T--Fudan--arciform.OTF') format('otf');
| + | left:0; |
| − | font-weight: normal;
| + | width:100%; |
| − | font-style: normal;
| + | overflow:hidden; |
| | } | | } |
| | | | |
| − | #top_title{
| + | .parallax-image-wrapper-50 { |
| − | display:none;
| + | height:50%; |
| − | }
| + | top:-50%; |
| − | #content{
| + | |
| − | margin:0;
| + | |
| − | width:100%;
| + | |
| | } | | } |
| | | | |
| − | .container0 { | + | .parallax-image-wrapper-100 { |
| − | width: 100%; | + | height:100%; |
| − | height: 100%; | + | top:-100%; |
| − | position: fixed;
| + | |
| − | background: #354250;
| + | |
| − |
| + | |
| | } | | } |
| − | a.nav-link{
| |
| − | padding:2px 16px;
| |
| | | | |
| | + | .parallax-image { |
| | + | display:none; |
| | + | position:absolute; |
| | + | bottom:0; |
| | + | left:0; |
| | + | width:100%; |
| | + | background-repeat:no-repeat; |
| | + | background-position:center; |
| | + | background-size:cover; |
| | } | | } |
| | | | |
| − | p {
| + | .parallax-image-50 { |
| − | font-size:16px !important;
| + | height:200%; |
| − | text-align: left !important;
| + | top:-50%; |
| − | font-family: arciform !important;
| + | |
| − | font-weight:300 !important;
| + | |
| | } | | } |
| | | | |
| − | h4{
| + | .parallax-image-100 { |
| − | font-size:25px;
| + | height:100%; |
| − | line-height:26px;
| + | top:0; |
| − | padding-top:16px;
| + | |
| − | padding-bottom:8px !important;
| + | |
| − | font-family:sofia;
| + | |
| − | font-weight: 700 !important;
| + | |
| − | margin-bottom: 0.8em !important;
| + | |
| | } | | } |
| | | | |
| − | h5{
| + | .parallax-image.skrollable-between { |
| − | font-size:21px;
| + | display:block; |
| − | line-height:26px;
| + | |
| − | padding-top:16px;
| + | |
| − | padding-bottom:8px !important;
| + | |
| − | font-family:sofia;
| + | |
| − | font-weight: 400 !important;
| + | |
| − | margin-bottom: 0.8em !important;
| + | |
| | } | | } |
| | | | |
| − | | + | .no-skrollr .parallax-image-wrapper { |
| − | | + | display:none !important; |
| − | | + | |
| − | | + | |
| − | .scene { | + | |
| − | position: fixed;
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | }
| + | |
| − | .sky {
| + | |
| − | height: 200px;
| + | |
| − | background: #8cc9dc;
| + | |
| − | }
| + | |
| − | .sky-inner {
| + | |
| − | width: 1000px;
| + | |
| − | height: 100%;
| + | |
| − | margin: 0 auto;
| + | |
| − | position: relative;
| + | |
| − | min-height: 200px;
| + | |
| − | overflow: hidden;
| + | |
| − | }
| + | |
| − | .title {
| + | |
| − | height: 100%;
| + | |
| − | min-height: 200px;
| + | |
| − | }
| + | |
| − | img.logo {
| + | |
| − | margin-top: 52px;
| + | |
| − | max-width: 197px;
| + | |
| − | max-height: 170px;
| + | |
| − | }
| + | |
| − | img.rightF{
| + | |
| − | top:15%;
| + | |
| − | height:50%;
| + | |
| − | right:5%;
| + | |
| − | }
| + | |
| − | img.leftWord{
| + | |
| − | left: 5%;
| + | |
| − | top: 20%;
| + | |
| − | height:50%;
| + | |
| − | }
| + | |
| − | .title img {
| + | |
| − | height: 80%;
| + | |
| − | }
| + | |
| − | img {
| + | |
| − | position: absolute;
| + | |
| − | }
| + | |
| − | img {
| + | |
| − | vertical-align: middle;
| + | |
| − | }
| + | |
| − | img {
| + | |
| − | border: 0;
| + | |
| − | -ms-interpolation-mode: bicubic;
| + | |
| − | }
| + | |
| − | .bottle {
| + | |
| − | position: absolute;
| + | |
| − | margin-top: 40px;
| + | |
| − | max-width: 95px;
| + | |
| − | max-height: 120px;
| + | |
| − | right: 0;
| + | |
| − | z-index: 2;
| + | |
| − | top: 10%;
| + | |
| − | width: 73.17px;
| + | |
| − | background: url(https://static.igem.org/mediawiki/2019/6/6c/T--Fudan--Home14.png) no-repeat 0 0;
| + | |
| − | }
| + | |
| − | img.bottleEmpty {
| + | |
| − | margin-top: 40px;
| + | |
| − | max-width: 95px;
| + | |
| − | max-height: 120px;
| + | |
| − | right: 0;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | .scroll-message {
| + | |
| − | position: absolute; | + | |
| − | left: 160px;
| + | |
| − | color: #FFFFFF;
| + | |
| − | top: 40px;
| + | |
| | } | | } |
| | | | |
| − | .scroll-message:after {
| + | #skrollr-body { |
| − | content: url(https://static.igem.org/mediawiki/2019/a/a3/T--Fudan--Home3.png); | + | height:100%; |
| − | position: relative; | + | overflow:visible; |
| − | top: 75px; | + | position:relative; |
| − | left: 10px;
| + | |
| − | opacity: 0.8;
| + | |
| | } | | } |
| | | | |
| − | .ribbon-message { | + | .gap { |
| − | -webkit-box-sizing: border-box; | + | background:transparent center no-repeat; |
| − | -moz-box-sizing: border-box;
| + | background-size:cover; |
| − | -ms-box-sizing: border-box;
| + | |
| − | box-sizing: border-box;
| + | |
| − | background: #f1f1ea; | + | |
| − | width: 40%;
| + | |
| − | position: absolute;
| + | |
| − | left: 32%;
| + | |
| − | top: 60%;
| + | |
| − | margin-top: -67px;
| + | |
| − | padding: 17px 17px 17px 17px;
| + | |
| − | height: 137px;
| + | |
| − | text-align: center;
| + | |
| − | font-size: 15px;
| + | |
| − | line-height: 22px;
| + | |
| | } | | } |
| | | | |
| − | .ribbon-message:before { | + | .skrollr .gap { |
| − | content: url(https://static.igem.org/mediawiki/2019/e/e5/T--Fudan--Home4.png); | + | background:transparent !important; |
| − | width: 27px;
| + | |
| − | height: 137px;
| + | |
| − | position: absolute;
| + | |
| − | left: -27px;
| + | |
| − | top: 0;
| + | |
| | } | | } |
| | | | |
| − | .ribbon-message:after { | + | .gap-50 { |
| − | content: url(https://static.igem.org/mediawiki/2019/d/de/T--Fudan--Home5.png);
| + | height:50%; |
| − | width: 28px;
| + | |
| − | height: 137px; | + | |
| − | position: absolute;
| + | |
| − | right: -27px;
| + | |
| − | top: 0;
| + | |
| | } | | } |
| | | | |
| − | .bedroom-floor { | + | .gap-100 { |
| − | height: 100%; | + | height:100%; |
| − | background: rgb(255,169,181)
| + | |
| − | }
| + | |
| − | .floor-inner {
| + | |
| − | width: 1000px;
| + | |
| − | height: 94%;
| + | |
| − | min-height: 400px;
| + | |
| − | margin: 0 auto;
| + | |
| − | padding: 3% 0;
| + | |
| − | position: relative;
| + | |
| − | }
| + | |
| − | img.desk {
| + | |
| − | max-width: 1000px;
| + | |
| − | max-height: 130px;
| + | |
| − | height: 60%;
| + | |
| − | top: 44%;
| + | |
| − | z-index: 1;
| + | |
| − | left: 15%;
| + | |
| − |
| + | |
| | } | | } |
| | | | |
| − | img.nipple {
| + | .header, .content { |
| − | max-width: 1200px; | + | /* background:#fcf5e9; */ |
| − | max-height: 130px; | + | background:transparent !important; |
| − | z-index: 2; | + | padding:1em; |
| − | width: 65.5%; | + | -webkit-box-sizing:border-box; |
| − | top: 44%;
| + | -moz-box-sizing:border-box; |
| − | }
| + | box-sizing:border-box; |
| − | img.nipple2 {
| + | |
| − | max-width: 1000px;
| + | |
| − | max-height: 130px;
| + | |
| − | z-index: 2;
| + | |
| − | left: 20.6%;
| + | |
| − | width: 65.5%;
| + | |
| − | top: 74%;
| + | |
| − | }
| + | |
| − | img.feeder {
| + | |
| − | max-width: 1000px;
| + | |
| − | max-height: 130px; | + | |
| − | z-index: 2;
| + | |
| − | width: 65.5%;
| + | |
| − | top: 44%;
| + | |
| − | }
| + | |
| − | img.feeder2 {
| + | |
| − | max-width: 1000px;
| + | |
| − | max-height: 130px; | + | |
| − | z-index: 2;
| + | |
| − | width: 65.5%;
| + | |
| − | top: 74%;
| + | |
| | } | | } |
| | | | |
| − | img.lacZ {
| + | .content-full { |
| − | width: 250px;
| + | height:100%; |
| − | top: 55%;
| + | |
| − | left: 10%;
| + | |
| − | }
| + | |
| − | img.lactose {
| + | |
| − | width: 500px;
| + | |
| − | top: 10%;
| + | |
| − | left: 2%;
| + | |
| − | }
| + | |
| − | img.intest {
| + | |
| − | height: 600px; | + | |
| − | width: 300px;
| + | |
| − | left: 70%;
| + | |
| − | top: 14%;
| + | |
| − | }
| + | |
| − | img.light{
| + | |
| − | height:100%; | + | |
| − | width:100%;
| + | |
| − | }
| + | |
| − | img.info{
| + | |
| − | top: 30%;
| + | |
| − | height: 45%;
| + | |
| | } | | } |
| | | | |
| − | img.intest10{
| + | #done { |
| − | height: 80%; | + | height:100%; |
| − | top: 14%;
| + | |
| − | left: 65%;
| + | |
| | } | | } |
| − | img.stage{
| |
| − | height: 90%;
| |
| − | top: 7%;
| |
| − | left: 9%;
| |
| − | }
| |
| − | img.lastbg{
| |
| − | height: 100%;
| |
| − | width: 100%;
| |
| − | }
| |
| − | .bathroom-wall {
| |
| − | height: 100%;
| |
| − | background: rgb(244,218,133);
| |
| − | min-height: 300px;
| |
| − | }
| |
| − |
| |
| − | .wardrobe-wall {
| |
| − | height: 100%;
| |
| − | background: rgb(244,218,133);
| |
| − | min-height: 300px;
| |
| − | }
| |
| − | .kitchen-wall {
| |
| − | height: 100%;
| |
| − | background: rgb(255,249,133);
| |
| − | min-height: 300px;
| |
| − | }
| |
| − | .last-wall {
| |
| − | height: 75%;
| |
| − | background: rgb(255,227,232);
| |
| − | min-height: 300px;
| |
| − | }
| |
| − | .last-floor {
| |
| − | height: 25%;
| |
| − | background: rgb(27,31,59);
| |
| − | min-height: 300px;
| |
| − | }
| |
| − |
| |
| − | .scene {
| |
| − | position: fixed;
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | top: 0%;
| |
| − | }
| |
| − | .click-through {
| |
| − | pointer-events: none;
| |
| − | }
| |
| − | .character-container {
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | top: 0%;
| |
| − | }
| |
| − | .character-container-inner {
| |
| − | width: 1000px;
| |
| − | height: 94%;
| |
| − | min-height: 400px;
| |
| − | margin: 0 auto;
| |
| − | padding: 3% 0;
| |
| − | position: relative;
| |
| − | }
| |
| − |
| |
| − |
| |
| | </style> | | </style> |
| | | | |
| − | <link href="https://2019.igem.org/wiki/index.php?title=Template:Fudan/bootstrapCSS&action=raw&ctype=text/css" rel="stylesheet" /> | + | <!-- div |
| | + | class="parallax-image-wrapper parallax-image-wrapper-100" |
| | + | data-anchor-target="#dragons + .gap" |
| | + | data-bottom-top="transform:translate3d(0px, 200%, 0px)" |
| | + | data-top-bottom="transform:translate3d(0px, 0%, 0px)"> |
| | | | |
| − | <link href='https://fonts.googleapis.com/css?family=Concert+One' rel='stylesheet' type='text/css'> | + | <div |
| | + | class="parallax-image parallax-image-100" |
| | + | style="background-image:url(T--Fudan--index01.svg)" |
| | + | data-anchor-target="#dragons + .gap" |
| | + | data-bottom-top="transform: translate3d(0px, -12%, 0px);" |
| | + | data-top-bottom="transform: translate3d(0px, 12%, 0px);" |
| | + | ></div> |
| | + | </div> |
| | | | |
| − | <link href="https://2019.igem.org/wiki/index.php?title=Template:Fudan/customCSS&action=raw&ctype=text/css" rel="stylesheet" /> | + | <div |
| − | | + | class="parallax-image-wrapper parallax-image-wrapper-100" |
| − | | + | data-anchor-target="#index01 + .gap" |
| − | | + | data-bottom-top="transform:translate3d(0px, 200%, 0px)" |
| − | | + | data-top-bottom="transform:translate3d(0px, 0%, 0px)"> |
| − | | + | |
| − | | + | class="parallax-image parallax-image-100" |
| − | | + | style="background-image:url(T--Fudan--index01.svg)" |
| − | | + | data-anchor-target="#index01 + .gap" |
| − | | + | data-bottom-top="transform: translate3d(0px, -12%, 0px);" |
| − | | + | data-top-bottom="transform: translate3d(0px, 12%, 0px);" |
| − | | + | ></div> |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | </head>
| + | |
| − | <body data-spy="scroll" data-target="#navbar-example3" data-offset="60" class="scrollspy-example-2" style=position:relative;overflow:auto;">
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <nav class="navbar navbar-expand-lg fixed-top" style="opacity:0.1!important; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;background-color:rgb(104,88,91);">
| + | |
| − | <a class="navbar-brand col-2 mt-2" href="#"><img style="height: 50px;position: fixed;top: 2%;" src="https://static.igem.org/mediawiki/2019/2/29/T--Fudan--NAVLOGO.png" style="height:50px;"></img></a> | + | |
| − | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | + | |
| − | <span class="navbar-toggler-icon"></span>
| + | |
| − | </button>
| + | |
| − | | + | |
| − | <div class="collapse navbar-collapse " style="margin-left: 11%; margin-top: 0.8%;font-size: 17px;" id="navbarSupportedContent">
| + | |
| − | <ul class="navbar-nav mr-auto">
| + | |
| − | <li class="nav-item active" id="bgcolor">
| + | |
| − | <a class="nav-link" href="https://2019.igem.org/Team:Fudan">Home <span class="sr-only">(current)</span></a>
| + | |
| − | </li>
| + | |
| − | <li class="nav-item dropdown" id="bgcolor">
| + | |
| − | <a class="nav-link dropdown-toggle" href="#" id="navbarProject" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| + | |
| − | Project
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <div class="dropdown-menu" aria-labelledby="navbarDropdown" id="bgcolor2">
| + | |
| − | <a class="dropdown-item" href="https://2019.igem.org/Team:Fudan/Description">Description</a>
| + | |
| − | <a class="dropdown-item" href="https://2019.igem.org/Team:Fudan/Design">Design</a>
| + | |
| − | <a class="dropdown-item" href="https://2019.igem.org/Team:Fudan/Model">Model</a>
| + | |
| − | <a class="dropdown-item" href="https://2019.igem.org/Team:Fudan/Safety">Safety</a>
| + | |
| − | <a class="dropdown-item" href="https://2019.igem.org/Team:Fudan/Demonstrate">Demonstrate</a>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li class="nav-item dropdown" id="bgcolor">
| + | |
| − | <a class="nav-link dropdown-toggle" href="#" id="navbarResults" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| + | |
| − | Experiment
| + | |
| − | </a>
| + | |
| − | <div class="dropdown-menu" aria-labelledby="navbarDropdown" id="bgcolor2">
| + | |
| − | <a class="dropdown-item" href="https://2019.igem.org/Team:Fudan/Notebook">Notebook</a>
| + | |
| − | <a class="dropdown-item" href="https://2019.igem.org/Team:Fudan/Results">Results</a>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li class="nav-item dropdown" id="bgcolor">
| + | |
| − | <a class="nav-link dropdown-toggle" href="#" id="navbarParts" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| + | |
| − | Parts
| + | |
| − | </a>
| + | |
| − | <div class="dropdown-menu" aria-labelledby="navbarDropdown" id="bgcolor2">
| + | |
| − | <a class="dropdown-item" href="https://2019.igem.org/Team:Fudan/Overview">Overview</a>
| + | |
| − | <a class="dropdown-item" href="https://2019.igem.org/Team:Fudan/Part_Collection">Part Collection</a>
| + | |
| − | <a class="dropdown-item" href="https://2019.igem.org/Team:Fudan/Improve">Improved Parts</a>
| + | |
| − | <a class="dropdown-item" href="https://2019.igem.org/Team:Fudan/Measurement">Measurement</a>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li class="nav-item dropdown" id="bgcolor">
| + | |
| − | <a class="nav-link dropdown-toggle" href="#" id="navbarHuman" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| + | |
| − | Human
| + | |
| − | </a>
| + | |
| − | <div class="dropdown-menu" aria-labelledby="navbarDropdown" id="bgcolor2">
| + | |
| − | <a class="dropdown-item" href="https://2019.igem.org/Team:Fudan/Human_Practices">Integrated Human Practice</a>
| + | |
| − | <a class="dropdown-item" href="https://2019.igem.org/Team:Fudan/HP_Supplement">HP Supplement</a>
| + | |
| − | <a class="dropdown-item" href="https://2019.igem.org/Team:Fudan/Collaborations">Collaborations</a>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li class="nav-item dropdown" id="bgcolor">
| + | |
| − | <a class="nav-link dropdown-toggle" href="#" id="navbarTeam" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| + | |
| − | Team
| + | |
| − | </a>
| + | |
| − | <div class="dropdown-menu" aria-labelledby="navbarDropdown" id="bgcolor2">
| + | |
| − | <a class="dropdown-item" href="https://2019.igem.org/Team:Fudan/Team">Team</a>
| + | |
| − | <a class="dropdown-item" href="https://2019.igem.org/Team:Fudan/Attributions">Attributions</a>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | | + | |
| − | </ul>
| + | |
| − | </div> | + | |
| − | </nav>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <div id="skrollr-body">
| + | |
| − | | + | |
| − |
| + | |
| − | <div class="container0"
| + | |
| − | data-18699="display:block"
| + | |
| − | data-18700="display:block"
| + | |
| − | >
| + | |
| − |
| + | |
| − | <!-- Scene 1: Drinking -->
| + | |
| − | <div class="scene"
| + | |
| − | data-2700="top: 0%"
| + | |
| − | data-3700="top: -100%; display: block;"
| + | |
| − | data-3701="display: none;"
| + | |
| − | >
| + | |
| − |
| + | |
| − | <div class="sky"
| + | |
| − | data-0="background: rgb(104,88,91);"
| + | |
| − | data-1000="background: rgb(244,218,133);"
| + | |
| − | >
| + | |
| − | <div class="sky-inner">
| + | |
| − | <div class="title">
| + | |
| − | <!--[if lt IE 8]>
| + | |
| − | <p class="chromeframe" style="font-family: arciform;">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
| + | |
| − | <![endif]-->
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/6/64/T--Fudan--Home100.png" alt="logo" class="logo">
| + | |
| − |
| + | |
| − | <div alt="bottle" class="bottle"
| + | |
| − | data-0="height: 120px;"
| + | |
| − | data-1300="height: 0px;"
| + | |
| − | ></div>
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/3/3c/T--Fudan--Home15.png" alt="bottle" class="bottleEmpty"
| + | |
| − | data-2000="top: 10%;"
| + | |
| − | data-3000="top: -100%;"
| + | |
| − | >
| + | |
| − | <div class="scroll-message ie-hide"
| + | |
| − | data-0="opacity: 1;"
| + | |
| − | data-100="opacity: 0;"
| + | |
| − | >Scroll Down!</div>
| + | |
| − | <!--[if lt IE 9]>
| + | |
| − | <div class="scroll-message"
| + | |
| − | data-0="display: block;"
| + | |
| − | data-100="display: none;"
| + | |
| − | >Scroll Down!</div>
| + | |
| − | <![endif]-->
| + | |
| − | <div class="ribbon-message ie-hide" style="font-family: arciform;"
| + | |
| − | data-1100="opacity: 0;"
| + | |
| − | data-1200="opacity: 1;"
| + | |
| − | >
| + | |
| − | In China, <strong>10.03%</strong> of babies have primary lactose intolerance, while <strong>53.97%</strong> of them have secondary lactose intolerance(often happens after gastrointestinal disorders). But baby can't live a life without milk...
| + | |
| − | </div>
| + | |
| − | <!--[if lt IE 9]>
| + | |
| − | <div class="ribbon-message" style="font-family: arciform;"
| + | |
| − | data-1100="display: none;"
| + | |
| − | data-1200="display: block;"
| + | |
| − | >
| + | |
| − | In China, <strong>10.03%</strong> of babies have primary lactose intolerance, while <strong>53.97%</strong> of them have secondary lactose intolerance(often happens after gastrointestinal disorders). But baby can't live a life without milk...
| + | |
| − | </div>
| + | |
| − | <![endif]-->
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <div class="bedroom-floor">
| + | |
| − | <div class="floor-inner"> | + | |
| − |
| + | |
| − |
| + | |
| − | </div>
| + | |
| − |
| + | |
| − |
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <!-- End Scene 1 -->
| + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <!-- Scene 2: Crying -->
| + | |
| − | <div class="scene"
| + | |
| − | data-2700="top: 100%;"
| + | |
| − | data-3700="top: 0%;"
| + | |
| − | data-7700="top: 0%"
| + | |
| − | data-8700="top: -100%; display: block;"
| + | |
| − | data-8701="display: none;"
| + | |
| − | >
| + | |
| − |
| + | |
| − | <div class="bathroom-wall">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/3/38/T--Fudan--Home33.png" alt="lactose" class="lactose"
| + | |
| − | data-4499="display:none;"
| + | |
| − | data-4500="display:block; opacity:0;"
| + | |
| − | data-4650="display:block; opacity:1; "
| + | |
| − | data-5250="display:block; opacity:1; "
| + | |
| − | data-5400="display:block; opacity:0; "
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/6/61/T--Fudan--Home30.png" alt="lacZ" class="lacZ"
| + | |
| − | data-4750="display:none;"
| + | |
| − | data-4751="display:block; opacity:0;"
| + | |
| − | data-4850="display:block; opacity:1; "
| + | |
| − | data-4950="display:block; opacity:1; "
| + | |
| − | data-5100="display:block; opacity:0; "
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/b/ba/T--Fudan--Home31.png" alt="lacZ" class="lacZ"
| + | |
| − | data-5100="display:none;"
| + | |
| − | data-5101="display:block; opacity:0;"
| + | |
| − | data-5250="display:block; opacity:1; "
| + | |
| − | data-5900="display:block; opacity:1; "
| + | |
| − | data-6000="display:block; opacity:0.5; "
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/e/e8/T--Fudan--Home32.png" alt="lactose" class="lactose"
| + | |
| − | data-5400="display:none;"
| + | |
| − | data-5401="display:block; opacity:0;"
| + | |
| − | data-5550="display:block; opacity:1; "
| + | |
| − | data-5900="display:block; opacity:1; "
| + | |
| − | data-6000="display:block; opacity:0.5; "
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/3/31/T--Fudan--Home34.png" alt="lactose" class="lactose"
| + | |
| − | data-5650="display:none;"
| + | |
| − | data-5651="display:block; opacity:0;"
| + | |
| − | data-5800="display:block; opacity:1; "
| + | |
| − | data-5900="display:block; opacity:1; "
| + | |
| − | data-6000="display:block; opacity:0.5; "
| + | |
| − | >
| + | |
| − | | + | |
| − | <div class="ribbon-message" style="top: 20%; padding: 15px 15px 15px 15px; font-family: arciform;"
| + | |
| − | data-6200="display: none;"
| + | |
| − | data-6201="display: block;opacity:0"
| + | |
| − | data-6300="display: block;opacity:1"
| + | |
| − | >
| + | |
| − | <strong>Lactose</strong> is a common ingredient in breast milk. <strong>Lactase</strong> breaks it down into galactose and glucose.Lactose intolerance is caused by a lack of the enzyme lactase, which can't break down lactose into half undigested lactose. When lactose enters the lower reaches of the intestinal tract, it will be broken down into gas by miscellaneous bacteria, leading to <strong>diarrhea</strong>.
| + | |
| − | </div>
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/3/38/T--Fudan--Home70.png" alt="intest" class="intest"
| + | |
| − | data-6200="display: none;"
| + | |
| − | data-6201="display: block;opacity:0"
| + | |
| − | data-6300="display: block;opacity:1"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/4/44/T--Fudan--Home71.png" alt="intest" class="intest"
| + | |
| − | data-6400="display: none;"
| + | |
| − | data-6401="display: block;opacity:0;"
| + | |
| − | data-6475="display: block;opacity:1;"
| + | |
| − | data-6550="display: block;opacity:0;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/5/51/T--Fudan--Home73.png" alt="intest" class="intest"
| + | |
| − | data-6550="display: none;"
| + | |
| − | data-6551="display: block;opacity:0;"
| + | |
| − | data-6625="display: block;opacity:1;"
| + | |
| − | data-6700="display: block;opacity:0;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/7/79/T--Fudan--Home74.png" alt="intest" class="intest"
| + | |
| − | data-6700="display: none;"
| + | |
| − | data-6701="display: block;opacity:0;"
| + | |
| − | data-6775="display: block;opacity:1;"
| + | |
| − | data-6850="display: block;opacity:0;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/5/58/T--Fudan--Home75.png" alt="intest" class="intest"
| + | |
| − | data-6850="display: none;"
| + | |
| − | data-6851="display: block;opacity:0;"
| + | |
| − | data-6925="display: block;opacity:1;"
| + | |
| − | data-7000="display: block;opacity:0;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/a/ae/T--Fudan--Home76.png" alt="intest" class="intest"
| + | |
| − | data-7000="display: none;"
| + | |
| − | data-7001="display: block;opacity:0;"
| + | |
| − | data-7075="display: block;opacity:1;"
| + | |
| − | data-7150="display: block;opacity:0;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/0/0c/T--Fudan--Home77.png" alt="intest" class="intest"
| + | |
| − | data-7150="display: none;"
| + | |
| − | data-7151="display: block;opacity:0;"
| + | |
| − | data-7225="display: block;opacity:1;"
| + | |
| − | data-7300="display: block;opacity:0;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/2/25/T--Fudan--Home78.png" alt="intest" class="intest"
| + | |
| − | data-7300="display: none;"
| + | |
| − | data-7301="display: block;opacity:0;"
| + | |
| − | data-7375="display: block;opacity:1;"
| + | |
| − | data-7450="display: block;opacity:0;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/1/17/T--Fudan--Home72.png" alt="intest" class="intest"
| + | |
| − | data-7450="display: none;"
| + | |
| − | data-7451="display: block;opacity:0;"
| + | |
| − | data-7550="display: block;opacity:1;"
| + | |
| − | >
| + | |
| − | | + | |
| − | </div>
| + | |
| − |
| + | |
| − | | + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | <!-- Scene 3: Nissle helps -->
| + | |
| − | <div class="scene"
| + | |
| − | data-7700="top: 100%;"
| + | |
| − | data-8700="top: 0%;"
| + | |
| − | data-10500="top: 0%;"
| + | |
| − | data-11500="top: -100%; display: block;"
| + | |
| − | data-11501="display: none;"
| + | |
| − | >
| + | |
| − |
| + | |
| − | <div class="wardrobe-wall">
| + | |
| − | <div class="wall-inner">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/7/75/T--Fudan--Home80.png" alt="light" class="light"
| + | |
| − | data-8700="display: none;"
| + | |
| − | data-8701="display: block;top:-100%;"
| + | |
| − | data-9400="display: block;top:0%;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/a/af/T--Fudan--Home82.png" alt="info" class="info"
| + | |
| − | data-9800="display: none;"
| + | |
| − | data-9801="display: block;right:-100%;"
| + | |
| − | data-10000="display: block;right:12%;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/d/da/T--Fudan--Home83.png" alt="info" class="info"
| + | |
| − | data-10000="display: none;"
| + | |
| − | data-10001="display: block;right:-100%;"
| + | |
| − | data-10100="display: block;right:12%;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/b/b4/T--Fudan--Home81.png" alt="info" class="info"
| + | |
| − | data-10100="display: none;"
| + | |
| − | data-10101="display: block;right:-100%;"
| + | |
| − | data-10200="display: block;right:12%;"
| + | |
| − | >
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | | + | |
| − |
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | https://static.igem.org/mediawiki/2019/0/08/T--Fudan--Home101.png
| + | |
| − | | + | |
| − | <!-- Scene 4: How work -->
| + | |
| − | <div class="scene"
| + | |
| − | data-10500="top: 100%;"
| + | |
| − | data-11500="top: 0%;"
| + | |
| − | data-16900="top: 0%;"
| + | |
| − | data-17900="top: -100%; display: block;"
| + | |
| − | data-17901="display: none;"
| + | |
| − | >
| + | |
| − |
| + | |
| − | <div class="kitchen-wall">
| + | |
| − | <div class="kitchen-wall-inner">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/0/08/T--Fudan--Home101.png" alt="intest10" class="intest10"
| + | |
| − | data-10500="display: none;"
| + | |
| − | data-10501="display: block;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/9/94/T--Fudan--Home102.png" alt="stage" class="stage"
| + | |
| − | data-11600="display: none;"
| + | |
| − | data-11601="display: block;left:-100%;"
| + | |
| − | data-11750="display: block;left:9%;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/5/51/T--Fudan--Home103.png" alt="stage" class="stage"
| + | |
| − | data-11750="display: none;"
| + | |
| − | data-11751="display: block;left:-100%;"
| + | |
| − | data-11900="display: block;left:9%;"
| + | |
| − | data-12150="display: block;"
| + | |
| − | data-12151="display: none;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/4/40/T--Fudan--Home104.png" alt="stage" class="stage"
| + | |
| − | data-12000="display: none;"
| + | |
| − | data-12001="display: block;opacity:0;"
| + | |
| − | data-12150="display: block;opacity:1;"
| + | |
| − | data-12700="display: block;opacity:1;"
| + | |
| − | data-12850="display: block;opacity:0;"
| + | |
| − | data-12851="display: none;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/c/c8/T--Fudan--Home105.png" alt="stage" class="stage"
| + | |
| − | data-12150="display: none;"
| + | |
| − | data-12151="display: block;left:-100%;"
| + | |
| − | data-12300="display: block;left:9%;"
| + | |
| − | data-12700="display: block;opacity:1;"
| + | |
| − | data-12850="display: block;opacity:0;"
| + | |
| − | data-12851="display: none;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/7/79/T--Fudan--Home106.png" alt="intest10" class="intest10" style="z-index:300"
| + | |
| − | data-12300="display: none;"
| + | |
| − | data-12301="display: block;top:-100%"
| + | |
| − | data-12450="display: block;top:14%;"
| + | |
| − | data-12700="display: block;opacity:1;"
| + | |
| − | data-12850="display: block;opacity:0;"
| + | |
| − | data-12851="display: none;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/9/92/T--Fudan--Home107.png" alt="intest10" class="intest10"
| + | |
| − | data-12150="display: none;"
| + | |
| − | data-12151="display: block;opacity:0;"
| + | |
| − | data-12300="display: block;opacity:1;"
| + | |
| − | data-12700="display: block;opacity:1;"
| + | |
| − | data-12850="display: block;opacity:0;"
| + | |
| − | data-12851="display: none;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/9/9e/T--Fudan--Home108.png" alt="stage" class="stage"
| + | |
| − | data-12700="display: none;"
| + | |
| − | data-12701="display: block;opacity:0;"
| + | |
| − | data-12850="display: block;opacity:1;"
| + | |
| − | data-13700="display: block;opacity:1;"
| + | |
| − | data-13850="display: block;opacity:0;"
| + | |
| − | data-13851="display: none;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/b/be/T--Fudan--Home109.png" alt="stage" class="stage"
| + | |
| − | data-12700="display: none;"
| + | |
| − | data-12701="display: block;left:-100%;"
| + | |
| − | data-12850="display: block;left:9%;"
| + | |
| − | data-13700="display: block;opacity:1;"
| + | |
| − | data-13850="display: block;opacity:0;"
| + | |
| − | data-13851="display: none;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/6/61/T--Fudan--Home110.png" alt="intest10" class="intest10"
| + | |
| − | data-12750="display: none;"
| + | |
| − | data-12751="display: block;opacity:0;"
| + | |
| − | data-12900="display: block;opacity:1;"
| + | |
| − | | + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/7/70/T--Fudan--Home111.png" alt="intest10" class="intest10"
| + | |
| − | data-12950="display: none;"
| + | |
| − | data-12951="display: block;opacity:0;"
| + | |
| − | data-13100="display: block;opacity:1;"
| + | |
| − | data-13200="display: block;opacity:1;"
| + | |
| − | data-13350="display: block;opacity:0;"
| + | |
| − | data-13351="display: none;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/c/c3/T--Fudan--Home112.png" alt="intest10" class="intest10"
| + | |
| − | data-13350="display: none;"
| + | |
| − | data-13351="display: block;opacity:0;"
| + | |
| − | data-13500="display: block;opacity:1;"
| + | |
| − | data-13700="display: block;opacity:1;"
| + | |
| − | data-13850="display: block;opacity:0;"
| + | |
| − | data-13851="display: none;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/3/35/T--Fudan--Home113.png" alt="stage" class="stage"
| + | |
| − | data-13700="display: none;"
| + | |
| − | data-13701="display: block;opacity:0;"
| + | |
| − | data-13850="display: block;opacity:1;"
| + | |
| − | data-15000="display: block;opacity:1;"
| + | |
| − | data-15001="display: block;opacity:0;"
| + | |
| − | data-15150="display: none;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/2/26/T--Fudan--Home114.png" alt="stage" class="stage"
| + | |
| − | data-13700="display: none;"
| + | |
| − | data-13701="display: block;left:-100%;"
| + | |
| − | data-13850="display: block;left:9%;"
| + | |
| − | data-15000="display: block;opacity:1;"
| + | |
| − | data-15001="display: block;opacity:0;"
| + | |
| − | data-15150="display: none;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/8/8c/T--Fudan--Home115.png" alt="intest10" class="intest10"
| + | |
| − | data-13700="display: none;"
| + | |
| − | data-13701="display: block;opacity:0;"
| + | |
| − | data-13850="display: block;opacity:1;"
| + | |
| − | data-14000="display: block;opacity:1;"
| + | |
| − | data-14150="display: block;opacity:0;"
| + | |
| − | data-14650="display: block;opacity:0;"
| + | |
| − | data-14800="display: block;opacity:1;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/0/0b/T--Fudan--Home116.png" alt="intest10" class="intest10"
| + | |
| − | data-14150="display: none;"
| + | |
| − | data-14151="display: block;opacity:0;"
| + | |
| − | data-14300="display: block;opacity:1;"
| + | |
| − | data-14500="display: block;opacity:1;"
| + | |
| − | data-14650="display: block;opacity:0;"
| + | |
| − | data-14651="display: none;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/b/b3/T--Fudan--Home117.png" alt="stage" class="stage"
| + | |
| − | data-15000="display: none;"
| + | |
| − | data-15001="display: block;opacity:0;"
| + | |
| − | data-15150="display: block;opacity:1;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/2/22/T--Fudan--Home118.png" alt="stage" class="stage"
| + | |
| − | data-15000="display: none;"
| + | |
| − | data-15001="display: block;left:-100%;"
| + | |
| − | data-15150="display: block;left:9%;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/b/bc/T--Fudan--Home119.png" alt="intest10" class="intest10"
| + | |
| − | data-15000="display: none;"
| + | |
| − | data-15001="display: block;opacity:0;"
| + | |
| − | data-15150="display: block;opacity:1;"
| + | |
| − | data-15500="display: block;opacity:1;"
| + | |
| − | data-15650="display: block;opacity:0;"
| + | |
| − | data-15800="display: block;opacity:0;"
| + | |
| − | data-15950="display: block;opacity:1;"
| + | |
| − | data-16200="display: block;opacity:1;"
| + | |
| − | data-16350="display: block;opacity:0;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/c/cf/T--Fudan--Home120.png" alt="intest10" class="intest10"
| + | |
| − | data-15250="display: none;"
| + | |
| − | data-15251="display: block;opacity:0;"
| + | |
| − | data-15400="display: block;opacity:1;"
| + | |
| − | data-15650="display: block;opacity:1;"
| + | |
| − | data-15800="display: block;opacity:0;"
| + | |
| − | data-15950="display: block;opacity:0;"
| + | |
| − | data-16100="display: block;opacity:1;"
| + | |
| − | data-16350="display: block;opacity:1;"
| + | |
| − | data-16500="display: block;opacity:0;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/f/f1/T--Fudan--Home121.png" alt="intest10" class="intest10"
| + | |
| − | data-15500="display: none;"
| + | |
| − | data-15501="display: block;opacity:0;"
| + | |
| − | data-15650="display: block;opacity:1;"
| + | |
| − | data-15800="display: block;opacity:1;"
| + | |
| − | data-15950="display: block;opacity:0;"
| + | |
| − | data-16200="display: block;opacity:0;"
| + | |
| − | data-16350="display: block;opacity:1;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/a/a0/T--Fudan--Home122.png" alt="intest10" class="intest10"
| + | |
| − | data-16600="display: none;"
| + | |
| − | data-16601="display: block;opacity:0;"
| + | |
| − | data-16750="display: block;opacity:1;"
| + | |
| − | >
| + | |
| − | | + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <!-- Scene 5: final -->
| + | |
| − | <div class="scene"
| + | |
| − | data-16900="top: 100%;"
| + | |
| − | data-17900="top: 0%;"
| + | |
| − | >
| + | |
| − |
| + | |
| − | <div class="last-wall">
| + | |
| − | <div class="last-wall-inner">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/5/54/T--Fudan--Home200.png" alt="lastbg" class="lastbg"
| + | |
| − | data-16900="display: none;"
| + | |
| − | data-16901="display: block;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/7/73/T--Fudan--Home201.png" alt="leftWord" class="leftWord"
| + | |
| − | data-18000="display: none;"
| + | |
| − | data-18001="display: block;left:-100%;"
| + | |
| − | data-18150="display: block;left:5%;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/3/35/T--Fudan--Home202.png" alt="rightF" class="rightF"
| + | |
| − | data-18250="display: none;"
| + | |
| − | data-18251="display: block;right:-100%;"
| + | |
| − | data-18400="display: block;right:5%;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/e/e8/T--Fudan--Home203.png" alt="rightF" class="rightF"
| + | |
| − | data-18300="display: none;"
| + | |
| − | data-18301="display: block;right:-100%;"
| + | |
| − | data-18410="display: block;right:5%;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/a/ab/T--Fudan--Home204.png" alt="leftWord" class="leftWord"
| + | |
| − | data-18550="display: none;"
| + | |
| − | data-18551="display: block;left:-100%;"
| + | |
| − | data-18700="display: block;left:5%;"
| + | |
| − | >
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <div class="last-floor" style="opacity:0.1!important;">
| + | |
| − | <div style="height:100%;width:100%"
| + | |
| − | data-16900="display: none;"
| + | |
| − | data-16901="display: block;"
| + | |
| − | >
| + | |
| − | <div class="row" style="height:40%;width:100%">
| + | |
| − | <div class="col-4">
| + | |
| − | <div class="row">
| + | |
| − | <div class="col-4">
| + | |
| − | <div style="font-family: 'Concert One';color: white;font-size: 30px;
| + | |
| − | margin-top: 10%; | + | |
| − | margin-left: 10%;">Navigation</div>
| + | |
| − | </div>
| + | |
| − | <div class="col-8">
| + | |
| − | | + | |
| − | <div class="row" style="margin-top:10%">
| + | |
| − | <div class="col-4" style="height: 60px">
| + | |
| − | <a href="https://2019.igem.org/Team:Fudan/Design"><img style="height: 60px;" src="https://static.igem.org/mediawiki/2019/d/de/T--Fudan--DownDesign.png"></img></a>
| + | |
| | </div> | | </div> |
| − | <div class="col-4" style="height: 60px"> | + | <div |
| − | <a href="https://2019.igem.org/Team:Fudan/Results"><img style="height: 60px;" src="https://static.igem.org/mediawiki/2019/0/0c/T--Fudan--DownResult.png"></img></a>
| + | class="parallax-image-wrapper parallax-image-wrapper-50" |
| | + | data-anchor-target="#index02 + .gap" |
| | + | data-bottom-top="transform:translate3d(0px, 300%, 0px)" |
| | + | data-top-bottom="transform:translate3d(0px, 0%, 0px)"> |
| | + | <div |
| | + | class="parallax-image parallax-image-50" |
| | + | style="background-image:url(T--Fudan--index02.svg)" |
| | + | data-anchor-target="#index02 + .gap" |
| | + | data-bottom-top="transform: translate3d(0px, -12%, 0px);" |
| | + | data-top-bottom="transform: translate3d(0px, 12%, 0px);" |
| | + | ></div> |
| | </div> | | </div> |
| − | <div class="col-4" style="height: 60px"> | + | <div |
| − | <a href="https://2019.igem.org/Team:Fudan/Team"><img style="height: 60px;" src="https://static.igem.org/mediawiki/2019/7/73/T--Fudan--DownTeam.png"></img></a>
| + | class="parallax-image-wrapper parallax-image-wrapper-100" |
| | + | data-anchor-target="#index03 + .gap" |
| | + | data-bottom-top="transform:translate3d(0px, 400%, 0px)" |
| | + | data-top-bottom="transform:translate3d(0px, 0%, 0px)"> |
| | + | <div |
| | + | class="parallax-image parallax-image-100" |
| | + | style="background-image:url(T--Fudan--index03.svg)" |
| | + | data-anchor-target="#index03 + .gap" |
| | + | data-bottom-top="transform: translate3d(0px, -12%, 0px);" |
| | + | data-top-bottom="transform: translate3d(0px, 12%, 0px);" |
| | + | ></div> |
| | </div> | | </div> |
| | + | <div |
| | + | class="parallax-image-wrapper parallax-image-wrapper-50" |
| | + | data-anchor-target="#index04 + .gap" |
| | + | data-bottom-top="transform:translate3d(0px, 500%, 0px)" |
| | + | data-top-bottom="transform:translate3d(0px, 0%, 0px)"> |
| | + | <div |
| | + | class="parallax-image parallax-image-50" |
| | + | style="background-image:url(T--Fudan--index04.svg)" |
| | + | data-anchor-target="#index04 + .gap" |
| | + | data-bottom-top="transform: translate3d(0px, -12%, 0px);" |
| | + | data-top-bottom="transform: translate3d(0px, 12%, 0px);" |
| | + | ></div> |
| | </div> | | </div> |
| − | <div class="row" style="margin-top:5%"> | + | <div |
| − | <div class="col-4" style="height: 60px"> | + | class="parallax-image-wrapper parallax-image-wrapper-100" |
| − | <a href="https://2019.igem.org/Team:Fudan/Demonstrate"><img style="height: 60px;" src="https://static.igem.org/mediawiki/2019/b/be/T--Fudan--DownDemon.png"></img></a>
| + | data-anchor-target="#index05 + .gap" |
| | + | data-bottom-top="transform:translate3d(0px, 600%, 0px)" |
| | + | data-top-bottom="transform:translate3d(0px, 0%, 0px)"> |
| | + | |
| | + | class="parallax-image parallax-image-100" |
| | + | style="background-image:url(T--Fudan--index05.svg)" |
| | + | data-anchor-target="#index05 + .gap" |
| | + | data-bottom-top="transform: translate3d(0px, -12%, 0px);" |
| | + | data-top-bottom="transform: translate3d(0px, 12%, 0px);" |
| | + | ></div> |
| | </div> | | </div> |
| − | <div class="col-4" style="height: 60px"> | + | <div |
| − | <a href="https://2019.igem.org/Team:Fudan/Model"><img style="height: 60px;" src="https://static.igem.org/mediawiki/2019/5/56/T--Fudan--DownModel.png"></img></a>
| + | class="parallax-image-wrapper parallax-image-wrapper-50" |
| | + | data-anchor-target="#index06 + .gap" |
| | + | data-bottom-top="transform:translate3d(0px, 700%, 0px)" |
| | + | data-top-bottom="transform:translate3d(0px, 0%, 0px)"> |
| | + | <div |
| | + | class="parallax-image parallax-image-50" |
| | + | style="background-image:url(T--Fudan--index06.svg)" |
| | + | data-anchor-target="#index06 + .gap" |
| | + | data-bottom-top="transform: translate3d(0px, -12%, 0px);" |
| | + | data-top-bottom="transform: translate3d(0px, 12%, 0px);" |
| | + | ></div> |
| | </div> | | </div> |
| − | <div class="col-4"style="height: 60px"> | + | <div |
| − | <a href="https://2019.igem.org/Team:Fudan/Human_Practices"><img style="height: 60px;" src="https://static.igem.org/mediawiki/2019/5/52/T--Fudan--DownHP.png"></img></a>
| + | class="parallax-image-wrapper parallax-image-wrapper-100" |
| | + | data-anchor-target="#index07 + .gap" |
| | + | data-bottom-top="transform:translate3d(0px, 800%, 0px)" |
| | + | data-top-bottom="transform:translate3d(0px, 0%, 0px)"> |
| | + | <div |
| | + | class="parallax-image parallax-image-100" |
| | + | style="background-image:url(T--Fudan--index07.svg)" |
| | + | data-anchor-target="#index07 + .gap" |
| | + | data-bottom-top="transform: translate3d(0px, -12%, 0px);" |
| | + | data-top-bottom="transform: translate3d(0px, 12%, 0px);" |
| | + | ></div> |
| | </div> | | </div> |
| | + | <div |
| | + | class="parallax-image-wrapper parallax-image-wrapper-50" |
| | + | data-anchor-target="#index08 + .gap" |
| | + | data-bottom-top="transform:translate3d(0px, 900%, 0px)" |
| | + | data-top-bottom="transform:translate3d(0px, 0%, 0px)"> |
| | + | <div |
| | + | class="parallax-image parallax-image-50" |
| | + | style="background-image:url(T--Fudan--index08.svg)" |
| | + | data-anchor-target="#index08 + .gap" |
| | + | data-bottom-top="transform: translate3d(0px, -12%, 0px);" |
| | + | data-top-bottom="transform: translate3d(0px, 12%, 0px);" |
| | + | ></div> |
| | </div> | | </div> |
| − | </div>
| + | <div |
| − | </div>
| + | class="parallax-image-wrapper parallax-image-wrapper-100" |
| − | </div>
| + | data-anchor-target="#index09 + .gap" |
| − | <div class="col-4">
| + | data-bottom-top="transform:translate3d(0px, 1000%, 0px)" |
| − | <div class="row">
| + | data-top-bottom="transform:translate3d(0px, 0%, 0px)"> |
| − | <div class="col-4">
| + | |
| − | <div style="font-family: 'Concert One';color: white;font-size: 30px;
| + | class="parallax-image parallax-image-100" |
| − | margin-top: 10%;
| + | style="background-image:url(T--Fudan--index09.svg)" |
| − | margin-left: 10%;">Contact</div> | + | data-anchor-target="#index09 + .gap" |
| − | </div>
| + | data-bottom-top="transform: translate3d(0px, -12%, 0px);" |
| − | <div class="col-8">
| + | data-top-bottom="transform: translate3d(0px, 12%, 0px);" |
| − | | + | ></div> |
| − | <img style="height: 350%;margin-top: 10%;" src="https://static.igem.org/mediawiki/2019/7/73/T--Fudan--HomeFinalOK.png"></img>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="col-4">
| + | |
| − | <div class="row">
| + | |
| − | <div class="col-4">
| + | |
| − | <div style="font-family: 'Concert One';color: white;font-size: 30px;
| + | |
| − | margin-top: 10%; | + | |
| − | margin-left: 10%;">Sponsor</div>
| + | |
| − | </div>
| + | |
| − | <div class="col-8">
| + | |
| − | | + | |
| − | <div class="row" style="margin-top:10%">
| + | |
| − | <div class="col-4" style="height: 60px">
| + | |
| − | <img style="height: 60px;" src="https://static.igem.org/mediawiki/2019/e/e2/T--Fudan--yunfengLogo.png"></img>
| + | |
| − | </div>
| + | |
| − | <div class="col-4" style="height: 60px">
| + | |
| − | <img style="height: 60px;" src="https://static.igem.org/mediawiki/2019/f/f7/T--Fudan--schoolLogo.png"></img>
| + | |
| − | </div>
| + | |
| − | <div class="col-4" style="height: 60px">
| + | |
| − | <img style="height: 60px;" src="https://static.igem.org/mediawiki/2019/0/0d/T--Fudan--Sponsor4.png"></img>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="row" style="margin-top:5%">
| + | |
| − | <div class="col-4" style="height: 60px">
| + | |
| − | <img style="height: 60px;" src="https://static.igem.org/mediawiki/2019/1/1d/T--Fudan--schoolOfLifeSciencesIcon.png"></img>
| + | |
| − | </div>
| + | |
| − | <div class="col-4" style="height: 60px">
| + | |
| − | <img style="height: 60px;" src="https://static.igem.org/mediawiki/2019/6/67/T--Fudan--Sponsor5.png"></img>
| + | |
| − | </div> | + | |
| − | <div class="col-4"style="height: 60px">
| + | |
| − | <img style="height: 60px;" src="https://static.igem.org/mediawiki/2019/b/b9/T--Fudan--Sponsor6.png"></img>
| + | |
| | </div> | | </div> |
| | + | <div |
| | + | class="parallax-image-wrapper parallax-image-wrapper-50" |
| | + | data-anchor-target="#index10 + .gap" |
| | + | data-bottom-top="transform:translate3d(0px, 1100%, 0px)" |
| | + | data-top-bottom="transform:translate3d(0px, 0%, 0px)"> |
| | + | <div |
| | + | class="parallax-image parallax-image-50" |
| | + | style="background-image:url(T--Fudan--index10.svg)" |
| | + | data-anchor-target="#index10 + .gap" |
| | + | data-bottom-top="transform: translate3d(0px, -12%, 0px);" |
| | + | data-top-bottom="transform: translate3d(0px, 12%, 0px);" |
| | + | ></div> |
| | </div> | | </div> |
| | + | <div |
| | + | class="parallax-image-wrapper parallax-image-wrapper-100" |
| | + | data-anchor-target="#index11" |
| | + | data-bottom-top="transform:translate3d(0px, 1200%, 0px)" |
| | + | data-top-bottom="transform:translate3d(0px, 0%, 0px)"> |
| | + | <div |
| | + | class="parallax-image parallax-image-100" |
| | + | style="background-image:url(T--Fudan--index11.svg)" |
| | + | data-anchor-target="#index11" |
| | + | data-bottom-top="transform: translate3d(0px, -12%, 0px);" |
| | + | data-top-bottom="transform: translate3d(0px, 12%, 0px);" |
| | + | ></div> |
| | + | </div> --> |
| | | | |
| − | </div>
| + | <div id="skrollr-body"> |
| − | </div>
| + | <img src="https://static.igem.org/mediawiki/2020/8/89/T--Fudan--index01.svg" /> |
| − | </div>
| + | <img src="https://static.igem.org/mediawiki/2020/2/2d/T--Fudan--index02.svg" /> |
| − | <div class="row justify-content-center" style="margin-left: 35%">
| + | <img src="https://static.igem.org/mediawiki/ 2020/ 2/ 21/T--Fudan-- index03. svg" /> |
| − | <div class="col col-md-auto text-center">
| + | <img src="https://static.igem.org/mediawiki/ 2020/ c/ cc/T--Fudan-- index04. svg" /> |
| − | <small class="text-muted" style="font-size: 13px;">This page is produced by ©2019 Fudan IGEM Team, designed by Xuan zitao & Ju Kaiyi. All rights reserved.
| + | <img src="https://static.igem.org/mediawiki/ 2020/ 7/ 73/T--Fudan-- index05. svg" /> |
| − | </small>
| + | <img src="https://static.igem.org/mediawiki/ 2020/5/ 50/T--Fudan-- index06. svg" /> |
| − | </div>
| + | <img src="https://static.igem.org/mediawiki/ 2020/ 6/ 69/T--Fudan-- index07. svg" /> |
| − | </div>
| + | <img src="https://static.igem.org/mediawiki/ 2020/ f/ fc/T--Fudan-- index08. svg" /> |
| − | </div>
| + | <img src="https://static.igem.org/mediawiki/ 2020/ f/ f8/T--Fudan-- index09. svg" /> |
| − | </div>
| + | <img src="https://static.igem.org/mediawiki/2020/9/9b/T--Fudan--index10.svg" /> |
| − | </div>
| + | <img src="https://static.igem.org/mediawiki/ 2020/ 6/ 63/T--Fudan-- index11. svg" /> |
| − | </div>
| + | |
| − |
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <div class="scene click-through" data-start="top: 0%;">
| + | |
| − | <div class="character-container">
| + | |
| − | <div class="character-container-inner">
| + | |
| − | <img src="https://static.igem.org/mediawiki/ 2019/ 5/ 5b/T--Fudan-- Home11. png" alt="Desk" class="desk" | + | |
| − | data-3550="top: 44%; display: block; opacity:1;"
| + | |
| − | data-3600="top: 44%; display: block; opacity:0;"
| + | |
| − | data-3701="display: none"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/ 2019/ 4/ 45/T--Fudan-- Home12. png" alt="Nipple" class="nipple" | + | |
| − | data-1300="right: 20%; display: block;"
| + | |
| − | data-2700="right: -100%; display: none;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/ 2019/ 4/ 43/T--Fudan-- Home10. png" alt="Feeder" class="feeder" | + | |
| − | data-1699="display: none;"
| + | |
| − | data-1700="left: -100%; display: block;"
| + | |
| − | data-2700="left: 15.5%; display: block;"
| + | |
| − | data-3550="display: block; opacity:1;"
| + | |
| − | data-3600="display: block; opacity:0;"
| + | |
| − | data-3701="display: none"
| + | |
| − | >
| + | |
| − | | + | |
| − | <img src="https://static.igem.org/mediawiki/ 2019/5/ 5b/T--Fudan-- Home11. png" alt="Desk" class="desk" | + | |
| − | data-3550="top: 74%; display: block; opacity:1;"
| + | |
| − | data-3600="top: 74%; display: block; opacity:0;"
| + | |
| − | data-3701="display: none"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/ 2019/ 4/ 45/T--Fudan-- Home12. png" alt="Nipple" class="nipple2" | + | |
| − | data-1300="left: 14.8%; display: block;"
| + | |
| − | data-2700="left: -100%; display: none;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/ 2019/ 4/ 43/T--Fudan-- Home10. png" alt="Feeder" class="feeder2" | + | |
| − | data-1699="display: none;"
| + | |
| − | data-1700="right: -100%; display: block;"
| + | |
| − | data-2700="right: 19%; display: block;"
| + | |
| − | data-3550="display: block; opacity:1;"
| + | |
| − | data-3600="display: block; opacity:0;"
| + | |
| − | data-3701="display: none"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/ 2019/ 5/ 5d/T--Fudan-- Home20. png" alt="Desk" class="desk" | + | |
| − | data-3200="top: 74%; display: none;"
| + | |
| − | data-3201="top: 74%; display: block;"
| + | |
| − | data-3800="max-width: 1000px;max-height: 130px; top: 74%; left: 15%"
| + | |
| − | data-4300="max-width: 1400px;max-height: 300px; top: 55%; left: -23%"
| + | |
| − | data-5900="display:block; opacity:1; "
| + | |
| − | data-6000="display:block; opacity:0.5; "
| + | |
| − | data-7600="display:block; opacity:0.5; "
| + | |
| − | data-7700="display:block; opacity:1; "
| + | |
| − | data-9500="display:block; opacity:1; "
| + | |
| − | data-9600="display:block; opacity:0; "
| + | |
| − | data-9601="display:none;"
| + | |
| − | >
| + | |
| − | <img src="https://static.igem.org/mediawiki/ 2019/ 1/ 12/T--Fudan-- Home10000. png" alt="Desk" class="desk" style="max-width: 1400px;max-height: 300px; top: 55%; left: -23%" | + | |
| − | data-9600="display: none;"
| + | |
| − | data-9601="display:block; opacity:0; "
| + | |
| − | data-9700="display:block; opacity:1; "
| + | |
| − | data-10500="top: 55%;"
| + | |
| − | data-11500="top: -100%; display: block;"
| + | |
| − | data-11501="display: none;"
| + | |
| − | >
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| | </div> | | </div> |
| | | | |
| − | | + | <p>Project Design at <a href="/Team:Fudan/Design">/Team:Fudan/Design</a></p> |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan/jquery&action=raw&ctype=text/javascript"></script> | + | |
| − | <script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan/popper&action=raw&ctype=text/javascript"></script> | + | |
| − | <script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan/bootstrap&action=raw&ctype=text/javascript"></script>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan/skrollr&action=raw&ctype=text/javascript"></script>
| + | |
| − | <script>
| + | |
| − | // 一定要在页面文档全部加载完成之后，再进行初始化skrollr
| + | |
| − | window.onload=function(){
| + | |
| − | var s=skrollr.init({
| + | |
| − | smoothScrolling: true,
| + | |
| − | scale: 2,
| + | |
| − | easing: 'swing'
| + | |
| − | });
| + | |
| − | }
| + | |
| − | | + | |
| − | </script> | + | |
