(Prototype team page) |
|||
Line 1: | Line 1: | ||
{{Tsinghua}} | {{Tsinghua}} | ||
− | <html> | + | <html lang="en-US"> |
− | + | <head> | |
− | <div class=" | + | <meta charset="utf-8"> |
− | < | + | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
− | < | + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
− | + | <!-- --> | |
− | </ | + | <!-- Document Title--> |
− | + | <!-- =============================================--> | |
− | + | <title>iGEM Tsinghua</title> | |
− | </div> | + | <!-- --> |
− | + | <!-- Favicons--> | |
− | + | <!-- =============================================--> | |
− | + | <!-- <link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-touch-icon.png"> | |
− | <div class=" | + | <link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicons/favicon-32x32.png"> |
− | < | + | <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png"> |
− | <ul> | + | <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicons/favicon.ico"> |
− | <li> | + | <link rel="manifest" href="assets/images/favicons/manifest.json"> |
− | <li> | + | <link rel="mask-icon" href="assets/images/favicons/safari-pinned-tab.svg" color="#5bbad5"> |
− | <li> | + | <meta name="msapplication-TileImage" content="assets/images/favicons/mstile-150x150.png"> |
− | </ul> | + | <meta name="theme-color" content="#ffffff"> |
− | + | --> | |
− | </ | + | <!-- Stylesheets--> |
− | + | <!-- =============================================--> | |
− | < | + | <!-- Default stylesheets--> |
− | < | + | <!-- <link href="assets/lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> --> |
− | < | + | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/bootstrap.min.css&action=raw&ctype=text/css" > |
− | <ul> | + | |
− | <li><a href="https:// | + | <!-- Template specific stylesheets--> |
− | <li><a href="https:// | + | <!-- <link href="assets/lib/loaders.css/loaders.min.css" rel="stylesheet"> --> |
− | <li><a href="https:// | + | <link href="https://fonts.googleapis.com/css?family=Hind+Madurai:300,400,500,600,700|Playfair+Display:400,400i,700,700i,900,900i" rel="stylesheet"> |
− | </ul> | + | <!-- <link href="assets/lib/hamburgers/dist/hamburgers.min.css" rel="stylesheet"> --> |
− | </div> | + | <!-- <link href="assets/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet"> --> |
− | </div> | + | <!-- <link href="assets/lib/lightbox2/dist/css/lightbox.css" rel="stylesheet"> --> |
− | + | <!-- <link href="assets/lib/flexslider/flexslider.css" rel="stylesheet"> --> | |
+ | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/flexslider2.css&action=raw&ctype=text/css" > | ||
+ | |||
+ | <!-- Main stylesheet and color file--> | ||
+ | <!-- <link href="assets/css/style.css" rel="stylesheet"> --> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/font-awesome.min.css&action=raw&ctype=text/css"> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/style.css&action=raw&ctype=text/css" > | ||
+ | |||
+ | <!-- <link href="assets/css/custom.css" rel="stylesheet"> </head> --> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/custom.css&action=raw&ctype=text/css" > | ||
+ | |||
+ | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/remodal.css&action=raw&ctype=text/css" > | ||
+ | |||
+ | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/css/remodal-default-theme.css&action=raw&ctype=text/css" > | ||
+ | </head> | ||
+ | <body data-spy="scroll" data-target=".inner-link" data-offset="60"> | ||
+ | <main> | ||
+ | |||
+ | <div class="loading" id="preloader"> | ||
+ | <div class="h-100vh d-flex align-items-center justify-content-center background-white"> | ||
+ | <div> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/1/15/T--Tsinghua--loading.gif" style="width:5%; position:absolute; left: 46%; top: 43%"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="znav-container znav-transparent mt-5" id="znav-container"> | ||
+ | <div class="container"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/b/be/T--Tsinghua--logo.png" style="width: 8%;position: absolute;left: -6%;"> | ||
+ | <nav class="navbar navbar-expand-lg"> | ||
+ | |||
+ | <a class="navbar-brand overflow-hidden pr-3 fs-3" href="https://2019.igem.org/Team:Tsinghua"> | ||
+ | |||
+ | iGEM | ||
+ | <span class="d-none d-lg-inline-block">Tsinghua</span> | ||
+ | </a> | ||
+ | <!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> | ||
+ | <div class="hamburger hamburger--emphatic"> | ||
+ | <div class="hamburger-box"> | ||
+ | <div class="hamburger-inner"></div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </button> --> | ||
+ | <div class="collapse navbar-collapse" id="navbarNavDropdown"> | ||
+ | <ul class="navbar-nav font-2 fs-1"> | ||
+ | <li> | ||
+ | <a href="https://2019.igem.org/Team:Tsinghua"><span class="fa fa-home"></span> Home</a> | ||
+ | |||
+ | </li> | ||
+ | <li> | ||
+ | <a href="JavaScript:void(0)"><span class="fa fa-group"></span> Team</a> | ||
+ | <ul class="dropdown fs-0"> | ||
+ | <li> | ||
+ | <a href="https://2019.igem.org/Team:Tsinghua/Team">Members</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2019.igem.org/Team:Tsinghua/Collaborations">Collaborations</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2019.igem.org/Team:Tsinghua/Notebook">Notebook</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="https://2019.igem.org/Team:Tsinghua/Attributions">Attributions</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2019.igem.org/Team:Tsinghua/Design">Design</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="JavaScript:void(0)"><span class="fa fa-flask"></span> Project</a> | ||
+ | <ul class="dropdown fs-0"> | ||
+ | <li> | ||
+ | <a href="https://2019.igem.org/Team:Tsinghua/Description">Description</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2019.igem.org/Team:Tsinghua/Experiments">Experiments</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2019.igem.org/Team:Tsinghua/Demonstrate">Results</a> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="JavaScript:void(0)"><span class="fa fa-cube"></span> Model</a> | ||
+ | <ul class="dropdown fs-0"> | ||
+ | <li> | ||
+ | <a href="https://2019.igem.org/Team:Tsinghua/Model">Part I</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2019.igem.org/Team:Tsinghua/Model2">Part II</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2019.igem.org/Team:Tsinghua/Model3">Part III</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="JavaScript:void(0)"><span class="fa fa-gears"></span> Parts</a> | ||
+ | <ul class="dropdown fs-0"> | ||
+ | <li> | ||
+ | <a href="https://2019.igem.org/Team:Tsinghua/Improvement">Improvement</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2019.igem.org/Team:Tsinghua/Composite">Composite</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="https://2019.igem.org/Team:Tsinghua/Basic">Basic Part</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="JavaScript:void(0)"><span class="fa fa-male"></span> Human Practices</a> | ||
+ | <ul class="dropdown fs-0"> | ||
+ | <li> | ||
+ | <a href="https://2019.igem.org/Team:Tsinghua/Human_Practices">Overview</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2019.igem.org/Team:Tsinghua/General">General</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2019.igem.org/Team:Tsinghua/Integrated">Integrated</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2019.igem.org/Team:Tsinghua/Safety">Safety</a> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </nav> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <section class="py-0 overflow-hidden"> | ||
+ | <div class="background-holder overlay overlay-2 parallax" style="background-image:url(https://static.igem.org/mediawiki/2019/9/92/T--Tsinghua--subpage2Team.jpg);"> </div> | ||
+ | <!--/.background-holder--> | ||
+ | <div class="container"> | ||
+ | <div class="row align-items-center justify-content-center text-center pt-8 pb-6" style="height: 50vh; min-height: 300px;" data-zanim-timeline="{}" data-zanim-trigger="scroll"> | ||
+ | <div class="col"> | ||
+ | <div class="overflow-hidden"> | ||
+ | <h1 class="color-white fs-5 fs-lg-7" > Design and Implication of Our Logo </h1> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--/.row--> | ||
+ | </div> | ||
+ | <!--/.container--> | ||
+ | </section> | ||
+ | <section class="text-center text-lg-left py-9 background-white"> | ||
+ | <div class="container"> | ||
+ | <div class="row no-gutters"> | ||
+ | <div class="col-md-7 col-lg-4"> | ||
+ | |||
+ | <center> <img align="middle" src="https://static.igem.org/mediawiki/2019/0/0e/T--Tsinghua--design1.png" alt="" /> </center> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <div class="col-lg-8 mt-lg-4 pl-lg-5"> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <h3 class="dropcap">The pattern in the center of this logo represents DNA, which is also the edge of the two modules representing a switch for regulating biochemical reactions positively or negatively. The main tool utilized by our project and the central part – phase separation – is shown by a series of dots (phase).</h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <div class="row no-gutters"> | ||
+ | <div class="col-md-7 col-lg-4"> | ||
+ | |||
+ | <center><img align="middle" src="https://static.igem.org/mediawiki/2019/0/04/T--Tsinghua--design2.png" alt="" /> </center> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <div class="col-lg-8 mt-lg-4 pl-lg-5"> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <h3 class="dropcap">Apart from a switch, these two centrosymmetric figures also indicate cell differentiation, which is an interesting part discussed in our project.</h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div class="row no-gutters mt-8"> | ||
+ | |||
+ | |||
+ | <div class="row my-4 my-lg-6"> | ||
+ | <center> <img align="middle" src="https://static.igem.org/mediawiki/2019/7/73/T--Tsinghua--design3.png" alt="" /> </center> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <h3 class="dropcap">The colored version of the logo symbolizes the utilization of light in our experiment to induce phase separation: </h3> | ||
+ | <div class="row my-4 my-lg-6"> | ||
+ | <center> <img align="middle" src=" https://static.igem.org/mediawiki/2019/f/f3/T--Tsinghua--design4.png" alt="" /></center> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <h3 class="dropcap"> We have also designed different versions of our logo. The loading icon is one of the examples: | ||
+ | </h3> | ||
+ | <div class="row my-4 my-lg-6"> | ||
+ | <center> <img align="middle" src=" https://static.igem.org/mediawiki/2019/0/0a/T--Tsinghua--design5.png" alt="" ></center> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <!--/.row--> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | </section> | ||
+ | <section class="text-center pb-3"> | ||
+ | <div class="background-holder overlay overlay-2" style="background-image:url(https://static.igem.org/mediawiki/2019/f/fb/T--Tsinghua--footimg.png);background-position: top;"> </div> | ||
+ | <!--/.background-holder--> | ||
+ | <div class="container"> | ||
+ | <div class="row justify-content-center"> | ||
+ | <div class="col-12"> | ||
+ | <h4 class="mb-4 color-white">Thanks for your support !</h4> | ||
+ | |||
+ | </div> | ||
+ | <div style="height: 30px;"></div> | ||
+ | <div class ="row"> | ||
+ | |||
+ | <div class="col-2"> | ||
+ | </div> | ||
+ | <div class="col-2"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/f/f2/T--Tsinghua--colab_bitlogo2.png" style="width: 50%;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-2"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/b/bf/T--Tsinghua--colab_pkulogo3.png" style="width:50%;"> | ||
+ | </div> | ||
+ | <div class="col-2"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/1/16/T--Tsinghua--colab_bitlogo3.png" style="width:50%;"> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-2"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/1/12/T--Tsinghua--sj3.jpg" style="width: 50%;"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-2"> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div style="height: 1cm;"></div> | ||
+ | <div class="row"> | ||
+ | <div class="col-3"></div> | ||
+ | <div class="col-2"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/2/2e/T--Tsinghua--colab_pkulogo.png"> | ||
+ | </div> | ||
+ | <div class="col-2"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/4/4a/T--Tsinghua--colab_bitlogo.png"> | ||
+ | </div> | ||
+ | <div class="col-2"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/5/5b/T--Tsinghua--Colab_sj2.png"> | ||
+ | </div> | ||
+ | <div class="col-3"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row mt-8 fs--1"> | ||
+ | <div class="col-lg-auto ml-lg-auto order-lg-2 mb-2 mb-lg-0"> | ||
+ | <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua">Home</a> | ||
+ | <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Team">Team</a> | ||
+ | <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Description">Project</a> | ||
+ | <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Model">Model</a> | ||
+ | <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Improvement">Parts</a> | ||
+ | <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Human_Practices">HP</a> | ||
+ | <a class="d-inline-block mx-2 color-8" href="mailto:igem.thu@outlook.com"><span class="fa fa-envelope"></span> Contact Us</a> | ||
+ | <a class="d-inline-block mx-2 color-8" href="https://2019.igem.org/Team:Tsinghua/Collaborations">Next Page <span class="fa fa-chevron-right"></span></a> | ||
+ | </div> | ||
+ | <div class="col-lg text-lg-left"> | ||
+ | <div class="color-8">© Tsinghua iGEM 2019 | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--/.row--> | ||
+ | |||
+ | <!--/.container--> | ||
+ | </section> | ||
+ | |||
+ | </main> | ||
+ | <!-- --> | ||
+ | <!-- JavaScripts--> | ||
+ | <!-- =============================================--> | ||
+ | <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> --> | ||
+ | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/modernizr.min.js&action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <!-- <script src="assets/lib/jquery/dist/jquery.min.js"></script> --> | ||
+ | <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script> --> | ||
+ | <!-- <script src="assets/lib/bootstrap/dist/js/bootstrap.min.js"></script> --> | ||
+ | <!-- <script src="assets/js/googlemap.js"></script> --> | ||
+ | |||
+ | <!-- <script src="assets/lib/imagesloaded/imagesloaded.pkgd.min.js"></script> --> | ||
+ | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/imagesloaded.pkgd.min.js&action=raw&ctype=text/javascript"></script> | ||
+ | <!-- <script src="assets/lib/jquery-menu-aim/jquery.menu-aim.js"></script> --> | ||
+ | <!-- <script src="assets/lib/gsap/src/minified/TweenMax.min.js"></script> --> | ||
+ | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/TweenMax.min.js&action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <!-- <script src="assets/lib/gsap/src/minified/plugins/ScrollToPlugin.min.js"></script> --> | ||
+ | <!-- <script src="assets/lib/CustomEase.min.js"></script> --> | ||
+ | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/CustomEase.min.js&action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <!-- <script src="assets/js/config.js"></script> --> | ||
+ | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/config.js&action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <!-- <script src="assets/lib/rellax/rellax.min.js"></script> --> | ||
+ | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/rellax.min.js&action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <!-- <script src="assets/js/zanimation.js"></script> --> | ||
+ | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/zanimation.js&action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/inertia.js&action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <!-- <script src="assets/js/inertia.js"></script> --> | ||
+ | <!-- <script src="assets/lib/lightbox2/dist/js/lightbox.js"></script> --> | ||
+ | <!-- <script src="assets/lib/flexslider/jquery.flexslider-min.js"></script> --> | ||
+ | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/jquery.flexslider-min.js&action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <!-- <script src="assets/js/core.js"></script> --> | ||
+ | <!-- <script src="assets/js/main.js"></script> --> | ||
+ | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/main.js&action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/core.js&action=raw&ctype=text/javascript"></script> | ||
+ | <!-- <script src="assets/js/particleanimate.js"></script> --> | ||
+ | <!-- <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/particleanimate.js&action=raw&ctype=text/javascript"></script> --> | ||
+ | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/remodal.js&action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Team:Tsinghua/js/remodal.min.js&action=raw&ctype=text/javascript"></script> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 14:16, 21 October 2019
Design and Implication of Our Logo
The pattern in the center of this logo represents DNA, which is also the edge of the two modules representing a switch for regulating biochemical reactions positively or negatively. The main tool utilized by our project and the central part – phase separation – is shown by a series of dots (phase).