Difference between revisions of "Team:SYSU-Software"

Line 21: 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" />
    
+
    <div class="ui page dimmer">
 +
    <div class="content">
 +
      Hello
 +
    </div>
 +
   </div>
 +
  <div class="pusher">
 
     <div class="full height">
 
     <div class="full height">
 
       <div class="following bar">
 
       <div class="following bar">
Line 27: Line 32:
 
           <div class="ui large secondary menu">
 
           <div class="ui large secondary menu">
 
             <div class="item">
 
             <div class="item">
               <img id="logo" src="https://static.igem.org/mediawiki/2018/6/62/T--SYSU-Software--logo.png" />
+
               <img id="logo" src="images/logo.png" />
 
             </div>
 
             </div>
 
             <a class="item default text" id="home" data-value="1">Home</a>
 
             <a class="item default text" id="home" data-value="1">Home</a>
             <div class="ui dropdown link item" id="Project">
+
             <div class="ui dropdown link item" id="Project"></div>
              <!-- <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 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 47: Line 42:
 
             <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 54: Line 50:
 
       <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>
+
             <video id="home-video" src="./home.mp4" preload="true" autoplay muted style="object-fit: cover"></video>
            <div class="header2">Test</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>
+
 
+
            <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" name="testa"> $ \alpha $ 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 id="Improve"></li>
+
         <li class="scroll" id="Contribution"></li>
         <li id="Demostrate"></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="ui bottom sticky next-page">
 +
        <div class="sticky-navigator lastpage">上一页</div>
 +
        <div class="sticky-navigator top">回到顶部</div>
 +
        <div class="sticky-navigator nextpage">下一页</div>
 +
      </div>
 
     </div>
 
     </div>
 +
 
   </div>
 
   </div>
 +
 +
  
 
<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>

Revision as of 18:07, 15 October 2018

Hello