Difference between revisions of "Team:SYSU CHINA"

 
(31 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{SYSU_CHINA}}
 
{{SYSU_CHINA}}
 
<html>
 
<html>
<style>
+
  <div id="fullpage">
#mainContainer {
+
    <section class="section sui-l-fullpage cover" style="display: block;">
display: none;
+
      <div class="logo-wrapper" style="background-image: url(https://static.igem.org/mediawiki/2015/archive/c/c8/20150901012042%21Sui_logo_black.gif);"></div>
}
+
    </section>
#globalWrapper, #content, #bodyContent, #fullpage {
+
   
    width: 100%;
+
    <section class="section sui-l-fullpage cover cell-clock" id="second-page">
    height: 100%;
+
      <img class="element cell anim-slow" style="width: 230px;" src="https://static.igem.org/mediawiki/2015/a/af/Sui_cell_round_2.png" alt="">
}
+
      <img class="element clock anim-slow" src="https://static.igem.org/mediawiki/2015/5/5e/Sui_clock_3.0.png" alt="">
 
+
      <img class="element cell-clock-res" src="https://static.igem.org/mediawiki/2015/9/9a/Sui_res_2.0.png" alt="">
#bodyContent>p {
+
    </section>
    margin: 0;
+
   
    padding: 0;
+
    <section class="section sui-l-fullpage cover" style="text-align: center;background-color: #fff;">
}
+
      <div class="svg-wrapper" style="display:inline-block; vertical-align: middle; width: 1043px; height: 500px;">
</style>
+
        <svg id="svg-menu" style="width: 1043px; height: 500px;">
 
+
          <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<link rel="stylesheet" type="text/css"
+
        <g id="qwe" sketch:type="MSLayerGroup">
href="https://2015.igem.org/Template:SYSU_CHINA/MAINCSS?action=raw&ctype=text/css" />
+
            <g id="Group">
<link rel="stylesheet" type="text/css"
+
                <g id="p5" transform="translate(0.000000, 150.000000)">
href="https://2015.igem.org/Template:SYSU_CHINA/ANIMATE?action=raw&ctype=text/css" />
+
                    <path d="M99,166.5 L238,0.5" id="Line" stroke="#CECECE" fill="#000000" sketch:type="MSShapeGroup"></path>
 
+
                    <g id="Group" transform="translate(0.000000, 107.000000)">
</div></div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
+
                        <circle id="project" fill="#D7E79F" sketch:type="MSShapeGroup" cx="99" cy="99" r="99"></circle>
 
+
                        <a xlink:href="https://2015.igem.org/Team:SYSU_CHINA/Project">
<div id="fullpage">
+
                        <text id="PROJECT" fill="#ffffff" sketch:type="MSTextLayer" font-family="Helvetica" font-size="23.5625" font-weight="normal">
     
+
                            <tspan x="47.3333333" y="109.166667" fill="#FFFFFF">PROJECT</tspan>
      <section class="section sui-l-fullpage cover" style="display: block;">
+
                        </text>
        <div class="logo-wrapper" style="background-image: url(https://static.igem.org/mediawiki/2015/archive/c/c8/20150901012042%21Sui_logo_black.gif);">
+
                        </a>
[[File:Sui_logo_black.gif]]
+
                    </g>
</div>
+
                    <animateMotion path="M28,-24.307911999999988 C28,-19.107375999999988 33,-21.281033999999977 41,-16.201842999999997 C46,-12.08880499999998 25,-8.526651000000015 21,-16.201842 C20,-18.004745000000014 19,-19.389835000000005 18,-20.008031000000017 C16,-23.25796600000001 16,-25.802278 18,-31.685527999999977 C21,-38.576809000000026 28,-29.508447999999987 28,-24.307999999999993 Z" begin="0s" dur="4s" repeatCount="indefinite" />
      </section>
+
                </g>
     
+
                <g id="p8" transform="translate(172.000000, 93.000000)">
      <section class="section sui-l-fullpage cover cell-clock">
+
                    <path d="M190.5,220.5 L66.5,55.5" id="Line-2" stroke="#CECECE" fill="#000000" sketch:type="MSShapeGroup"></path>
        <img class="element cell" src="https://static.igem.org/mediawiki/2015/5/5d/Sui_coli2.png" alt="">
+
                    <g id="Group">
        <img class="element clock" src="https://static.igem.org/mediawiki/2015/8/8a/Sui_clock1.png" alt="">
+
                        <circle id="wait" fill="#FFE075" sketch:type="MSShapeGroup" cx="54" cy="54" r="54"></circle>
        <img class="element cell-clock-res" src="https://static.igem.org/mediawiki/2015/3/39/Sui_merge.png" alt="">
+
                        <a xlink:href="https://2015.igem.org/Team:SYSU_CHINA/Design">
      </section>
+
                        <text id="DESIGN" fill="#ffffff" sketch:type="MSTextLayer" font-family="Helvetica" font-size="13" font-weight="normal">
     
+
                            <tspan x="29" y="61" fill="#FFFFFF">DESIGN</tspan>
      <section class="section sui-l-fullpage cover" style="text-align: center;">
+
                        </text>
        <div class="svg-wrapper" style="display:inline-block; vertical-align: middle; width: 960px; height: 500px;">
+
                        </a>
          <svg id="svg-menu" style="width: 960px; height: 500px;">
+
                    </g>
            <g id="Group" sketch:type="MSLayerGroup" transform="translate(60.000000, 43.000000)">
+
                    <animateMotion path="M25,-24.657893 C25,-19.457357000000002 21,-2.4715909999999894 28,2.607599999999991 C33,6.720638000000008 25,-8.526651000000015 21,-16.201842 C20,-18.004745000000014 19,-19.389835000000005 18,-20.008031000000017 C16,-23.25796600000001 16,-25.802278 18,-31.685527999999977 C21,-38.576809000000026 25,-29.858429 25,-24.657893 Z" begin="0s" dur="3s" repeatCount="indefinite" />
              <g id="p5" transform="translate(0.000000, 193.000000)" sketch:type="MSShapeGroup">
+
                </g>
              <path d="M52.5,53.5 L231.5,205.5" id="Line" stroke="#FFFFFF" stroke-linecap="square"></path>
+
                <g id="p2" transform="translate(323.000000, 59.000000)">
              <a xlink:href="#wait"><circle id="project" fill="#FFFFFF" cx="54" cy="54" r="54">
+
                    <path d="M71.5,245.5 L190.5,0.5" id="Line" stroke="#CECECE" fill="#000000" sketch:type="MSShapeGroup"></path>
                </circle>
+
                    <g id="Group" transform="translate(0.000000, 169.000000)">
              <text x="30" y="60" fill="#323232">Project</text></a>
+
                        <circle id="team" fill="#FFB436" sketch:type="MSShapeGroup" cx="67.5" cy="67.5" r="67.5"></circle>
              <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" />
+
                        <a xlink:href="https://2015.igem.org/Team:SYSU_CHINA/Result">
              </g>
+
                        <text id="RESULT" fill="#ffffff" sketch:type="MSTextLayer" font-family="Helvetica" font-size="16.25" font-weight="normal">
              <g id="p4" transform="translate(286.000000, 0.000000)" sketch:type="MSShapeGroup">
+
                            <tspan x="40.5" y="73.5" fill="#FFFFFF">RESULT</tspan>
              <path d="M255.5,289.5 L54.5,49.5" id="Line-2" stroke="#FFFFFF" stroke-linecap="square"></path>
+
                        </text>
              <a xlink:href="#wait"><circle id="judgement" fill="#FFFFFF" cx="54" cy="54" r="54"></circle>
+
                        </a>
              <text x="10" y="60" fill="#323232">Judgement</text></a>
+
                    </g>
              <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" />
+
                    <animateMotion path="M25,-12.043274999999994 C30,-9.31977999999998 29,-8.822219000000018 34,-16.114518999999973 C36,-18.192774999999983 39,-30.690308000000016 36,-33.48888899999997 C32,-36.28747099999998 26,-23.412378999999987 16,-23.412378999999987 C12,-23.412378999999987 15,-38.39289200000002 21,-36.85762399999999 C31,-34.16849000000002 20,-14.766770000000008 25,-12.043274999999994 Z" begin="0s" dur="4s" repeatCount="indefinite" />
              </g>
+
                </g>
              <g id="p2" transform="translate(178.000000, 49.000000)" sketch:type="MSShapeGroup">
+
                <g id="p4" transform="translate(438.000000, 0.000000)">
              <path d="M56.5,351.5 L162.5,0.5" id="Line" stroke="#FFFFFF" stroke-linecap="square"></path>
+
                    <path d="M221.5,298.5 L75.5,77.5" id="Line-2" stroke="#CECECE" fill="#000000" sketch:type="MSShapeGroup"></path>
              <a xlink:href="#wait"><circle id="team" fill="#FFFFFF" cx="54" cy="350" r="54"></circle>
+
                    <g id="Group">
              <text x="30" y="355" fill="#323232">Team</text></a>
+
                        <circle id="judgement" fill="#EF9870" sketch:type="MSShapeGroup" cx="77.5" cy="77.5" r="77.5"></circle>
              <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" />
+
                        <a xlink:href="https://2015.igem.org/Team:SYSU_CHINA/Safety">
              </g>
+
                        <text id="SAFETY" fill="#ffffff" sketch:type="MSTextLayer" font-family="Helvetica" font-size="17.875" font-weight="normal">
              <g id="p3" transform="translate(487.000000, 102.000000)" sketch:type="MSShapeGroup">
+
                            <tspan x="49.1851852" y="85.4537037" fill="#FFFFFF">SAFETY</tspan>
                <a xlink:href="#wait"><circle id="note" fill="#FFFFFF" cx="54" cy="189" r="54"></circle>
+
                        </text>
                <text x="35" y="195" fill="#323232">Note</text></a>
+
                        </a>
              <path d="M54.5,187.5 L281.5,0.5" id="Line-3" stroke="#FFFFFF" stroke-linecap="square"></path>
+
                    </g>
              <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" />
+
                    <animateMotion path="M28,13.11622299999999 C33,15.839718000000005 31,11.508429999999976 38,16.587621000000013 C44,20.700658999999973 33,35.63191699999999 28,27.956725000000006 C27,26.15382199999999 31,16.587621000000013 21,16.587621000000013 C17,16.587621000000013 13,14.197721999999999 15,8.314472000000023 C18,1.4231909999999743 23,10.392727999999977 28,13.11622299999999 Z" begin="1s" dur="3s" repeatCount="indefinite" />
              </g>
+
                </g>
              <g id="p7" sketch:type="MSShapeGroup">
+
                <path d="M660.5,292.5 L887.5,105.5" id="Line-3" stroke="#CECECE" fill="#000000" sketch:type="MSShapeGroup"></path>
                <a xlink:href="#wait"><circle id="wait" fill="#FFFFFF" sketch:type="MSShapeGroup" cx="762" cy="108" r="54">
+
                <g id="p3" transform="translate(605.000000, 240.000000)">
                  </circle>
+
                    <g id="Group">
                <text x="746" y="115" fill="#323232">Safety</text></a>
+
                        <circle id="note" fill="#E76B56" sketch:type="MSShapeGroup" cx="67.5" cy="67.5" r="67.5"></circle>
                <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" />
+
                        <a xlink:href="https://2015.igem.org/Team:SYSU_CHINA/Note">
 +
                        <text id="NOTE" fill="#ffffff" sketch:type="MSTextLayer" font-family="Helvetica" font-size="16.25" font-weight="normal">
 +
                            <tspan x="43.75" y="74.75" fill="#FFFFFF">NOTE</tspan>
 +
                        </text>
 +
                        </a>
 +
                    </g>
 +
                    <animateMotion path="M28,-24.307911999999988 C28,-19.107375999999988 33,-21.281033999999977 41,-16.201842999999997 C46,-12.08880499999998 25,-8.526651000000015 21,-16.201842 C20,-18.004745000000014 19,-19.389835000000005 18,-20.008031000000017 C16,-23.25796600000001 16,-25.802278 18,-31.685527999999977 C21,-38.576809000000026 28,-29.508447999999987 28,-24.307999999999993 Z" begin="0s" dur="4s" repeatCount="indefinite" />
 +
                </g>
 +
                <g id="p1" transform="translate(831.000000, 105.000000)">
 +
                    <path d="M110.5,298.5 L0.5,0.5" id="Line-4" stroke="#CECECE" fill="#000000" sketch:type="MSShapeGroup"></path>
 +
                    <g id="Group" transform="translate(48.000000, 243.000000)" fill="#363D68" sketch:type="MSShapeGroup">
 +
                        <circle id="sponsor" cx="54" cy="54" r="54"></circle>
 +
                    </g>
 +
                    <a xlink:href="https://2015.igem.org/Team:SYSU_CHINA/Team">
 +
                    <text id="TEAM" fill="#ffffff" sketch:type="MSTextLayer" font-family="Helvetica" font-size="13" font-weight="normal" sketch:alignment="middle">
 +
                        <tspan x="86.9440918" y="305" fill="#FFFFFF">TEAM</tspan>
 +
                    </text>
 +
                    </a>
 +
                    <animateMotion path="M28,-24.307911999999988 C28,-19.107375999999988 33,-21.281033999999977 41,-16.201842999999997 C46,-12.08880499999998 25,-8.526651000000015 21,-16.201842 C20,-18.004745000000014 19,-19.389835000000005 18,-20.008031000000017 C16,-23.25796600000001 16,-25.802278 18,-31.685527999999977 C21,-38.576809000000026 28,-29.508447999999987 28,-24.307999999999993 Z" begin="0s" dur="4s" repeatCount="indefinite" />
 +
                </g>
 +
                <g id="p7" transform="translate(788.000000, 72.000000)">
 +
                    <g id="Group">
 +
                        <circle id="wait" fill="#B63232" sketch:type="MSShapeGroup" cx="67.5" cy="67.5" r="67.5"></circle>
 +
                        <a xlink:href="https://2015.igem.org/Team:SYSU_CHINA/Practices">
 +
                        <text id="HUMAN" fill="#ffffff" sketch:type="MSTextLayer" font-family="Helvetica" font-size="16.25" font-weight="normal" sketch:alignment="middle">
 +
                            <tspan x="41.4596558" y="63.5" fill="#FFFFFF">HUMAN</tspan>
 +
                            <tspan x="30.1687622" y="83.5" fill="#FFFFFF">PRACTICE</tspan>
 +
                        </text>
 +
                        </a>
 +
                    </g>
 +
                    <animateMotion path="M25,-12.043274999999994 C30,-9.31977999999998 29,-8.822219000000018 34,-16.114518999999973 C36,-18.192774999999983 39,-30.690308000000016 36,-33.48888899999997 C32,-36.28747099999998 26,-23.412378999999987 16,-23.412378999999987 C12,-23.412378999999987 15,-38.39289200000002 21,-36.85762399999999 C31,-34.16849000000002 20,-14.766770000000008 25,-12.043274999999994 Z" begin="0s" dur="4s" repeatCount="indefinite" />
 
                 </g>
 
                 </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>
+
    </g>
          
+
         </svg>
       </section>
+
       </div>
     </div>
+
     
 +
     </section>
 +
  </div>
  
    <div id="arrow_right" class="animateBaseIn" style="display: block;"><div id="arrow_right_height"></div></div>
+
  <div id="arrow_right" class="animateBaseIn" style="display: block">
    <div id="arrow_left" class="animateBaseIn" style="display: none;"><div id="arrow_left_height"></div></div>
+
    <div class="button_bg"></div>
   
+
    <div id="arrow_right_height" style="background-image: url(https://static.igem.org/mediawiki/2015/f/f2/Sui_arrow_left.png);"></div>
    <div id="footer">
+
  </div>
      <div class="footer-wrapper">
+
 
        <div class="footer-left">
+
  <div id="arrow_left" class="animateBaseIn" style="display: none;background-image:url();">
          Name: SYSU-China &nbsp;
+
    <div class="button_bg"></div>
          School: Sun Yat-sen University<br>
+
    <div id="arrow_left_height" style="background-image: url(https://static.igem.org/mediawiki/2015/f/f2/Sui_arrow_left.png);"></div>
          Address: No. 135, Xingang Xi Road, Guangzhou, 510275, P. R. China<br>
+
  </div>
        </div>
+
 
 +
  <div id="footer">
 +
    <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>

Latest revision as of 03:54, 17 September 2015