Difference between revisions of "Team:Tongji Software"

 
(159 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<html lang="zh" class="no-js">
+
{{Tongji_Software/CSS}}
 +
<html>
 +
 
 
<head>
 
<head>
<meta charset="UTF-8">
+
    <link rel="stylesheet" href="https://2019.igem.org/Template:Tongji_Software/css/default_css?action=raw&ctype=text/css">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
    <style>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
        *::-webkit-scrollbar {
<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">
+
            display: none;
<link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Tongji_Software/css/default_css?action=raw&ctype=text/css" />
+
        }
<link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Tongji_Software/css/component_css?action=raw&ctype=text/css" />
+
       
<link href="https://2019.igem.org/Template:Tongji_Software/css/HomePage_css?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
+
        #indexTitle1 {
<script src="https://2019.igem.org/Template:Tongji_Software/js/modernizr_custom_js?action=raw&ctype=text/javascript"></script>
+
            /*background-color: antiquewhite;*/
<style>
+
            width: 100%;
 +
            float: left;
 +
            position: absolute;
 +
            margin: 10vh 0vw 0vh 0vw;
 +
            font-size: 1.75vh;
 +
            /* font-family: "Cambria"; */
 +
            font-weight: bold;
 +
            cursor: default;
 +
            color: white;
 +
            letter-spacing: 2px;
 +
            text-shadow: 0 0 25px #fff;
 +
        }
 +
       
 +
        #indexTitle2 {
 +
            /*background-color: antiquewhite;*/
 +
            width: 5vh;
 +
            float: left;
 +
            position: absolute;
 +
            /* position: relative; */
 +
            margin: 13vh 0vw 0vh 0vw;
 +
            font-size: 7vh;
 +
            /* font-family: "Cambria"; */
 +
            font-weight: bold;
 +
            cursor: default;
 +
            color: white;
 +
            text-shadow: 0 0 25px #fff;
 +
            /*color:#ffffff;*/
 +
            letter-spacing: 5px;
 +
            line-height: 7vh;
 +
        }
 +
       
 +
        #indexTitle3 {
 +
            /*background-color: antiquewhite;*/
 +
            width: 100%;
 +
            float: left;
 +
            position: absolute;
 +
            margin: 29vh 0vw 0vh 0vw;
 +
            font-size: 1.75vh;
 +
            /* font-family: "Cambria"; */
 +
            font-weight: bold;
 +
            cursor: default;
 +
            color: white;
 +
            letter-spacing: 2px;
 +
            text-shadow: 0 0 25px #fff;
 +
        }
 +
       
 +
        .findMore1 {
 +
            position: absolute;
 +
            float: left;
 +
            left: 4vw;
 +
            top: 80vh;
 +
        }
 +
       
 +
        .findmore2 {
 +
            list-style-type: none;
 +
        }
 +
       
 +
        ul {
 +
            list-style-image: none;
 +
        }
 +
       
 +
        a:hover,
 +
        a:focus {
 +
            transform: translateY(0)
 +
        }
 +
    </style>
  
@-webkit-keyframes fadein {
+
</head>
0% {
+
opacity: 0;
+
background-color: #fff;
+
}
+
100% {
+
opacity: 1;
+
background-color:  #fff;
+
}
+
}
+
  
body {
 
-webkit-animation-name: fadein;
 
-webkit-animation-duration: 1s;
 
-webkit-animation-timing-function: linear;
 
-webkit-animation-iteration-count: 1; /* 动画只播放一次 */
 
}
 
</style>
 
</head>
 
 
<body>
 
<body>
 +
    <script type="text/javascript" src="https://2019.igem.org/Template:Tongji_Software/dist/vendors_js?action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2019.igem.org/Template:Tongji_Software/dist/demo5_js?action=raw&ctype=text/javascript"></script>
  
<!-- 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="./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>
 
  
<img class="poster" src="images/6.jpg" alt="img06" />
 
</div>
 
  
<div class="page" id="page-project">
+
    <div style="position:absolute; margin:26vh 0vw 0vh 5.5vw; width:50vw; color:white">
<!-- <header class="bp-header cf">-->
+
        <div id="indexTitle1">PATHWAY SEARCH | ENZYME SELECTION | PARTS BROWSER</div>
<!-- <h1 class="bp-header__title">Contact</h1>-->
+
        <div id="indexTitle2">TONGJI<br> SOFTWARE</div>
 +
        <div id="indexTitle3">DESIGN AND OPTIMIZATION FOR PATHWAY</div>
 +
    </div>
 +
    <div class="findMore1">
 +
        <ul class="findmore2">
 +
            <li class="findMore3"><a href="http://www.pathlab.top/">START USING Pathlab</a></li>
 +
        </ul>
 +
    </div>
  
<!-- </header>-->
+
</body>
<!-- <img class="poster" src="images/4.jpg" alt="img04" />-->
+
<!-- <iframe class="html2" src="./dist/demo5.html" width="100%" height="100%">-->
+
<!-- </iframe>-->
+
</div>
+
  
<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>
 
 
<div class="page" id="page-hp">
 
<header class="bp-header cf">
 
<h1 class="bp-header__title">Human Practices</h1>
 
 
</header>
 
<img class="poster" src="images/3.jpg" alt="img03" />
 
</div>
 
 
<div class="page" id="page-edu">
 
<header class="bp-header cf">
 
<h1 class="bp-header__title">Education &amp; Engagement</h1>
 
</header>
 
<img class="poster" src="images/4.jpg" alt="img04" />
 
</div>
 
 
<div class="page" id="page-model">
 
<header class="bp-header cf">
 
<h1 class="bp-header__title">Model</h1>
 
</header>
 
<img class="poster" src="images/5.jpg" alt="img05" />
 
</div>
 
 
<div class="page" id="page-medal">
 
<header class="bp-header cf">
 
<h1 class="bp-header__title">Medal</h1>
 
</header>
 
<img class="poster" src="images/6.jpg" alt="img06" />
 
</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>
 
 
</html>
 
</html>

Latest revision as of 02:45, 22 October 2019

Tongji Software | Pathlab

PATHWAY SEARCH | ENZYME SELECTION | PARTS BROWSER
TONGJI
SOFTWARE
DESIGN AND OPTIMIZATION FOR PATHWAY