|
|
(47 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | {{Team:Tsinghua/js/cloudflare.min.js}} | + | {{Team:Tsinghua/css/slides_styles_v4}} |
- | {{Team:Tsinghua/js/ga.js}} | + | {{Team:Tsinghua/css/slides_animations}} |
- | {{Team:Tsinghua/js/injected.js}} | + | {{Team:Tsinghua/css/jquery-1.10.1.min.js}} |
- | {{Team:Tsinghua/js/jbk2yey.js}}
| + | <html> |
- | {{Team:Tsinghua/js/jquery.anchorScroll.js}}
| + | <body onload=' location.href="#anchor1" '> |
- | {{Team:Tsinghua/js/jquery.animate.js}}
| + | <div class="container"> |
- | {{Team:Tsinghua/js/jquery.lazyload.min.js}}
| + | <div id="sheet1"> |
- | {{Team:Tsinghua/js/jquery.masonry.min.js}}
| + | <a id='anchor1' href='#'></a> |
- | {{Team:Tsinghua/js/jquery.min.js}}
| + | <div class="contentbox"> |
- | {{Team:Tsinghua/js/jquery.placeholder.min.js}}
| + | <span> |
- | {{Team:Tsinghua/js/plugin.js}}
| + | <div id="image1" class="floating"> |
- | {{Team:Tsinghua/js/script.js}}
| + | <img src="https://static.igem.org/mediawiki/2014/6/63/Tsinghua_Emoji-4.png" width="200" height="250" alt=""/> |
| + | </div> |
| + | <div id="text1" class="slideLeft"> |
| + | <h1 class="customtext">Hi! We are <font color="990099">Team Tsinghua</font>. We present to you a <font color="990099">gene therapy</font> for Type 1 Diabetes Mellitus (T1DM).</h1> |
| + | </div> |
| + | </span> |
| + | </div> |
| + | <div class="arrow"> |
| + | <img src="https://static.igem.org/mediawiki/2014/f/f2/Tsinghua_arrow.png" width="22" height="27" alt=""/> |
| + | <p>Scroll down</p> |
| + | </div> |
| + | </div> |
| + | <div id="sheet2"> |
| + | <div class="contentbox"> |
| + | <span> |
| + | <div id="image2" class="tossing"> |
| + | <img src="https://static.igem.org/mediawiki/2014/2/23/Tsinghua_Emoji-2.png" width="200" height="250" alt=""/> |
| + | </div> |
| + | <div id="text2"> |
| + | <h1 class="customtext"><font color="990099">T1DM</font> results from autoimmune destruction of pancreatic beta cells. Our approach converts somatic cells into regulated insulin-producing cells, thus eliminating the need for continuous insulin therapy.</h1> |
| + | </div> |
| + | </span> |
| + | </div> |
| + | <div class="arrow"> |
| + | <img src="https://static.igem.org/mediawiki/2014/f/f2/Tsinghua_arrow.png" width="22" height="27" alt=""/> |
| + | <p>Scroll down</p> |
| + | </div> |
| + | </div> |
| + | <div id="sheet3"> |
| + | <div class="contentbox"> |
| + | <span> |
| + | <div id="image3"> |
| + | <img src="https://static.igem.org/mediawiki/2014/4/4a/Tsinghua_Logo300x409.png" width="150" height="204.5" alt=""/> |
| + | </div> |
| + | <div id="text3"> |
| + | <h1 class="customtext">We use <font color="990099">Adeno-associated virus (AAV)</font> as a transfection vector to introduce genes, which has proven to be safe… Well, that’s a whole other story, want to know more? </h1> |
| + | </div> |
| + | </span> |
| + | </div> |
| + | <div class="arrow"> |
| + | <img src="https://static.igem.org/mediawiki/2014/f/f2/Tsinghua_arrow.png" width="22" height="27" alt=""/> |
| + | <p>Scroll down</p> |
| + | </div> |
| + | </div> |
| + | <div id="sheet4"> |
| + | <a href="https://2014.igem.org/Team:Tsinghua/Main_page">Get Started!</a> |
| + | </div> |
| + | </div> |
| + | <script> |
| + | $(window).scroll(function() { |
| + | $('#text2').each(function(){ |
| + | var imagePos = $(this).offset().top; |
| | | |
- | <html lang="en" class="wf-fftundrascwebpro-n4-active wf-fftundrascwebpro-n7-active wf-fftundrawebpro-i4-active wf-fftundrawebpro-n4-active wf-fftundrawebpro-n7-active wf-active"><!--<![endif]-->
| + | var topOfWindow = $(window).scrollTop(); |
- | <head>
| + | if (imagePos < topOfWindow+400) { |
- | <meta charset="utf-8">
| + | $(this).addClass("expandUp"); |
- | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
| + | } |
- | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| + | |
- | <script type="text/javascript" async src="js/ga.js"></script><script async src="js/cloudflare.min.js"></script><script type="text/javascript">
| + | |
- | //<![CDATA[
| + | |
- | try{if (!window.CloudFlare) {var CloudFlare=[{verbose:0,p:0,byc:0,owlid:"cf",bag2:1,mirage2:0,oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/dok2v=1613a3a185/"},atok:"6d571de807d1a92740276754fc0fd5b9",petok:"03ffec40b423fe8d7999ffcdf3c15efbf84375f1-1413215326-1800",zone:"yaronschoen.com",rocket:"0",apps:{}}];CloudFlare.push({"apps":{"ape":"b241e5250d5039b08ad0aa1d3766ea69"}});!function(a,b){a=document.createElement("script"),b=document.getElementsByTagName("script")[0],a.async=!0,a.src="//ajax.cloudflare.com/cdn-cgi/nexp/dok2v=919620257c/cloudflare.min.js",b.parentNode.insertBefore(a,b)}()}}catch(e){};
| + | |
- | //]]>
| + | |
- | </script>
| + | |
- | <link rel="stylesheet" href="css/slides_styles.css">
| + | |
- | <link rel="stylesheet" href="css/slides_styles-standard.css">
| + | |
- | <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
| + | |
- | <link rel="icon" href="/favicon.ico" type="image/x-icon">
| + | |
- | <script type="text/javascript" src="js/jbk2yey.js"></script><style type="text/css"></style><style type="text/css">.cf-hidden { display: none; } .cf-invisible { visibility: hidden; }</style>
| + | |
- | <style type="text/css">.tk-ff-tundra-web-pro{font-family:"ff-tundra-web-pro",sans-serif;}.tk-ff-tundra-sc-web-pro{font-family:"ff-tundra-sc-web-pro",sans-serif;}</style><link rel="stylesheet" href="http://use.typekit.net/c/3b8b10/1w;ff-tundra-sc-web-pro,2,TPh:F:n4,TPb:F:n7;ff-tundra-web-pro,2,TSg:F:i4,TSm:F:n4,TSY:F:n7/d?3bb2a6e53c9684ffdc9a9afe1f5b2a62e5d76b099c828680e711f4376c78c49aabfe6a170df58a5533d1608e6335f3b265f6f378f7edc2c769378d848863390823dd76377197f5ca5c3e82050d1dd710c1377ba100"><script type="text/javascript">try{Typekit.load();}catch(e){}</script>
| + | |
- | <script type="text/javascript" src="js/jquery.min.js"></script>
| + | |
- | <script type="text/javascript" src="js/jquery.animate.js"></script>
| + | |
- | <script type="text/javascript" src="js/jquery.anchorScroll.js"></script>
| + | |
- | <script type="text/javascript" src="js/jquery.masonry.min.js"></script>
| + | |
- | <script type="text/javascript" src="js/jquery.lazyload.min.js"></script>
| + | |
- | <script type="text/javascript" src="js/plugin.js"></script>
| + | |
- | <script type="text/javascript" src="js/jquery.placeholder.min.js"></script>
| + | |
- | <script type="text/javascript" src="js/script.js"></script>
| + | |
- | <title>IGEM</title>
| + | |
- | <script>
| + | |
- | $(document).ready(function() {
| + | |
- | $('.slidewrap').carousel({
| + | |
- | slider: '.slider',
| + | |
- | slide: '.slide',
| + | |
- | slideHed: '.slidehed',
| + | |
- | nextSlide : '.next',
| + | |
- | prevSlide : '.prev',
| + | |
- | addPagination: false,
| + | |
- | addNav : false
| + | |
| }); | | }); |
| + | }); |
| + | </script> |
| + | <script> |
| + | $(window).scroll(function() { |
| + | $('#image3').each(function(){ |
| + | var imagePos = $(this).offset().top; |
| | | |
- | $('.slidewrap').bind('carousel-validate', function(e, data) { | + | var topOfWindow = $(window).scrollTop(); |
- | e.valid = true;
| + | if (imagePos < topOfWindow+400) { |
- | });
| + | $(this).addClass("expandOpen"); |
| + | } |
| + | }); |
| }); | | }); |
| </script> | | </script> |
- | <script type="text/javascript" src="chrome-extension://bfbmjmiodbnnpllbbbfblcplfjjepjdn/js/injected.js"></script><link type="text/css" rel="stylesheet" href="chrome-extension://ckphchjljlekndhjifdfpmmnlaijimcd/style.css"></head> | + | <script> |
- | <body id="home" screen_capture_injected="true" style="transition:top 1s ease;-webkit-transition:top 1s ease;-moz-transition:top 1s ease;">
| + | $(window).scroll(function() { |
- | <div class="menu clearfix">
| + | $('#text3').each(function(){ |
- | </div>
| + | var imagePos = $(this).offset().top; |
- | <div class="slidewrap" role="application" style="overflow: hidden; width: 100%;">
| + | |
- | <ul class="slider" id="sliderName" aria-activedescendant="carousel-1-0-slide1" style="margin-left: -100%; float: left; width: 900%; -webkit-transition: margin-left 0.3s ease; transition: margin-left 0.3s ease;">
| + | |
- | <li class="slide" role="tabpanel document" id="carousel-1-0-slide0" aria-hidden="true" style="float: left; width: 11.11111111111111%;">
| + | |
- | <div class="wrapper">
| + | |
- | <div class="cell">
| + | |
- | <div class="page">
| + | |
- | <h3>Hi, we are Tsinghua TeamTeam Tsinghua and we are participating 2014 iGEM competitionin iGEM 2014. We are working on a gene therapy for Type 1 Diabetes Mellitus (T1DM).</h3>
| + | |
- | <a href="#sliderName" class="small next"><b>Wait, you gotta slow down. T1DM? Gene therapy?</b></a>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li class="slide carousel-active-slide" role="tabpanel document" id="carousel-1-0-slide1" aria-hidden="false" style="float: left; width: 11.11111111111111%;">
| + | |
- | <div class="wrapper">
| + | |
- | <div class="cell">
| + | |
- | <div class="page">
| + | |
- | <h3>T1DM results from the autoimmune destruction of insulin-producing beta cells in the pancreas. We aim to convert somatic cells into insulin-producing cells regulated by blood glucose, and eliminate the need for constant insulin therapy.</h3>
| + | |
- | <a href="#sliderName" class="next small"><b>Hmm… Sounds plausible, but gene therapy could be dangerous!</b></a>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li class="slide" role="tabpanel document" id="carousel-1-0-slide2" aria-hidden="true" style="float: left; width: 11.11111111111111%;">
| + | |
- | <div class="wrapper">
| + | |
- | <div class="cell">
| + | |
- | <div class="page">
| + | |
- | <h3>We use Adeno-associated viral (AAV) vectors to introduce genes, which has proven to be safe… Well, that’s a whole other story, want to know more?</br>
| + | |
- | <a href="#" style="font-size:36px">Let’s hear it!</a></h3>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | <div><a href="#sliderName" class="prev prev-arrow">←</a><a href="#sliderName" class="next next-arrow">→</a></div>
| + | |
- | <script type="text/javascript">
| + | |
| | | |
- | var _gaq = _gaq || [];
| + | var topOfWindow = $(window).scrollTop(); |
- | _gaq.push(['_setAccount', 'UA-34656688-1']);
| + | if (imagePos < topOfWindow+400) { |
- | _gaq.push(['_trackPageview']);
| + | $(this).addClass("bigEntrance"); |
- | | + | } |
- | (function() {
| + | }); |
- | var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
| + | }); |
- | ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
| + | </script> |
- | var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
| + | </body> |
- | })();
| + | </html> |
- | | + | |
- | </script> | + | |
- | | + | |
- | | + | |
- | </body></html> | + | |