Difference between revisions of "Team:Tongji Software"

Line 1: Line 1:
−
{{Tongji_Software/newcss}}
+
<!doctype html>
−
<html>
+
<html lang="zh" class="no-js">
 
<head>
 
<head>
−
    <title></title>
+
<meta charset="UTF-8">
−
    <link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Tongji_Software/bootstrap_css?action=raw&ctype=text/css">
+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  
−
    <script type="text/javascript" src="https://2019.igem.org/Template:Tongji_Software/jquery?action=raw&ctype=text/javascript"></script>
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
−
    <script type="text/javascript" src="https://2019.igem.org/Template:Tongji_Software/bootstrap_js?action=raw&ctype=text/javascript"></script>
+
<title>TONGJI SOFTWARE</title> <link href="https://2019.igem.org/Template:Tongji_Software/css/font-awesome_min_css?action=raw&ctype=text/css" rel="stylesheet">
−
<style>
+
<link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Tongji_Software/css/default_css?action=raw&ctype=text/css" />
−
        html, body {width:100%;height:100%;}
+
<link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Tongji_Software/css/component_css?action=raw&ctype=text/css" />
−
        .homebg1 {width: 100%;height:100vh;padding: 100px 0;color: #fff;background: url(https://static.igem.org/mediawiki/2019/e/ec/T--Tongji_Software--homebg1.jpeg) no-repeat bottom center;}
+
<link href="https://2019.igem.org/Template:Tongji_Software/css/HomePage_css?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
−
        .homebg2 {width: 100%;height:100vh;padding: 100px 0;color: #000;background: url(https://static.igem.org/mediawiki/2019/3/3e/T--Tongji_Software--homebg2.jpeg) no-repeat bottom center;text-align: center !important}
+
<script src="https://2019.igem.org/Template:Tongji_Software/js/modernizr_custom_js?action=raw&ctype=text/javascript"></script>
−
.homebg3 {width: 100%;height:100vh;padding: 100px 0;color: #fff;background: url(https://static.igem.org/mediawiki/2019/0/07/T--Tongji_Software--homebg3.jpeg) no-repeat bottom center;text-align: center !important}
+
<style>
−
        .my-navbar {padding:20px 0 0 400px;transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;}
+
@-webkit-keyframes fadein {
−
        .my-navbar a{background:transparent !important;color:#FFF !important;}
+
0% {
−
        .my-navbar a:hover {color:#45bcf9 !important;background:transparent;outline:0}
+
opacity: 0;
−
        .my-navbar a {transition: color 0.5s ease-in-out;}
+
background-color: #fff;
−
        .top-nav {padding:20px 0 0 400px;background:#000;}
+
}
−
.dropdownbar a{background-color: #FFF !important;color:#000 !important}
+
100% {
−
.footerbar {padding:20px 0;background-color: #000 !important;color:#FFF !important;text-align: center !important;}
+
opacity: 1;
 +
background-color: #fff;
 +
}
 +
}
  
−
    </style>
+
body {
 +
-webkit-animation-name: fadein;
 +
-webkit-animation-duration: 1s;
 +
-webkit-animation-timing-function: linear;
 +
-webkit-animation-iteration-count: 1; /* 动画只播放一次 */
 +
}
 +
</style>
 
</head>
 
</head>
 
<body>
 
<body>
  
−
<!--menu bar-->
+
<!-- navigation -->
 +
<nav class="pages-nav">
 +
<div class="pages-nav__item"><a class="link link--page" href="#page-home">Home</a></div>
 +
<div class="pages-nav__item"><a class="link link--page" href="#page-team">Team</a></div>
 +
<div class="pages-nav__item"><a class="link link--page" href="#page-project">Project</a></div>
 +
<div class="pages-nav__item"><a class="link link--page" href="#page-safety">Safety</a></div>
 +
<div class="pages-nav__item"><a class="link link--page" href="#page-hp">Human Practices</a></div>
 +
<div class="pages-nav__item"><a class="link link--page" href="#page-edu">Education &amp; Engagement</a></div>
 +
<div class="pages-nav__item"><a class="link link--page" href="#page-model">Model</a></div>
 +
<div class="pages-nav__item"><a class="link link--page" href="#page-medal">medal</a></div>
 +
<div class="pages-nav__item"><a class="JfLink" href="https://igem.org/2019_Judging_Form?id=3094" target="_blank">Judging Form</a></div>
 +
<!-- <div class="pages-nav__item pages-nav__item&#45;&#45;small"><a class="link link&#45;&#45;page link&#45;&#45;faded" href="#page-medal">Medal</a></div>-->
 +
<!-- <div class="pages-nav__item pages-nav__item&#45;&#45;small"><a class="link link&#45;&#45;page link&#45;&#45;faded" href="#page-jf">Judging Form</a></div>-->
 +
<!-- <div class="pages-nav__item pages-nav__item&#45;&#45;small"><a class="link link&#45;&#45;page link&#45;&#45;faded" href="#page-contact">Contact</a></div>-->
 +
<div class="pages-nav__item pages-nav__item--social">
 +
<!-- <a class="link link&#45;&#45;social link&#45;&#45;faded" href="#"><i class="fa fa-twitter"></i><span class="text-hidden">Twitter</span></a>-->
 +
<a class="link link--social link--faded" href="#" style="font-size: 1rem; top: -0.1rem">Contact us</a>
 +
<a class="link link--social link--faded" href="#"><i class="fa fa-twitter"></i><span class="text-hidden">Twitter</span></a>
 +
<a class="link link--social link--faded" href="#"><i class="fa fa-facebook"></i><span class="text-hidden">Facebook</span></a>
 +
<a class="link link--social link--faded" href="#"><i class="fa fa-envelope"></i><span class="text-hidden">LinkedIn</span></a>
 +
<a class="link link--social link--faded" href="#"><i class="fa fa-phone"></i><span class="text-hidden">YouTube</span></a>
 +
</div>
 +
</nav>
 +
<!-- /navigation-->
 +
<!-- pages stack -->
 +
<div class="pages-stack">
 +
<!-- page -->
 +
<div class="page" id="page-home">
 +
<!-- Blueprint header -->
 +
<!--<header class="bp-header cf">
 +
<h1 class="bp-header__title">徐博女装HOME</h1>
 +
<nav class="bp-nav">
 +
</nav>
 +
</header>-->
 +
<!--<img class="poster" src="images/1.jpg" alt="img01" />-->
 +
<!-- -->
 +
<iframe class="html2" src="https://2019.igem.org/Template:Tongji_Software/dist/demo5_html" width="100%" height="100%">
 +
</iframe>
 +
<div id="indexBody">
 +
<h1 id="indexTitle1">PATHWAY SEARCH | ENZYME SELECTION | PARTS BROWSER</h1>
 +
<h1 id="indexTitle2">TONGJI<br> SOFTWARE</h1>
 +
<h1 id="indexTitle3">DESIGN AND OPTIMIZATION FOR PATHWAY</h1>
 +
</div>
 +
</div>
 +
<!-- /pages -->
 +
<div class="page" id="page-team">
 +
<header class="bp-header cf">
 +
<h1 class="bp-header__title">Team</h1>
 +
</header>
  
−
<div class="navbar navbar-fixed-top my-navbar" role="navigation">
+
<img class="poster" src="images/6.jpg" alt="img06" />
−
<div class="container-fluid">
+
</div>
  
−
<div class="navbar-header">
+
<div class="page" id="page-project">
−
<a class="navbar-brand">PathLab</a>
+
<!-- <header class="bp-header cf">-->
−
</div>
+
<!-- <h1 class="bp-header__title">Contact</h1>-->
  
−
<div class="collapse navbar-collapse" id="example-navbar-collapse">
+
<!-- </header>-->
 +
<!-- <img class="poster" src="images/4.jpg" alt="img04" />-->
 +
<iframe class="html2" src="https://2019.igem.org/Template:Tongji_Software/dist/ProjectIndex_html" width="100%" height="100%">
 +
</iframe>
 +
</div>
  
−
<ul class="nav navbar-nav">
+
<div class="page" id="page-safety">
 +
<header class="bp-header cf">
 +
<h1 class="bp-header__title">Safety</h1>
 +
</header>
 +
<img class="poster" src="images/2.jpg" alt="img02" />
 +
</div>
  
−
<li><a href="https://2019.igem.org/Team:Tongji_Software">Home</a></li>
+
<div class="page" id="page-hp">
 +
<header class="bp-header cf">
 +
<h1 class="bp-header__title">Human Practices</h1>
  
−
<li class="dropdown">
+
</header>
−
<a class="dropdown-toggle" data-toggle="dropdown">Team<span class="caret"></span></a>
+
<img class="poster" src="images/3.jpg" alt="img03" />
−
<ul class="dropdown-menu dropdownbar">
+
</div>
−
<li><a href="https://2019.igem.org/Team:Tongji_Software/Team">Team Members</a></li>
+
−
<li><a href="https://2019.igem.org/Team:Tongji_Software/Attributions">Attribution</a>
+
−
</ul>
+
−
</li>        
+
−
+
−
<li class="dropdown">
+
−
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Project<span class="caret"></span></a>
+
−
<ul class="dropdown-menu dropdownbar">
+
−
<li><a href="https://2019.igem.org/Team:Tongji_Software/Description">Description</a></li>
+
−
<li><a href="https://2019.igem.org/Team:Tongji_Software/Design">Design</a></li>
+
−
<li><a href="https://2019.igem.org/Team:Tongji_Software/Notebook">Notebook</a></li>
+
−
<li><a href="https://2019.igem.org/Team:Tongji_Software/Contribution">Contribution</a></li>
+
−
<li><a href="https://2019.igem.org/Team:Tongji_Software/Results">Results</a></li>
+
−
<li><a href="https://2019.igem.org/Team:Tongji_Software/Demonstrate">Demonstrate</a></li>
+
−
<li><a href="https://2019.igem.org/Team:Tongji_Software/Improve">Improve</a></li>
+
−
<li><a href="https://2019.igem.org/Team:Tongji_Software/Collaborations">Collaboration</a></li>
+
−
</ul>
+
−
</li>
+
  
−
<li><a href="https://2019.igem.org/Team:Tongji_Software/Safety">Safety</a></li>
+
<div class="page" id="page-edu">
−
<li><a href="https://2019.igem.org/Team:Tongji_Software/Human_Practices">Human Practices</a></li>
+
<header class="bp-header cf">
−
<li><a href="https://2019.igem.org/Team:Tongji_Software/Public_Engagement">Education & Engagement</a></li>
+
<h1 class="bp-header__title">Education &amp; Engagement</h1>
−
<li><a href="https://2019.igem.org/Team:Tongji_Software/Model">Model</a></li>
+
</header>
−
<li><a href="https://2019.igem.org/Team:Tongji_Software/Medal">Medal</a></li>
+
<img class="poster" src="images/4.jpg" alt="img04" />
−
<li><a href="https://igem.org/2019_Judging_Form?team=Tongji_Software">Judging Form</a></li>
+
</div>
  
−
</ul>
+
<div class="page" id="page-model">
−
           
+
<header class="bp-header cf">
−
</div>
+
<h1 class="bp-header__title">Model</h1>
−
</div>
+
</header>
−
</div>
+
<img class="poster" src="images/5.jpg" alt="img05" />
 +
</div>
  
−
    <script>
+
<div class="page" id="page-medal">
−
        $(window).scroll(function () {
+
<header class="bp-header cf">
−
            if ($(".navbar").offset().top > 50) {$(".navbar-fixed-top").addClass("top-nav");
+
<h1 class="bp-header__title">Medal</h1>
−
            }else {$(".navbar-fixed-top").removeClass("top-nav");}
+
</header>
−
        })</script>
+
<img class="poster" src="images/6.jpg" alt="img06" />
−
 
+
</div>
−
<!--content-->
+
−
 
+
−
<div class="homebg1">   
+
−
<p style="padding:150px 0 5px 1000px"><font size="7">PathLab</font></p>
+
−
<p style="padding:10px 0 5px 1000px"><font size="4">brief introduction</font></p>
+
−
</div>
+
−
+
−
<div class="homebg2" style="text-align:center">
+
−
<p>problems while building a pathway to get products</p>
+
−
<p>brief introduction</p>
+
−
</div>
+
−
+
−
<div class="homebg3" style="text-align:center">
+
−
<p>pathlab solve the problems</p>
+
−
<p>brief introduction</p>
+
−
</div>
+
−
+
−
<div class="footer footerbar" style="text-align:center">
+
−
<p>CONTACT:Tongji_Software</p>
+
−
<p>ADDRESS:1239# Siping Road,Tongji University,Shanghai China</p>
+
−
</div>
+
  
  
 +
</div>
 +
<!-- /pages-stack -->
 +
<!-- <button class="menu-button"><span>Menu</span></button>-->
 +
<button class="menu-button">
 +
<div>
 +
<span class="menu-button-span"></span>
 +
<span>
 +
<div class="menu-button-word">MENU</div>
 +
</span>
 +
</div>
 +
</button>
 +
<script src="https://2019.igem.org/Template:Tongji_Software/js/classie_js?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2019.igem.org/Template:Tongji_Software/js/main_js?action=raw&ctype=text/javascript"></script>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 13:36, 4 October 2019

<!doctype html> TONGJI SOFTWARE

PATHWAY SEARCH | ENZYME SELECTION | PARTS BROWSER

TONGJI
SOFTWARE

DESIGN AND OPTIMIZATION FOR PATHWAY

Team

img06

Safety

img02

Human Practices

img03

Education & Engagement

img04

Model

img05

Medal

img06