Difference between revisions of "Team:SYSU CHINA"

Line 1: Line 1:
 
{{SYSU_CHINA}}
 
{{SYSU_CHINA}}
 
<html>
 
<html>
 
+
  <div id="fullpage">
 
+
    <section class="section sui-l-fullpage cover" style="display: block;">
 
+
      <div class="logo-wrapper" style="background-image: url(https://static.igem.org/mediawiki/2015/archive/c/c8/20150901012042%21Sui_logo_black.gif);"></div>
 
+
    </section>
<div id="fullpage">
+
   
     
+
    <section class="section sui-l-fullpage cover cell-clock">
      <section class="section sui-l-fullpage cover" style="display: block;">
+
      <img class="element cell anim-slow" src="https://static.igem.org/mediawiki/2015/5/5d/Sui_coli2.png" alt="">
        <div class="logo-wrapper" style="background-image: url(https://static.igem.org/mediawiki/2015/archive/c/c8/20150901012042%21Sui_logo_black.gif);">
+
      <img class="element clock anim-slow" src="https://static.igem.org/mediawiki/2015/8/8a/Sui_clock1.png" alt="">
[[File:Sui_logo_black.gif]]
+
      <img class="element cell-clock-res" src="https://static.igem.org/mediawiki/2015/3/39/Sui_merge.png" alt="">
</div>
+
    </section>
      </section>
+
   
     
+
    <section class="section sui-l-fullpage cover" style="text-align: center;">
      <section class="section sui-l-fullpage cover cell-clock">
+
      <div class="svg-wrapper" style="display:inline-block; vertical-align: middle; width: 960px; height: 500px;">
        <img class="element cell" src="https://static.igem.org/mediawiki/2015/5/5d/Sui_coli2.png" alt="">
+
        <svg id="svg-menu" style="width: 960px; height: 500px;">
        <img class="element clock" src="https://static.igem.org/mediawiki/2015/8/8a/Sui_clock1.png" alt="">
+
          <g id="Group" sketch:type="MSLayerGroup" transform="translate(60.000000, 43.000000)">
        <img class="element cell-clock-res" src="https://static.igem.org/mediawiki/2015/3/39/Sui_merge.png" alt="">
+
            <g id="p5" transform="translate(0.000000, 193.000000)" sketch:type="MSShapeGroup">
      </section>
+
            <path d="M52.5,53.5 L231.5,205.5" id="Line" stroke="#FFFFFF" stroke-linecap="square"></path>
     
+
            <a xlink:href="/Team:SYSU_CHINA/Project"><circle id="project" fill="#FFFFFF" cx="54" cy="54" r="54">
      <section class="section sui-l-fullpage cover" style="text-align: center;">
+
              </circle>
        <div class="svg-wrapper" style="display:inline-block; vertical-align: middle; width: 960px; height: 500px;">
+
            <text x="30" y="60" fill="#323232">Project</text></a>
          <svg id="svg-menu" style="width: 960px; height: 500px;">
+
            <animateMotion path="M-44,-9 C-54,-9 -57,-14 -52,-24 C-47,-33 -33,-8 -29,-5 C-25,-1 -17,1 -15,-5 C-12,-12 -34,-9 -44,-9 Z" begin="0s" dur="3s" repeatCount="indefinite" />
            <g id="Group" sketch:type="MSLayerGroup" transform="translate(60.000000, 43.000000)">
+
            </g>
              <g id="p5" transform="translate(0.000000, 193.000000)" sketch:type="MSShapeGroup">
+
            <g id="p4" transform="translate(286.000000, 0.000000)" sketch:type="MSShapeGroup">
              <path d="M52.5,53.5 L231.5,205.5" id="Line" stroke="#FFFFFF" stroke-linecap="square"></path>
+
            <path d="M255.5,289.5 L54.5,49.5" id="Line-2" stroke="#FFFFFF" stroke-linecap="square"></path>
              <a xlink:href="/Team:SYSU_CHINA/Project"><circle id="project" fill="#FFFFFF" cx="54" cy="54" r="54">
+
            <a xlink:href="#wait"><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 id="p2" transform="translate(178.000000, 49.000000)" sketch:type="MSShapeGroup">
 +
            <path d="M56.5,351.5 L162.5,0.5" id="Line" stroke="#FFFFFF" stroke-linecap="square"></path>
 +
            <a xlink:href="#wait"><circle id="team" fill="#FFFFFF" cx="54" cy="350" r="54"></circle>
 +
            <text x="30" 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 id="p3" transform="translate(487.000000, 102.000000)" sketch:type="MSShapeGroup">
 +
              <a xlink:href="#wait"><circle id="note" fill="#FFFFFF" cx="54" cy="189" r="54"></circle>
 +
              <text x="35" y="195" fill="#323232">Note</text></a>
 +
            <path d="M54.5,187.5 L281.5,0.5" id="Line-3" stroke="#FFFFFF" stroke-linecap="square"></path>
 +
            <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 id="p7" sketch:type="MSShapeGroup">
 +
              <a xlink:href="#wait"><circle id="wait" fill="#FFFFFF" sketch:type="MSShapeGroup" cx="762" cy="108" r="54">
 
                 </circle>
 
                 </circle>
               <text x="30" y="60" fill="#323232">Project</text></a>
+
               <text x="746" y="115" fill="#323232">Safety</text></a>
 
               <animateMotion path="M-44,-9 C-54,-9 -57,-14 -52,-24 C-47,-33 -33,-8 -29,-5 C-25,-1 -17,1 -15,-5 C-12,-12 -34,-9 -44,-9 Z" begin="0s" dur="3s" repeatCount="indefinite" />
 
               <animateMotion path="M-44,-9 C-54,-9 -57,-14 -52,-24 C-47,-33 -33,-8 -29,-5 C-25,-1 -17,1 -15,-5 C-12,-12 -34,-9 -44,-9 Z" begin="0s" dur="3s" repeatCount="indefinite" />
 
               </g>
 
               </g>
               <g id="p4" transform="translate(286.000000, 0.000000)" sketch:type="MSShapeGroup">
+
                
              <path d="M255.5,289.5 L54.5,49.5" id="Line-2" stroke="#FFFFFF" stroke-linecap="square"></path>
+
               <g id="p1" transform="translate(768.000000, 102.000000)" sketch:type="MSShapeGroup">
              <a xlink:href="#wait"><circle id="judgement" fill="#FFFFFF" cx="54" cy="54" r="54"></circle>
+
              <path d="M110.5,298.5 L0.5,0.5" id="Line-4" stroke="#FFFFFF" stroke-linecap="square"></path>
              <text x="10" y="60" fill="#323232">Judgement</text></a>
+
              <a xlink:href="#wait"><circle id="sponsor" fill="#FFFFFF" cx="102" cy="297" r="54"></circle></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" />
+
            <text x="75" y="305" fill="#323232">Sponsor</text></a>
              </g>
+
            <animateMotion path="M-42,-26.88377700000001 C-37,-24.160281999999995 -39,-28.491570000000024 -32,-23.412378999999987 C-26,-19.299341000000027 -37,-4.368083000000013 -42,-12.043274999999994 C-43,-13.846178000000009 -39,-23.412378999999987 -49,-23.412378999999987 C-53,-23.412378999999987 -57,-25.802278 -55,-31.685527999999977 C-52,-38.576809000000026 -47,-29.607272000000023 -42,-26.88377700000001 Z" begin="1s" dur="3s" repeatCount="indefinite" />
               <g id="p2" transform="translate(178.000000, 49.000000)" sketch:type="MSShapeGroup">
+
              <path d="M56.5,351.5 L162.5,0.5" id="Line" stroke="#FFFFFF" stroke-linecap="square"></path>
+
              <a xlink:href="#wait"><circle id="team" fill="#FFFFFF" cx="54" cy="350" r="54"></circle>
+
              <text x="30" 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 id="p3" transform="translate(487.000000, 102.000000)" sketch:type="MSShapeGroup">
+
                <a xlink:href="#wait"><circle id="note" fill="#FFFFFF" cx="54" cy="189" r="54"></circle>
+
                <text x="35" y="195" fill="#323232">Note</text></a>
+
              <path d="M54.5,187.5 L281.5,0.5" id="Line-3" stroke="#FFFFFF" stroke-linecap="square"></path>
+
              <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 id="p7" sketch:type="MSShapeGroup">
+
                <a xlink:href="#wait"><circle id="wait" fill="#FFFFFF" sketch:type="MSShapeGroup" cx="762" cy="108" r="54">
+
                  </circle>
+
                <text x="746" y="115" fill="#323232">Safety</text></a>
+
                <animateMotion path="M-44,-9 C-54,-9 -57,-14 -52,-24 C-47,-33 -33,-8 -29,-5 C-25,-1 -17,1 -15,-5 C-12,-12 -34,-9 -44,-9 Z" begin="0s" dur="3s" repeatCount="indefinite" />
+
                </g>
+
               
+
                <g id="p1" transform="translate(768.000000, 102.000000)" sketch:type="MSShapeGroup">
+
                <path d="M110.5,298.5 L0.5,0.5" id="Line-4" stroke="#FFFFFF" stroke-linecap="square"></path>
+
                <a xlink:href="#wait"><circle id="sponsor" fill="#FFFFFF" cx="102" cy="297" r="54"></circle></a>
+
              <text x="75" y="305" fill="#323232">Sponsor</text></a>
+
              <animateMotion path="M-42,-26.88377700000001 C-37,-24.160281999999995 -39,-28.491570000000024 -32,-23.412378999999987 C-26,-19.299341000000027 -37,-4.368083000000013 -42,-12.043274999999994 C-43,-13.846178000000009 -39,-23.412378999999987 -49,-23.412378999999987 C-53,-23.412378999999987 -57,-25.802278 -55,-31.685527999999977 C-52,-38.576809000000026 -47,-29.607272000000023 -42,-26.88377700000001 Z" begin="1s" dur="3s" repeatCount="indefinite" />
+
              </g>
+
 
             </g>
 
             </g>
           </svg>
+
           </g>
         </div>
+
         </svg>
       
+
      </div>
       </section>
+
        
    </div>
+
    </section>
 +
  </div>
  
    <div id="arrow_right" class="animateBaseIn" style="display: block"><div id="arrow_right_height" style="background-image: url(https://static.igem.org/mediawiki/2015/f/f2/Sui_arrow_left.png);"></div></div>
+
  <div id="arrow_right" class="animateBaseIn" style="display: block">
    <div id="arrow_left" class="animateBaseIn" style="display: none;background-image:url();"><div id="arrow_left_height" style="background-image: url(https://static.igem.org/mediawiki/2015/f/f2/Sui_arrow_left.png);"></div></div>
+
    <div id="arrow_right_height" style="background-image: url(https://static.igem.org/mediawiki/2015/f/f2/Sui_arrow_left.png);"></div>
   
+
  </div>
    <div id="footer">
+
 
      <div class="footer-wrapper">
+
  <div id="arrow_left" class="animateBaseIn" style="display: none;background-image:url();">
        <div class="footer-left">
+
    <div id="arrow_left_height" style="background-image: url(https://static.igem.org/mediawiki/2015/f/f2/Sui_arrow_left.png);"></div>
          Name: SYSU-China &nbsp;
+
  </div>
          School: Sun Yat-sen University<br>
+
 
          Address: No. 135, Xingang Xi Road, Guangzhou, 510275, P. R. China<br>
+
  <div id="footer">
        </div>
+
    <div class="footer-wrapper">
 +
      <div class="footer-left">
 +
        Name: SYSU-China &nbsp;
 +
        School: Sun Yat-sen University<br>
 +
        Address: No. 135, Xingang Xi Road, Guangzhou, 510275, P. R. China<br>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 +
  </div>
  
    <div class="sui-loader">
+
  <div class="sui-loader">
      <!-- An unordered list is completely useless here, -->
+
    <!-- An unordered list is completely useless here, -->
      <!-- but I like to use it for repeating elements.-->
+
    <!-- but I like to use it for repeating elements.-->
      <ul role="progressbar" aria-busy="true" aria-label="Loading domino shop">
+
    <ul role="progressbar" aria-busy="true" aria-label="Loading domino shop">
        <li role="presentation"></li>
+
      <li role="presentation"></li>
        <li role="presentation"></li>
+
      <li role="presentation"></li>
        <li role="presentation"></li>
+
      <li role="presentation"></li>
        <li role="presentation"></li>
+
      <li role="presentation"></li>
        <li role="presentation"></li>
+
      <li role="presentation"></li>
        <li role="presentation"></li>
+
      <li role="presentation"></li>
        <li role="presentation"></li>
+
      <li role="presentation"></li>
      </ul>
+
    </ul>
    </div>
+
  </div>
  
<script type="text/javascript" src="https://2015.igem.org/Template:SYSU_CHINA/MAINJS?
+
  <script type="text/javascript" src="https://2015.igem.org/Template:SYSU_CHINA/MAINJS?action=raw&ctype=text/javascript"></script>
action=raw&ctype=text/javascript"></script>
+
 
</html>
 
</html>

Revision as of 06:12, 13 September 2015