Difference between revisions of "Team:SJTU-Software/humanPractice"

(Blanked the page)
 
(48 intermediate revisions by the same user not shown)
Line 1: Line 1:
  
<html class="no-js">
 
<head>
 
  <meta charset="utf-8">
 
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
  <meta name="description" content="">
 
  <meta name="keywords" content="">
 
  <meta name="viewport"
 
        content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 
  <title>Human practice</title>
 
 
  <!-- Set render engine for 360 browser -->
 
  <meta name="renderer" content="webkit">
 
 
  <!-- No Baidu Siteapp-->
 
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
 
 
  <link rel="icon" type="image/png" href="assets/i/favicon.png">
 
 
  <!-- Add to homescreen for Chrome on Android -->
 
  <meta name="mobile-web-app-capable" content="yes">
 
  <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">
 
 
  <!-- Add to homescreen for Safari on iOS -->
 
  <meta name="apple-mobile-web-app-capable" content="yes">
 
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
 
  <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
 
  <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
 
 
  <!-- Tile icon for Win8 (144x144 + tile color) -->
 
  <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
 
  <meta name="msapplication-TileColor" content="#0e90d2">
 
 
  <link rel="stylesheet" type="text/css"  href="https://2015.igem.org/Template:SJTU-Software/amazeuiMinCss?action=raw&ctype=text/css">
 
  <link rel="stylesheet" type="text/css"  href="https://2015.igem.org/Template:SJTU-Software/loadingCss?action=raw&ctype=text/css">
 
  <link rel="stylesheet" type="text/css"  href="https://2015.igem.org/Template:SJTU-Software/wikiCss?action=raw&ctype=text/css">
 
  <link rel="stylesheet" type="text/css"  href="https://2015.igem.org/Template:SJTU-Software/humanPracticeCss?action=raw&ctype=text/css">
 
  <link rel="stylesheet" type="text/css"  href="https://2015.igem.org/Template:SJTU-Software/mainCss?action=raw&ctype=text/css">
 
</head>
 
<body class = "am-animation-fade">
 
<div data-am-widget="gotop" class="am-gotop am-gotop-fixed">
 
  <a href="#top" title="">
 
    <img class="am-gotop-icon-custom" src="https://static.igem.org/mediawiki/2015/6/6c/SJTU-SOFTWARE.gototop.png"
 
    />
 
  </a>
 
</div>
 
<nav data-am-sticky>
 
  <br/>
 
  <ul class="am-avg-sm-7 am-thumbnails mainNav">
 
    <li class = "navItem">
 
      <a href="home">
 
      <img class="am-thumbnails navPhoto" id = "1" src="https://static.igem.org/mediawiki/2015/4/4a/SJTU-SOFTWARE.1-1.png" />
 
    <p class = "navPhoto">Home</p>
 
    </a>
 
</li>
 
    <li class = "navItem">
 
    <a href="project">
 
      <img class="am-thumbnails navPhoto" id = "2" src="https://static.igem.org/mediawiki/2015/b/b0/SJTU-SOFTWARE.2-1.png" />
 
    <p class = "navPhoto">Project</p>
 
    </a>
 
    </li>
 
    <li class = "navItem">
 
    <a href="document">
 
      <img class="am-thumbnails navPhoto" id = "3" src="https://static.igem.org/mediawiki/2015/6/63/SJTU-SOFTWARE.3-1.png" />
 
    <p class = "navPhoto">Document</p>
 
    </a>
 
    </li>
 
    <li class = "navItem">
 
    <a href="requirement">
 
      <img class="am-thumbnails navPhoto" id = "4" src="https://static.igem.org/mediawiki/2015/d/d0/SJTU-SOFTWARE.4-1.png" />
 
    <p class = "navPhoto">Requirement</p>
 
    </a>
 
    </li>
 
    <li class = "navItem">
 
      <a href="saftyPolicyconcern">
 
        <img class="am-thumbnails navPhoto" id = "5" src="https://static.igem.org/mediawiki/2015/2/2a/SJTU-SOFTWARE.5-1.png" />
 
        <p class = "navPhoto">Safety<br/>policy<br/>concern</p>
 
      </a>
 
    </li>
 
    <li class = "navItem">
 
    <a href="humanPractice">
 
      <img class="am-thumbnails navPhoto" id = "6" src="https://static.igem.org/mediawiki/2015/d/da/SJTU-SOFTWARE.6-2.png" />
 
    <p class = "navPhoto">Human<br/>practice</p>
 
    </a>
 
    </li>
 
    <li class = "navItem">
 
    <a href="team">
 
      <img class="am-thumbnails navPhoto" id = "7" src="https://static.igem.org/mediawiki/2015/b/b7/SJTU-SOFTWARE.7-1.png" />
 
    <p class = "navPhoto">Team</p>
 
    </a>
 
    </li>
 
  </ul>
 
</nav>
 
 
<div id = "home" data-am-scrollspy="{animation: 'slide-top'}">
 
  <div class = "baseTitle">
 
    <p>Human practice</p>
 
  </div>
 
  <div class="base-frame" id = "home">
 
    <p class = "panelTitle">Human practice</p>
 
    <p>这里放一段这一页的概述比较好
 
    </p>
 
  </div>
 
 
  <div class = "homeFooter">
 
    <div class = "footLine"></div>
 
    <div class = "upperTria"></div>
 
  </div>
 
  <br/>
 
</div>
 
 
<div>
 
<svg style="width: 960px; height: 500px; margin:auto;">
 
  <g sketch:type="MSLayerGroup" transform="translate(60.000000, 43.000000)">
 
    <g  transform="translate(286.000000, 0.000000)" sketch:type="MSShapeGroup">
 
      <path d="M455.5,289.5 L54.5,49.5" id="Line-2" stroke="#FFFFFF" stroke-linecap="square"></path>
 
      <a >
 
        <circle id="judgement" fill="#FFFFFF" cx="54" cy="54" r="54"></circle>
 
        <text x="10" y="60" fill="#323232">Judgement</text>
 
      </a>
 
      <animateMotion path="M-42,-24.307911999999988 C-42,-19.107375999999988 -37,-21.281033999999977 -29,-16.201842999999997 C-24,-12.08880499999998 -45,-8.526651000000015 -49,-16.201842 C-50,-18.004745000000014 -51,-19.389835000000005 -52,-20.008031000000017 C-54,-23.25796600000001 -54,-25.802278 -52,-31.685527999999977 C-49,-38.576809000000026 -42,-29.508447999999987 -42,-24.307999999999993 Z" begin="0s" dur="4s" repeatCount="indefinite" />
 
    </g>
 
    <g  transform="translate(178.000000, 49.000000)" sketch:type="MSShapeGroup">
 
      <path d="M-129.5,351.5 L162.5,0.5" id="Line" stroke="#FFFFFF" stroke-linecap="square"></path>
 
      <a >
 
        <circle id="team" fill="#FFFFFF" cx="-130" cy="350" r="54"></circle>
 
        <text x="-150" y="355" fill="#323232">Team</text>
 
      </a>
 
      <animateMotion path="M-45,-24.657893 C-45,-19.457357000000002 -49,-2.4715909999999894 -42,2.607599999999991 C-37,6.720638000000008 -45,-8.526651000000015 -49,-16.201842 C-50,-18.004745000000014 -51,-19.389835000000005 -52,-20.008031000000017 C-54,-23.25796600000001 -54,-25.802278 -52,-31.685527999999977 C-49,-38.576809000000026 -45,-29.858429 -45,-24.657893 Z" begin="0s" dur="3s" repeatCount="indefinite" />
 
    </g>
 
    <g  transform="translate(487.000000, 102.000000)" sketch:type="MSShapeGroup">
 
      <a>
 
        <circle id="note" fill="#FFFFFF" cx="254" cy="189" r="54"></circle>
 
        <text x="235" y="195" fill="#323232">Note</text>
 
      </a>
 
      <animateMotion path="M-45,-12.043274999999994 C-40,-9.31977999999998 -41,-8.822219000000018 -36,-16.114518999999973 C-34,-18.192774999999983 -31,-30.690308000000016 -34,-33.48888899999997 C-38,-36.28747099999998 -44,-23.412378999999987 -54,-23.412378999999987 C-58,-23.412378999999987 -55,-38.39289200000002 -49,-36.85762399999999 C-39,-34.16849000000002 -50,-14.766770000000008 -45,-12.043274999999994 Z" begin="0s" dur="4s" repeatCount="indefinite" />
 
    </g>
 
  </g>
 
</svg>
 
</div>
 
<div class = "am-g project">
 
  <nav class = "am-u-sm-2 navs">
 
    <ul class="am-thumbnails subNav fixed-nav am-animation-slide-left am-animation-delay-1" id = "ul1">
 
      <li class = "subNavItem">
 
        <a class="subNavItem" data-am-collapse="{target: '#collapse-nav'}" >Assessing Your Project</a>
 
        <nav>
 
        <ul id="collapse-nav" class="am-nav am-collapse ">
 
          <li class = "ayrNav" id = "ayr1"><a href = "#AYR" class = "scrollNav">Risk Assessment</a></li>
 
          <li class = "ayrNav" id = "ayr2"><a href = "#AYR" class = "scrollNav">Feasibility Assessment</a></li>
 
          <li class = "ayrNav" id = "ayr3"><a href = "#AYR" class = "scrollNav">End-User Considerations</a></li>
 
          <li class = "ayrNav" id = "ayr4"><a href = "#AYR" class = "scrollNav">Social Justice</a></li>
 
        </ul>
 
        </nav>
 
      </li>
 
      <li class = "subNavItem">
 
        <a class="subNavItem" data-am-collapse="{target: '#collapse-nav1'}">Helping the Practice of <br/>Science and Engineering</a>
 
        <nav>
 
        <ul id="collapse-nav1" class="am-nav am-collapse ">
 
          <li class = "hpceNav" id = "hpce1"><a href = "#HPCE" class = "scrollNav">Law and Regulation</a></li>
 
          <li class = "hpceNav" id = "hpce2"><a href = "#HPCE" class = "scrollNav">Safety</a></li>
 
          <li class = "hpceNav" id = "hpce3"><a href = "#HPCE" class = "scrollNav">Security</a></li>
 
        </ul>
 
        </nav>
 
      </li>
 
      <li><a class="subNavItem scrollNav"  href = "#PE">Public Engagement</a></li>
 
      <li><a class="subNavItem scrollNav"  href = "#CWW">Cooperate with wetlab<br/>(SYSU, BIO-X, TJU)</a></li>
 
    </ul>
 
  </nav>
 
  <div class = "am-u-sm-10 project-content" data-am-scrollspy="{animation: 'slide-left'}">
 
    <a name = "AYR" id = "AYR"></a>
 
    <hr class = "border-line"/>
 
    <div class = "ayrContent">
 
      <p class = "am-animation-fade ayr1">Risk Assessment</br>
 
        Our database is based on the IGEM official database which is opened for everyone, and our own database doesn’t come down to the tort.
 
The idea and software are original works, we never copy others work.
 
Our project is no isolated with any violence, eroticism and other opposite forces.
 
      </p>
 
      <p class = "am-animation-fade ayr2">Feasibility Assessment
 
Our project reforms the database which is provided by the IGEM official website.
 
The algorithm is associated with the latest paper and the former experience. And it has been associated with lots of lab testification.
 
We did the User Survey (From the amateurs to the Professors)for three times to make sure the satisfaction and convenience of our project.
 
All the icon on UI is designed by ourselves from a researcher view, thus our project is more competitive than others.
 
      </p>
 
      <p class = "am-animation-fade ayr3">End-User Considerations
 
Our software is aimed to the IGEMers and all the researchers who are interested in the synthetic biology.
 
It’s free
 
Web application
 
UI is designed user-friendly
 
      </p>
 
      <p class = "am-animation-fade ayr4">铭姐没有给
 
      </p>
 
    </div>
 
  </div>
 
 
  <div class = "am-u-sm-10 project-content" data-am-scrollspy="{animation: 'slide-left'}">
 
    <a name = "HPCE" id = "HPCE"></a>
 
    <hr class = "border-line"/>
 
    <div class = "hpceContent">
 
      <p class = "am-animation-fade hpce1">铭姐没给
 
      </p>
 
      <p class = "am-animation-fade hpce2">铭姐没给
 
      </p>
 
      <p class = "am-animation-fade hpce3">Security
 
Our software is free to everyone but we will do the users survey by e-mail to collect the main purpose and satisficing information
 
      </p>
 
    </div>
 
  </div>
 
  <div class = "am-u-sm-10 project-content" data-am-scrollspy="{animation: 'slide-left'}">
 
    <a name = "PE" id = "PE"></a>
 
    <hr class = "border-line"  />
 
    <div class = "peContent"><p class ="am-animation-fade">暂时没有</p>
 
    </div>
 
  </div>
 
  <div class = "am-u-sm-10 project-content" data-am-scrollspy="{animation: 'slide-left'}">
 
    <a name = "CWW" id = "CWW"></a>
 
    <hr class = "border-line"/>
 
    <div class = "cwwContent"><p class = "am-animation-fade">暂时没有</p>
 
    </div>
 
  </div>
 
</div>
 
 
<div class = "content">
 
</div>
 
<footer>
 
  <p> 此处放赞助商 学院</p>
 
</footer>
 
<!--[if (gte IE 9)|!(IE)]><!-->
 
<script src="https://2015.igem.org/Template:SJTU-Software/jqueryMinJs?action=raw&ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Template:SJTU-Software/niceScrollJs?action=raw&ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Template:SJTU-Software/loadingJs?action=raw&ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Template:SJTU-Software/humanPracticeJs?action=raw&ctype=text/javascript"></script>
 
<!--<![endif]-->
 
<!--[if lte IE 8 ]>
 
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
 
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
 
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
 
<![endif]-->
 
<script src="https://2015.igem.org/Template:SJTU-Software/amazeuiMinJs?action=raw&ctype=text/javascript"></script>
 
</body>
 
</html>
 

Latest revision as of 23:39, 18 September 2015