Difference between revisions of "Team:NEFU China/Software"

m
m
Line 1: Line 1:
−
<!DOCTYPE HTML>
+
<!DOCTYPE html>
−
<html>
+
<html lang="en">
−
<head>
+
  <head>
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
−
     <title>iGEM Wiki Builder - Demo Template</title>
+
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
     <meta name="viewport" content="width=device-width, initial-scale=1">
−
     <meta name="description" content="">
+
     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
−
     <meta name="author" content="">
+
     <title>Flight iGEM</title>
  
−
     <link href="/Public/4template/scripts/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+
    <!-- Bootstrap -->
−
     <link href="/Public/4template/scripts/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">
+
     <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
 +
     <link href="https://2015.igem.org/Team:NEFU_China/jquery.fullPage.css?action=raw&ctype=text/css" rel="stylesheet">
  
−
     <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
+
     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 +
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 
     <!--[if lt IE 9]>
 
     <!--[if lt IE 9]>
−
       <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+
       <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 +
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
     <![endif]-->
 
     <![endif]-->
 +
    <style type="text/css">
 +
    body{
 +
    text-align: justify;
 +
    }
 +
      .section h2{
 +
        text-align: center;
 +
        padding-bottom: 5px;
 +
        position: relative;
 +
        line-height: 80px;
 +
        color: white;
 +
      }
 +
      .section h2 em{
 +
        display: block;
 +
        border-width: 10px;
 +
        position: absolute;
 +
        bottom: -10px;
 +
        left: 50%;
 +
        border-style: solid dashed dashed;
 +
        border-color: transparent transparent #F7931E transparent;
 +
        font-size: 0;
 +
        line-height: 0;
 +
      }
 +
      .section .navbar {
 +
        margin-bottom: 120px;
 +
        position: absolute;
 +
        top: 0;
 +
        width: 100%;
 +
      }
 +
      .logo-container{
 +
        height: 160px;
 +
        background-color: #F7931E;
 +
        width: 100px;
 +
        position: absolute;
 +
        left: 20px;
 +
      }
 +
      .logo {
 +
        display: block;
 +
        font-size: 1.2em;
 +
        margin-top: 125px;
 +
        text-align: center;
 +
        color: white;
 +
      }
 +
      @media (max-width: 768px) {
 +
        .logo-container {
 +
          display: none;
 +
        }
 +
      }
 +
      .sub-container div {
 +
        margin-top: 40px;
 +
      }
 +
      .sub-container .msg {
 +
        background-color: #f2f2f2;
 +
        position: relative;
 +
        min-height: 250px;
 +
        padding: 15px;
 +
        display: block;
 +
      }
 +
      .chart-msg {
 +
        padding: 15px;
 +
        padding-left: 30px;
 +
      }
 +
      .sub-container .img{
 +
        display: block;
 +
      }
 +
      .sub-container .msg em {
 +
        position: absolute;
 +
        border-width: 10px;
 +
        font-size: 0;
 +
        line-height: 0;
 +
      }
 +
      .msg .right{
 +
        top: 50%;
 +
        right: -20px;
 +
        border-style: dashed solid solid dashed;
 +
        border-color: transparent transparent transparent #f2f2f2;
 +
      }
 +
      .msg .left{
 +
        top: 50%;
 +
        left: -20px;
 +
        border-style: dashed solid solid dashed;
 +
        border-color: transparent #f2f2f2 transparent transparent;
 +
      }
 +
      .msg .up{
 +
        top: -20px;
 +
        left: 50%;
 +
        border-style: dashed solid solid dashed;
 +
        border-color: transparent transparent #f2f2f2 transparent;
 +
      }
 +
      .fp-controlArrow .fp-prev{
 +
        border-color: transparent gray transparent transparent;
 +
      }
 +
      .fp-controlArrow .fp-next{
 +
        border-color: transparent transparent transparent gray;
 +
      }
 +
      #section-1{
 +
        background: -webkit-gradient(linear, top left, bottom left, from(#4bbfc3), to(#7baabe));
 +
        background: -webkit-linear-gradient(#4BBFC3, #7BAABE);
 +
        background: linear-gradient(#4BBFC3,#7BAABE);
 +
      }
 +
    </style>
 +
  <link href="https://2015.igem.org/Team:NEFU_China/cleariGEM.css?action=raw&ctype=text/css" rel="stylesheet" /> </head>
 +
  <body>
 +
    <div id="fullpage">
 +
      <div class="section" id="section-1">
 +
        <nav class="navbar navbar-inverse">
 +
          <div class="logo-container"><span class="logo">Flight iGEM</span></div>
 +
          <h2>Facts<em></em></h2>
 +
        </nav>
 +
        <h2 style="text-align:center;">Attitudes towards creating a wiki</h2>
 +
        <div class="container">
 +
          <div class="row">
 +
            <div class="sub-container">
 +
              <div class="col-xs-6 col-md-6">
 +
                <canvas id="slide-canvas-1"></canvas>
 +
              </div>
 +
              <div class="col-xs-6 col-md-6 chart-msg">
 +
                <p>According to a survey conducted by us, we found that most teams agrees the thesis that creating wiki is a difficult or tedious work to finish with high quality especially when time is very limited. So, we&rsquo;d like to make some changes.</p>
  
−
    <!-- Icons -->
+
<p>*You can see all raw data by click <a href="http://www.wenjuan.com/r/QF3QnyK?pid=55f01be9f7405b0c34569df1&amp;vcode=d3452b2f6d3f5f4e009805e3520d4512">this(English version)</a> or visit <a href="http://wj.qq.com/survey.html?type=survey&amp;id=133554&amp;hash=369e">this(Chinese version)</a>.</p>
−
    <link href="/Public/4template/scripts/icons/general/stylesheets/general_foundicons.css" media="screen" rel="stylesheet" type="text/css" /> 
+
              </div>
−
    <link href="/Public/4template/scripts/icons/social/stylesheets/social_foundicons.css" media="screen" rel="stylesheet" type="text/css" />
+
−
    <!--[if lt IE 8]>
+
−
        <link href="scripts/icons/general/stylesheets/general_foundicons_ie7.css" media="screen" rel="stylesheet" type="text/css" />
+
−
        <link href="scripts/icons/social/stylesheets/social_foundicons_ie7.css" media="screen" rel="stylesheet" type="text/css" />
+
−
    <![endif]-->
+
−
 
+
−
<!--
+
−
    <link href="http://fonts.googleapis.com/css?family=Chewy" rel="stylesheet" type="text/css">
+
−
    <link href="http://fonts.googleapis.com/css?family=Abel" rel="stylesheet" type="text/css">
+
−
    <link href="http://fonts.googleapis.com/css?family=Terminal+Dosis+Light" rel="stylesheet" type="text/css">
+
−
    <link href="http://fonts.googleapis.com/css?family=Maven+Pro" rel="stylesheet" type="text/css">
+
−
-->
+
−
    <link href="/Public/4template/styles/custom.css" rel="stylesheet" type="text/css" />
+
−
</head>
+
−
<body id="pageBody">
+
−
 
+
−
<div id="divBoxed" class="container">
+
−
 
+
−
    <div class="transparent-bg" style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;zoom: 1;"></div>
+
−
 
+
−
    <div class="divPanel notop nobottom">
+
−
            <div class="row-fluid">
+
−
                <div class="span12">
+
−
 
+
−
                    <div id="divLogo">
+
−
                        <a href="index.html" id="divSiteTitle">iGEM Wiki Builder</a><br />
+
−
                        <a href="index.html" id="divTagLine">Demo Template</a>
+
−
                    </div>
+
−
 
+
−
            </div>
+
−
            </div> 
+
−
            <div class="row-fluid">
+
−
                <div class="span12">
+
−
   
+
−
                    <div id="divMenuRight" class="pull-right">
+
−
                    <div class="navbar">
+
−
                        <button type="button" class="btn btn-navbar-highlight btn-large btn-primary" data-toggle="collapse" data-target=".nav-collapse">
+
−
                            NAVIGATION <span class="icon-chevron-down icon-white"></span>
+
−
                        </button>
+
−
                        <div class="nav-collapse collapse">
+
−
                            <ul class="nav nav-pills ddmenu">
+
−
                                <li class="dropdown"><a href="index.html">Home</a></li>
+
−
                                <li class="dropdown active"><a href="#">Demo</a></li>
+
−
                            </ul>
+
−
                        </div>
+
−
                    </div>
+
−
                    </div>
+
−
 
+
−
            </div>
+
 
             </div>
 
             </div>
−
 
+
          </div>
−
            <div class="row-fluid">
+
        </div>
−
                <div class="span12">
+
      </div>
−
                    <div id="contentInnerSeparator"></div>
+
      <div class="section">
−
                 </div>
+
        <nav class="navbar navbar-inverse">
 +
          <div class="logo-container"><span class="logo">Flight iGEM</span></div>
 +
          <h2>Online Collaboration<em></em></h2>
 +
        </nav>
 +
        <div class="container">
 +
          <div class="row">
 +
            <div class="sub-container">
 +
              <div class="col-xs-6 col-md-6" style="text-align:center;">
 +
                <img src="imgs/igemwiki.png">
 +
              </div>
 +
              <div class="col-xs-6 col-md-6 msg">
 +
                 <em class="left"></em>
 +
                <p></p>
 +
              </div>
 
             </div>
 
             </div>
−
    </div>
+
          </div>
−
 
+
        </div>
−
    <div class="contentArea">
+
      </div>
−
 
+
      <div class="section">
−
         <div class="divPanel notop page-content">
+
         <nav class="navbar navbar-inverse">
−
 
+
          <div class="logo-container"><span class="logo">Flight iGEM</span></div>
−
             <div class="breadcrumbs">
+
          <h2>Magical render<em></em></h2>
−
                 <a href="index.html">Home</a> &nbsp;/&nbsp; <span>Simple</span>
+
        </nav>
 +
        <div class="container">
 +
          <div class="row">
 +
             <div class="sub-container">
 +
              <div class="col-xs-6 col-md-6" style="text-align:center;">
 +
                 <img src="imgs/fly.png">
 +
              </div>
 +
              <div class="col-xs-6 col-md-6 msg">
 +
                <em class="left"></em>
 +
                <p></p>
 +
              </div>
 
             </div>
 
             </div>
−
 
+
          </div>
−
            <div class="row-fluid">
+
        </div>
−
                <div class="span8" id="divMain">
+
      </div>
−
<h1>Welcome</h1>
+
      <div class="section">
−
                    <p><p>Welcome you to use Flight iGEM</p>
+
        <nav class="navbar navbar-inverse">
−
</p><h1>Version Control</h1>
+
          <div class="logo-container"><span class="logo">Flight iGEM</span></div>
−
                    <p><p>aaa</p>
+
          <h2>Deadline alarm<em></em></h2>
−
 
+
        </nav>
−
<p><img alt="" src="https://static.igem.org/mediawiki/2015/1/16/NameUploadedFiles.png" style="height:100px; width:100px" /></p>
+
        <div class="container">
−
</p>                </div>
+
          <div class="row">
−
                <div class="span4 sidebar">
+
            <div class="sub-container">
−
 
+
              <div class="col-xs-12 col-md-12" style="text-align:center;">
−
                    <div class="sidebox">
+
                <img src="imgs/deadline.png">
−
                        <h3 class="sidebox-title">Sample Sidebar Content</h3>
+
              </div>
−
                        <p>Lorem Ipsum is simply dummy text of the printing and <a href="http://www.oswt.co.uk/">typesetting industry</a>. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.</p>                      
+
              <div class="col-xs-12 col-md-12 msg">
−
                    </div>
+
                <em class="up"></em>
−
                   
+
                <p></p>
−
                </div>
+
              </div>
 
             </div>
 
             </div>
−
 
+
          </div>
−
            <div id="footerInnerSeparator"></div>
+
 
         </div>
 
         </div>
−
    </div>
+
      </div>
−
 
+
      <div class="section">
−
    <div id="footerOuterSeparator"></div>
+
         <nav class="navbar navbar-inverse">
−
 
+
          <div class="logo-container"><span class="logo">Flight iGEM</span></div>
−
    <div id="divFooter" class="footerArea">
+
          <h2>What's for the iGEM competition?<em></em></h2>
−
 
+
        </nav>
−
         <div class="divPanel">
+
        <div class="container">
−
 
+
          <div class="raw">
−
            <div class="row-fluid">
+
            <div class="sub-container">
−
                <div class="span3" id="footerArea1">
+
              <div class="col-xs-12 col-md-12 msg">
−
               
+
                <p></p>
−
                    <h3>About Company</h3>
+
              </div>
−
 
+
−
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.</p>
+
−
                   
+
−
                    <p>
+
−
                        <a href="#" title="Terms of Use">Terms of Use</a><br />
+
−
                        <a href="#" title="Privacy Policy">Privacy Policy</a><br />
+
−
                        <a href="#" title="FAQ">FAQ</a><br />
+
−
                        <a href="#" title="Sitemap">Sitemap</a>
+
−
                    </p>
+
−
 
+
−
                </div>
+
−
                <div class="span3" id="footerArea2">
+
−
 
+
−
                    <h3>Recent Blog Posts</h3>
+
−
                    <p>
+
−
                        <a href="http://www.oswt.co.uk/" title="">Lorem Ipsum is simply dummy text</a><br />
+
−
                        <span style="text-transform:none;">2 hours ago</span>
+
−
                    </p>
+
−
                    <p>
+
−
                        <a href="http://www.oswt.co.uk/" title="">Duis mollis, est non commodo luctus</a><br />
+
−
                        <span style="text-transform:none;">5 hours ago</span>
+
−
                    </p>
+
−
                    <p>
+
−
                        <a href="http://www.oswt.co.uk/" title="">Maecenas sed diam eget risus varius</a><br />
+
−
                        <span style="text-transform:none;">19 hours ago</span>
+
−
                    </p>
+
−
                    <p>
+
−
                        <a href="http://www.oswt.co.uk/" title="">VIEW ALL POSTS</a>
+
−
                    </p>
+
−
 
+
−
                </div>
+
−
                <div class="span3" id="footerArea3">
+
−
 
+
−
                    <h3>Sample Footer Content</h3>
+
−
                    <p>Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
+
−
                    <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
+
−
 
+
−
                </div>
+
−
                <div class="span3" id="footerArea4">
+
−
 
+
−
                    <h3>Get in Touch</h3> 
+
−
                                                             
+
−
                    <ul id="contact-info">
+
−
                    <li>                                   
+
−
                        <i class="general foundicon-phone icon"></i>
+
−
                        <span class="field">Phone:</span>
+
−
                        <br />
+
−
                        (123) 456 7890 / 456 7891                                                                     
+
−
                    </li>
+
−
                    <li>
+
−
                        <i class="general foundicon-mail icon"></i>
+
−
                        <span class="field">Email:</span>
+
−
                        <br />
+
−
                        <a href="mailto:info@yourdomain.com" title="Email">info@yourdomain.com</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <i class="general foundicon-home icon" style="margin-bottom:50px"></i>
+
−
                        <span class="field">Address:</span>
+
−
                        <br />
+
−
                        123 Street<br />
+
−
                        12345 City, State<br />
+
−
                        Country
+
−
                    </li>
+
−
                    </ul>
+
−
 
+
−
                </div>
+
 
             </div>
 
             </div>
−
 
+
          </div>
−
            <br /><br />
+
−
            <div class="row-fluid">
+
−
                <div class="span12">
+
−
                    <p class="copyright">
+
−
                        Copyright © 2013 Your Company. All Rights Reserved. More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a>
+
−
                    </p>
+
−
 
+
−
                    <p class="social_bookmarks">
+
−
                        <a href="#"><i class="social foundicon-facebook"></i> Facebook</a>
+
−
<a href="https://twitter.com/oswt"><i class="social foundicon-twitter"></i> Twitter</a>
+
−
<a href="#"><i class="social foundicon-pinterest"></i> Pinterest</a>
+
−
<a href="#"><i class="social foundicon-rss"></i> Rss</a>
+
−
                    </p>
+
−
                </div>
+
−
            </div>
+
−
 
+
 
         </div>
 
         </div>
 +
      </div>
 
     </div>
 
     </div>
−
</div>
+
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
−
<br /><br /><br />
+
    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
−
 
+
    <!-- Include all compiled plugins (below), or include individual files as needed -->
−
<script src="scripts/jquery-1.8.2.min.js" type="text/javascript"></script>  
+
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
−
<script src="scripts/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
+
    <!--<script src="js/jquery.easings.min.js"></script>-->
−
<script src="scripts/default.js" type="text/javascript"></script>
+
    <script src="https://2015.igem.org/Team:NEFU_China/jquery.fullPage.min.js?action=raw&ctype=text/javascript"></script>
−
 
+
    <script src="https://2015.igem.org/Team:NEFU_China/Chart.min.js?action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript">
 +
    $(document).ready(function() {
 +
      $('#fullpage').fullpage({
 +
        anchors: ['intro', 'collaboration', 'builder', 'deadline', '4igem'],
 +
        navigation: true,
 +
        navigationPosition: 'right',
 +
        menu: '#menu',
 +
        css3: true,
 +
        scrollingSpeed: 666,
 +
        navigationTooltips: ['Some facts about creating a wiki', 'Second page', 'Third and last page']
 +
      });
  
 +
      $('#showExamples').click(function(e){
 +
        e.stopPropagation();
 +
        e.preventDefault();
 +
        $('#examplesList').toggle();
 +
      });
  
 +
      $('html').click(function(){
 +
        $('#examplesList').hide();
 +
      });
  
 +
      var chart1 = {
 +
        labels : ['hard', 'tedious', 'not difficult', 'pleasant'],
 +
        datasets : [
 +
          {
 +
            fillColor:"rgba(220,220,220,0.5)",
 +
            strokeColor:"rgba(220,220,220,0.8)",
 +
            highlightFill:"rgba(220,220,220,0.75)",
 +
            highlightStroke:"rgba(220,220,220,1)",
 +
            data: [17, 22, 5, 2],
 +
          }
 +
        ]
 +
      }
 +
     
  
−
</body>
+
      var ctx_1 = document.getElementById("slide-canvas-1").getContext("2d");
 +
      window.myBar = new Chart(ctx_1).Bar(chart1, {responsive: true});
 +
    });
 +
    </script>
 +
  </body>
 
</html>
 
</html>

Revision as of 16:20, 10 September 2015

<!DOCTYPE html> Flight iGEM

Attitudes towards creating a wiki

According to a survey conducted by us, we found that most teams agrees the thesis that creating wiki is a difficult or tedious work to finish with high quality especially when time is very limited. So, we’d like to make some changes.

*You can see all raw data by click this(English version) or visit this(Chinese version).