Difference between revisions of "Team:SYSU-Software"

 
(41 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{ SYSU-Software }}
 
 
<html>
 
<html>
−
 
+
<div class="pusher">
−
<head>
+
−
  <meta charset="UTF-8">
+
−
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no, minimal-ui">
+
−
  <title>Index</title>
+
−
 
+
 
   <script src="https://2018.igem.org/wiki/index.php?title=Template:SYSU-Software/statics/js/jquery.min.js&action=raw&ctype=text/javascript"></script>
 
   <script src="https://2018.igem.org/wiki/index.php?title=Template:SYSU-Software/statics/js/jquery.min.js&action=raw&ctype=text/javascript"></script>
 
   <script src="https://2018.igem.org/wiki/index.php?title=Template:SYSU-Software/statics/js/semantic.min.js&action=raw&ctype=text/javascript"></script>
 
   <script src="https://2018.igem.org/wiki/index.php?title=Template:SYSU-Software/statics/js/semantic.min.js&action=raw&ctype=text/javascript"></script>
 +
 +
<script type="text/x-mathjax-config">
 +
MathJax.Hub.Config({
 +
  tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
 +
});
 +
</script>
 +
 +
<script src="https://2018.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> </script>
  
 
   <!-- FKPageTransitions Javascript file -->
 
   <!-- FKPageTransitions Javascript file -->
Line 19: Line 21:
 
   <link href="https://2018.igem.org/wiki/index.php?title=Template:SYSU-Software/statics/css/global.css&action=raw&ctype=text/css" rel="stylesheet" />
 
   <link href="https://2018.igem.org/wiki/index.php?title=Template:SYSU-Software/statics/css/global.css&action=raw&ctype=text/css" rel="stylesheet" />
 
   <link href="https://2018.igem.org/wiki/index.php?title=Template:SYSU-Software/statics/css/index.css&action=raw&ctype=text/css" rel="stylesheet" />
 
   <link href="https://2018.igem.org/wiki/index.php?title=Template:SYSU-Software/statics/css/index.css&action=raw&ctype=text/css" rel="stylesheet" />
−
</head>
 
  
−
<body>
+
 
 +
<div class="ui page inverted dimmer">
 +
    <div class="content">
 +
      <img id="loading" src="https://static.igem.org/mediawiki/2018/1/18/T--SYSU-Software--loading.gif" />
 +
      <div class="ui progress" id="page-process">
 +
        <div class="bar">
 +
          <div class="progress"></div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 
   <div class="pusher">
 
   <div class="pusher">
 
     <div class="full height">
 
     <div class="full height">
 
       <div class="following bar">
 
       <div class="following bar">
 
         <div class="ui container">
 
         <div class="ui container">
−
           <div class="ui large secondary menu inverted">
+
           <div class="ui large secondary menu">
 
             <div class="item">
 
             <div class="item">
−
               <img id="logo" src="images/logo.png" />
+
               <img id="logo" src="https://static.igem.org/mediawiki/2018/6/62/T--SYSU-Software--logo.png" />
−
            </div>
+
−
            <a class="item" id="home" data-value="1">Home</a>
+
−
            <div class="ui dropdown link item" id="Project">
+
−
              <!-- <div class="default text">Project</div>
+
−
              <div class="menu">
+
−
                <div class="item" style="color: white !important;" data-value="1">Description</div>
+
−
                <div class="item" style="color: white !important;" data-value="2">Design</div>
+
−
                <div class="item" style="color: white !important;" data-value="3">Feature</div>
+
−
                <div class="item" style="color: white !important;" data-value="4">Techniques</div>
+
−
                <div class="item" style="color: white !important;" data-value="5">Validation</div>
+
−
                <div class="item" style="color: white !important;" data-value="6">Demo</div>
+
−
              </div> -->
+
 
             </div>
 
             </div>
 +
            <a class="item default text" id="home" data-value="1">Home</a>
 +
            <div class="ui dropdown link item" id="Project"></div>
 
             <div class="ui dropdown link item" id="Modeling"></div>
 
             <div class="ui dropdown link item" id="Modeling"></div>
 
             <div class="ui dropdown link item" id="HumanPractice"></div>
 
             <div class="ui dropdown link item" id="HumanPractice"></div>
Line 48: Line 49:
 
             <div class="ui dropdown link item" id="Medal"></div>
 
             <div class="ui dropdown link item" id="Medal"></div>
 
             <div class="ui dropdown link item" id="Team"></div>
 
             <div class="ui dropdown link item" id="Team"></div>
 +
            <div class="ui dropdown link item" id="Safety"></div>
 
             <div class="ui dropdown link item" id="Attributions"></div>
 
             <div class="ui dropdown link item" id="Attributions"></div>
 
           </div>
 
           </div>
Line 55: Line 57:
 
       <ul class="myfkpage">
 
       <ul class="myfkpage">
 
         <li id="virtual"></li>
 
         <li id="virtual"></li>
−
         <li id="Home">
+
         <li class="noscroll" id="Home">
 
           <div class="page-container">
 
           <div class="page-container">
−
             <div class="header1">Project</div>
+
             <a href="javascript:void(0)">
−
            <div class="header2">Test</div>
+
               <video id="home-video" style="object-fit: cover" src="https://static.igem.org/mediawiki/2018/f/f7/T--SYSU-Software--startnow.mov"
−
 
+
                 preload="auto" muted></video>
−
            <div class="content">Use the form below to upload files. To view or search previously uploaded files go to
+
             </a>
−
              the list of uploaded files,
+
−
              (re)uploads are also logged in the upload log, deletions in the deletion log.</div>
+
−
 
+
−
            <img src="images/Pr-De-4.png" />
+
−
 
+
−
            <br />
+
−
            <div class="ui divider"></div><br />
+
−
 
+
−
            <div class="content">Use the form below to upload files. To view or search previously uploaded files go to
+
−
               the list of uploaded files,
+
−
              (re)uploads are also logged in the upload log, deletions in the deletion log.</div>
+
−
 
+
−
            <div class="ui cards">
+
−
              <div class="card">
+
−
                <div class="image">
+
−
                  <img src="images/Pr-De-4.png" />
+
−
                </div>
+
−
                <div class="content">
+
−
                  <div class="ui center header">My Picture</div>
+
−
                  <div class="description">
+
−
                    Use the form below to upload files. To view or search previously uploaded files go to
+
−
                    the list of uploaded files,
+
−
                    (re)uploads are also logged in the upload log, deletions in the deletion log.
+
−
                  </div>
+
−
                </div>
+
−
              </div>
+
−
 
+
−
              <div class="card">
+
−
                <div class="image">
+
−
                  <img src="images/Pr-De-4.png" />
+
−
                </div>
+
−
                <div class="content">
+
−
                  <div class="ui center header">My Picture</div>
+
−
                  <div class="description">
+
−
                    Use the form below to upload files. To view or search previously uploaded files go to
+
−
                    the list of uploaded files,
+
−
                    (re)uploads are also logged in the upload log, deletions in the deletion log.
+
−
                  </div>
+
−
                </div>
+
−
              </div>
+
−
 
+
−
              <div class="card">
+
−
                <div class="image">
+
−
                  <img src="images/Pr-De-4.png" />
+
−
                 </div>
+
−
                <div class="content">
+
−
                  <div class="ui center header">My Picture</div>
+
−
                  <div class="description">
+
−
                    Use the form below to upload files. To view or search previously uploaded files go to
+
−
                    the list of uploaded files,
+
−
                    (re)uploads are also logged in the upload log, deletions in the deletion log.
+
−
                  </div>
+
−
                </div>
+
−
              </div>
+
−
             </div>
+
−
 
+
−
            <div class="content">Use the form below to upload files. To view or search previously uploaded files go to
+
−
              the list of uploaded files,
+
−
              (re)uploads are also logged in the upload log, deletions in the deletion log.</div>
+
 
           </div>
 
           </div>
 
         </li>
 
         </li>
 
         <!-- Project -->
 
         <!-- Project -->
−
         <li id="Description"></li>
+
         <li class="scroll" id="Description"></li>
−
         <li id="Design"></li>
+
         <li class="scroll" id="Design"></li>
−
         <li id="Feature"></li>
+
         <li class="scroll" id="Feature"></li>
−
         <li id="Techniques"></li>
+
         <li class="scroll" id="Techniques"></li>
−
         <li id="Validation"></li>
+
         <li class="scroll" id="Validation"></li>
−
         <li id="Demo"></li>
+
         <li class="scroll" id="Demo"></li>
 +
        <li class="scroll" id="Contribution"></li>
 +
        <li class="scroll" id="Improve"></li>
 +
        <li class="scroll" id="Demostrate"></li>
 
         <!-- Modeling -->
 
         <!-- Modeling -->
−
         <li id="Modeling-Overview"></li>
+
         <li class="scroll" id="Modeling-Overview"></li>
−
         <li id="Searching-Engine"></li>
+
         <li class="scroll" id="Recommendation"></li>
−
         <li id="Simulation-Circuits"></li>
+
         <li class="scroll" id="Simulation-Circuits"></li>
−
         <li id="Evolution-Algorithm"></li>
+
         <li class="scroll" id="Evolution-Algorithm"></li>
−
         <li id="Reference"></li>
+
         <li class="scroll" id="Reference"></li>
 
         <!-- Human Practice -->
 
         <!-- Human Practice -->
−
         <li id="HP-Overview"></li>
+
         <li class="scroll" id="HP-Overview"></li>
−
         <li id="HP-Siliver"></li>
+
         <li class="scroll" id="HP-Siliver"></li>
−
         <li id="HP-Gold"></li>
+
         <li class="scroll" id="HP-Gold"></li>
−
         <li id="Human-Practice"></li>
+
         <li class="scroll" id="Human-Practice"></li>
−
         <li id="Public-Engagement"></li>
+
         <li class="scroll" id="Public-Engagement"></li>
 
         <!-- Collaboration -->
 
         <!-- Collaboration -->
−
         <li id="XMU"></li>
+
         <li class="scroll" id="XMU"></li>
−
         <li id="SCUT"></li>
+
         <li class="scroll" id="SCUT"></li>
−
         <li id="WHU"></li>
+
         <li class="scroll" id="WHU"></li>
−
         <li id="SYSU"></li>
+
         <li class="scroll" id="SYSU"></li>
 
         <!-- Interlab -->
 
         <!-- Interlab -->
−
         <li id="I-Overview"></li>
+
         <li class="scroll" id="I-Overview"></li>
−
         <li id="Experiment"></li>
+
         <li class="scroll" id="Experiment"></li>
−
         <li id="Material-Methods"></li>
+
         <li class="scroll" id="Material-Methods"></li>
−
         <li id="Results"></li>
+
         <li class="scroll" id="Results"></li>
 +
        <!-- Safety -->
 +
        <li class="scroll" id="Wet-Lab"></li>
 +
        <li class="scroll" id="Dry-Lab"></li>
 
         <!-- Medal -->
 
         <!-- Medal -->
−
         <li id="Medal-Overview"></li>
+
         <li class="scroll" id="Medal-Overview"></li>
−
         <li id="Medal-Bronze"></li>
+
         <li class="scroll" id="Medal-Bronze"></li>
−
         <li id="Medal-Sliver"></li>
+
         <li class="scroll" id="Medal-Sliver"></li>
−
         <li id="Medal-Gold"></li>
+
         <li class="scroll" id="Medal-Gold"></li>
 
         <!-- Team -->
 
         <!-- Team -->
−
         <li id="T-Overview"></li>
+
         <li class="scroll" id="T-Overview"></li>
−
         <li id="Members"></li>
+
         <li class="scroll" id="Members"></li>
−
         <li id="Advisors"></li>
+
         <li class="scroll" id="Advisors"></li>
−
         <li id="Instructors"></li>
+
         <li class="scroll" id="Instructors"></li>
−
         <li id="Notebook"></li>
+
         <li class="scroll" id="Notebook"></li>
−
        <li id="Notebook"></li>
+
 
         <!-- Attributions -->
 
         <!-- Attributions -->
−
         <li id="A-Overview"></li>
+
         <li class="scroll" id="A-Overview"></li>
−
         <li id="Group"></li>
+
         <li class="scroll" id="Group"></li>
−
         <li id="Attribution"></li>
+
         <li class="scroll" id="Attribution"></li>
−
         <li id="Acknowlegement"></li>
+
         <li class="scroll" id="Acknowlegement"></li>
 +
 
 
       </ul>
 
       </ul>
−
       <!-- <div class="ui bottom sticky">123</div> -->
+
       <div class="side-bar">
 +
        <div class="sticky-navigator lastpage"><img src="https://static.igem.org/mediawiki/2018/4/4c/T--SYSU-Software--lastpage.png"><span
 +
            class="navigator-notice">Last Page</span></div>
 +
        <div class="sticky-navigator top"><img src="https://static.igem.org/mediawiki/2018/0/0d/T--SYSU-Software--top.png"><span
 +
            class="navigator-notice">Go top</span></div>
 +
        <div class="sticky-navigator nextpage"><img src="https://static.igem.org/mediawiki/2018/5/56/T--SYSU-Software--naextpage.png"><span
 +
            class="navigator-notice">Next Page</span></div>
 +
      </div>
 
     </div>
 
     </div>
 +
 
   </div>
 
   </div>
−
</body>
+
 
  
 
<script src="https://2018.igem.org/wiki/index.php?title=Template:SYSU-Software/statics/js/loader.js&action=raw&ctype=text/javascript"></script>
 
<script src="https://2018.igem.org/wiki/index.php?title=Template:SYSU-Software/statics/js/loader.js&action=raw&ctype=text/javascript"></script>
 
<script src="https://2018.igem.org/wiki/index.php?title=Template:SYSU-Software/statics/js/navigator.js&action=raw&ctype=text/javascript"></script>
 
<script src="https://2018.igem.org/wiki/index.php?title=Template:SYSU-Software/statics/js/navigator.js&action=raw&ctype=text/javascript"></script>
 
<script src="https://2018.igem.org/wiki/index.php?title=Template:SYSU-Software/statics/js/index.js&action=raw&ctype=text/javascript"></script>
 
<script src="https://2018.igem.org/wiki/index.php?title=Template:SYSU-Software/statics/js/index.js&action=raw&ctype=text/javascript"></script>
−
 
+
<script src="https://2018.igem.org/wiki/index.php?title=Template:SYSU-Software/statics/js/iGemOverride.js&action=raw&ctype=text/javascript"></script>
−
 
+
−
 
+
−
<!-- script>
+
−
 
+
−
//使用FKPageTransitions插件
+
−
var testing = $('#pt-main').FKPageTransitions({
+
−
  // 常规设置
+
−
  mode: 25, //0淡入 1在右 2上下 .... 详情参考说明
+
−
  slideSelector: '', //指定子元素的对象[一般不指定]
+
−
  infiniteLoop: true, //是否循环
+
−
  speed: 5000, //速度[毫秒]
+
−
  easing: null, //动画曲线
+
−
  //startSlide: 2, //开始页ID
+
−
  slideZIndex: 50, //初始z-index数
+
−
  responsive: true, //绑定resize事件
+
−
  wrapperClass: 'fk-page-wrapper', //主框架类名
+
−
 
+
−
  //鼠标设置
+
−
  mouseWheel:true, //是否支持滚轮
+
−
  wheelThreshold:2, //灵敏度阀值
+
−
 
+
−
  // 触摸设置
+
−
  swipeThreshold: 50, //灵敏度阀值
+
−
  preventDefaultSwipeX: true, //左右拉
+
−
  preventDefaultSwipeY: false, //上下拉
+
−
 
+
−
  pagerunstat:false, //是否在翻页动画进行时禁止页面内元素动画渲染
+
−
 
+
−
  // 回调设置
+
−
  // 加载完成时回调
+
−
  onSliderLoad: function(currentIndex){
+
−
    alert('滑块完成加载。当前页码为：'+currentIndex+' ，单击“确定”按钮继续！');
+
−
  },
+
−
  // 在每动画过渡开始前回调
+
−
  onSlideBefore: function(newIndex,oldIndex,newElement,oldElement){
+
−
    console.log(index_obj);
+
−
    alert('幻灯片动画效果过渡开始。要进入的页码为：'+newIndex+' 当前页码为：'+oldIndex+' 新页DOM对象输出在控制台！');
+
−
  },
+
−
  // 在每动画过渡结束后回调
+
−
  onSlideAfter: function(newIndex,oldIndex,newElement,oldElement){
+
−
    console.log(prev_obj);
+
−
    alert('幻灯片动画效果过渡完毕。当前页码为：'+newIndex+' 之前页码为：'+oldIndex+' 当前页DOM对象输出在控制台！');
+
−
  },
+
−
  // 下一页时回调
+
−
  onSlideNext: function(newIndex,oldIndex,newElement,oldElement){
+
−
    console.log(prev_obj);
+
−
    alert('你的操作是[下一页]。当前页码为：'+newIndex+' 之前页码为：'+oldIndex+' 当前页DOM对象输出在控制台！');
+
−
  },
+
−
  // 上一页时回调
+
−
  onSlidePrev: function(newIndex,oldIndex,newElement,oldElement){
+
−
    console.log(index_obj);
+
−
    alert('你的操作是[上一页]。当前页码为：'+newIndex+' 之前页码为：'+oldIndex+' 当前页DOM对象输出在控制台！');
+
−
  },
+
−
  // 窗口发生变化时回调[responsive=true]
+
−
  onSliderResize: function(currentIndex) {
+
−
    //slider.settings.onSliderResize.call(el, slider.active.index);
+
−
    console.log('页面大小有变化。当前页码为：'+currentIndex);
+
−
  }
+
−
});
+
−
 
+
−
var cindex = 37;
+
−
//myttttt动态设置新的翻页效果（0-37）
+
−
function myttttt(){
+
−
  if (cindex<0) cindex =37;
+
−
  var tmp = testing.setSlideMode(cindex);
+
−
  console.log('设置翻页效果ID为：'+tmp);
+
−
  testing.goToNextSlide(); //下一页
+
−
  cindex --;
+
−
}
+
−
console.log('查看FKPageTransitions对象：')
+
−
console.log(testing);
+
−
 
+
−
</script -->
+
  
 
</html>
 
</html>

Latest revision as of 19:50, 17 October 2018

Home
Last Page
Go top
Next Page