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

Line 39: Line 39:
 
</head>
 
</head>
 
<body class = "am-animation-fade am-animation-delay">
 
<body class = "am-animation-fade am-animation-delay">
−
<nav data-am-sticky>
+
 
−
  <br/>
+
 
 +
<nav class="scrollspy-nav" data-am-scrollspy-nav="{offsetTop: 45}" data-am-sticky>
 
   <ul class="am-avg-sm-7 am-thumbnails mainNav">
 
   <ul class="am-avg-sm-7 am-thumbnails mainNav">
 
     <li class = "navItem">
 
     <li class = "navItem">
−
       <a href="home">
+
       <a href="wiki.html">
−
      <img class="am-thumbnails navPhoto" id = "1" src="https://static.igem.org/mediawiki/2015/4/4a/SJTU-SOFTWARE.1-1.png" />
+
        <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>
+
        <p class = "navPhoto">Home</p>
−
    </a>
+
      </a>
−
</li>
+
    </li>
 
     <li class = "navItem">
 
     <li class = "navItem">
−
    <a href="project">
+
      <a href="project.html">
−
      <img class="am-thumbnails navPhoto" id = "2" src="https://static.igem.org/mediawiki/2015/b/b0/SJTU-SOFTWARE.2-1.png" />
+
        <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>
+
        <p class = "navPhoto">Project</p>
−
    </a>
+
      </a>
 
     </li>
 
     </li>
 
     <li class = "navItem">
 
     <li class = "navItem">
−
    <a href="document">
+
      <a href="document.html">
−
      <img class="am-thumbnails navPhoto" id = "3" src="https://static.igem.org/mediawiki/2015/6/63/SJTU-SOFTWARE.3-1.png" />
+
        <img class="am-thumbnails navPhoto" id = "3" src="https://static.igem.org/mediawiki/2015/6/63/SJTU-SOFTWARE.3-1.png" />
−
    <p class = "navPhoto">&nbsp;Document</p>
+
        <p class = "navPhoto">Document</p>
−
    </a>
+
      </a>
 
     </li>
 
     </li>
 
     <li class = "navItem">
 
     <li class = "navItem">
−
    <a href="requirement">
+
      <a href="requirement.html">
−
      <img class="am-thumbnails navPhoto" id = "4" src="https://static.igem.org/mediawiki/2015/f/fa/SJTU-SOFTWARE.4-2.png" />
+
        <img class="am-thumbnails navPhoto" id = "4" src="https://static.igem.org/mediawiki/2015/f/fa/SJTU-SOFTWARE.4-2.png" />
−
    <p class = "navPhoto">Requirement</p>
+
        <p class = "navPhoto">Requirement</p>
−
    </a>
+
      </a>
 
     </li>
 
     </li>
 
     <li class = "navItem">
 
     <li class = "navItem">
−
       <a href="saftyPolicyconcern">
+
       <a href="saftyPolicyconcern.html">
 
         <img class="am-thumbnails navPhoto" id = "5" src="https://static.igem.org/mediawiki/2015/2/2a/SJTU-SOFTWARE.5-1.png" />
 
         <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>
+
         <p class = "navPhoto">Safty<br/>policy<br/>concern</p>
 
       </a>
 
       </a>
 
     </li>
 
     </li>
 
     <li class = "navItem">
 
     <li class = "navItem">
−
    <a href="humanPractice">
+
      <a href="humanPractice.html">
−
      <img class="am-thumbnails navPhoto" id = "6" src="https://static.igem.org/mediawiki/2015/0/08/SJTU-SOFTWARE.6-1.png" />
+
        <img class="am-thumbnails navPhoto" id = "6" src="https://static.igem.org/mediawiki/2015/0/08/SJTU-SOFTWARE.6-1.png" />
−
    <p class = "navPhoto">Human<br/>practice</p>
+
        <p class = "navPhoto">Human<br/>practice</p>
−
    </a>
+
      </a>
 
     </li>
 
     </li>
 
     <li class = "navItem">
 
     <li class = "navItem">
−
    <a href="team">
+
      <a href="team.html">
−
      <img class="am-thumbnails navPhoto" id = "7" src="https://static.igem.org/mediawiki/2015/b/b7/SJTU-SOFTWARE.7-1.png" />
+
        <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>
+
        <p class = "navPhoto">Team</p>
−
    </a>
+
      </a>
 
     </li>
 
     </li>
 
   </ul>
 
   </ul>
 
</nav>
 
</nav>
  
−
<div id = "home" data-am-scrollspy="{animation: 'slide-top'}">
 
−
  <br/>
 
−
  <div class = "baseTitle">
 
−
    <p>Requirement</p>
 
−
  </div>
 
−
  <div class="base-frame" id = "home">
 
−
    <p class = "panelTitle">Requirement</p>
 
−
    <p>得奖要求，对于每一个要求给出详细叙述是否完成，附上相关文件或者网页链接（hzy）
 
−
这一部分hzy可以直接做了，judging form在网页https://2015.igem.org/Judging/Medals#software上面，然后就可以做成这种样子的：(表现出哪些是铜奖，那些是银奖，那些是金奖)
 
−
    </p>
 
−
  </div>
 
  
−
   <div class = "homeFooter">
+
<div>
−
     <div class = "footLine"></div>
+
   <div class = "awardNav" style = "text-align:center">
−
    <div class = "upperTria"></div>
+
     <img src="奖牌-01.png" usemap = "#awards" />
 +
    <map name = "awards">
 +
      <area shape = "circle" coords = "228 462 160"  href = "JavaScript:" data-am-modal="{target: '#doc-modal-1'}"/>
 +
      <area shape = "circle" coords = "647 462 160"  href = "JavaScript:" data-am-modal="{target: '#doc-modal-2'}"/>
 +
      <area shape = "circle" coords = "1057 462 160"  href = "JavaScript:" data-am-modal="{target: '#doc-modal-3'}"/>
 +
    </map>
 +
            <div class="am-modal am-modal-no-btn" tabindex="-1" id="doc-modal-1">
 +
                <div class="am-modal-dialog" id = "gold">
 +
                  <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
 +
                  <p><b>Human Practice</b></p>
 +
                  <p><b>Collaboration</b></p>
 +
                  <p><b>Improvement</b></p>
 +
                  <p><b>Prototype</b></p>
 +
                </div>
 +
            </div>
 +
            <div class="am-modal am-modal-no-btn" tabindex="-1" id="doc-modal-2">
 +
                <div class="am-modal-dialog">
 +
                  <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
 +
                  <p><b>User Guide</b></p>
 +
                  <p><b>API</b></p>
 +
                  <p><b>Human Practice</b></p>
 +
                </div>
 +
            </div>
 +
            <div class="am-modal am-modal-no-btn" tabindex="-1" id="doc-modal-3">
 +
                <div class="am-modal-dialog">
 +
                  <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
 +
                  <p><b>1-4 表格说明</b></p>
 +
                  <p><b>5 分工</b></p>
 +
                  <p><b>6 软件截图</b></p>
 +
                </div>
 +
            </div>
 
   </div>
 
   </div>
−
   <br/>
+
    
−
</div>
+
−
<div data-am-scrollspy="{animation: 'slide-top'}">
+
−
  <table class="am-table">
+
−
    <thead>
+
−
        <tr>
+
−
            <th>Requirement</th>
+
−
            <th>Completed or not</th>
+
−
            <th>Details</th>
+
−
        </tr>
+
−
    </thead>
+
−
    <tbody>
+
−
        <tr>
+
−
            <td>Register</td>
+
−
            <td>Yes</td>
+
−
            <td>...</td>
+
−
        </tr>
+
−
        <tr>
+
−
            <td>Validation</td>
+
−
            <td>Yes</td>
+
−
            <td><a href = "project#Validaction">Link is here</a></td>
+
−
        </tr>
+
−
        <tr>
+
−
            <td>Human practice</td>
+
−
            <td>Yes</td>
+
−
            <td><a href = "humanPractice">Link is here</a></td>
+
−
        </tr>
+
−
        <tr>
+
−
            <td>...</td>
+
−
            <td>...</td>
+
−
            <td>...</td>
+
−
        </tr>
+
−
    </tbody>
+
−
</table>
+
−
</div>
+
−
 
+
−
 
+
−
<div class = "content">
+
 
</div>
 
</div>
−
<footer>
 
−
  <p> 此处放赞助商 学院</p>
 
−
</footer>
 
 
<!--[if (gte IE 9)|!(IE)]><!-->
 
<!--[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/jqueryMinJs?action=raw&ctype=text/javascript"></script>

Revision as of 17:55, 15 September 2015

Requirement

×

Human Practice

Collaboration

Improvement

Prototype

×

User Guide

API

Human Practice

×

1-4 表格说明

5 分工

6 软件截图