Difference between revisions of "Team:SYSU CHINA"

 
(43 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>
−
</style>
+
      
−
 
+
     <section class="section sui-l-fullpage cover cell-clock" id="second-page">
−
<style>
+
      <img class="element cell anim-slow" style="width: 230px;" src="https://static.igem.org/mediawiki/2015/a/af/Sui_cell_round_2.png" alt="">
−
/* SUI Config*/
+
      <img class="element clock anim-slow" src="https://static.igem.org/mediawiki/2015/5/5e/Sui_clock_3.0.png" alt="">
−
/* hint-color: rgba(50, 132, 252, 1)*/
+
      <img class="element cell-clock-res" src="https://static.igem.org/mediawiki/2015/9/9a/Sui_res_2.0.png" alt="">
−
 
+
    </section>
−
 
+
   
−
/* Reset default stylesheet. */
+
    <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;">
−
  margin: 0;
+
        <svg id="svg-menu" style="width: 1043px; height: 500px;">
−
  padding: 0;
+
          <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
−
  box-shadow: none;
+
        <g id="qwe" sketch:type="MSLayerGroup">
−
  outline: none;
+
            <g id="Group">
−
  border: none;
+
                <g id="p5" transform="translate(0.000000, 150.000000)">
−
  background-color: transparent;
+
                    <path d="M99,166.5 L238,0.5" id="Line" stroke="#CECECE" fill="#000000" sketch:type="MSShapeGroup"></path>
−
  -webkit-text-size-adjust: 100%;
+
                    <g id="Group" transform="translate(0.000000, 107.000000)">
−
  -ms-text-size-adjust: 100%;
+
                        <circle id="project" fill="#D7E79F" sketch:type="MSShapeGroup" cx="99" cy="99" r="99"></circle>
−
  text-rendering: optimizeLegibility;
+
                        <a xlink:href="https://2015.igem.org/Team:SYSU_CHINA/Project">
−
  -webkit-font-smoothing: antialiased;
+
                        <text id="PROJECT" fill="#ffffff" sketch:type="MSTextLayer" font-family="Helvetica" font-size="23.5625" font-weight="normal">
−
  -moz-osx-font-smoothing: grayscale;
+
                            <tspan x="47.3333333" y="109.166667" fill="#FFFFFF">PROJECT</tspan>
−
  -webkit-appearance: none;
+
                        </text>
−
  -webkit-box-sizing: border-box;
+
                        </a>
−
  -moz-box-sizing: border-box;
+
                    </g>
−
  box-sizing: border-box;
+
                    <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" />
−
  color: #333;
+
                </g>
−
}
+
                <g id="p8" transform="translate(172.000000, 93.000000)">
−
 
+
                    <path d="M190.5,220.5 L66.5,55.5" id="Line-2" stroke="#CECECE" fill="#000000" sketch:type="MSShapeGroup"></path>
−
html, body {
+
                    <g id="Group">
−
  width: 100%;
+
                        <circle id="wait" fill="#FFE075" sketch:type="MSShapeGroup" cx="54" cy="54" r="54"></circle>
−
  height: 100%;
+
                        <a xlink:href="https://2015.igem.org/Team:SYSU_CHINA/Design">
−
}
+
                        <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>
−
#globalWrapper, #content, #bodyContent, #fullpage {
+
                        </text>
−
     width: 100%;
+
                        </a>
−
    height: 100%;
+
                    </g>
−
}
+
                    <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>
−
#bodyContent>p {
+
                <g id="p2" transform="translate(323.000000, 59.000000)">
−
     margin: 0;
+
                    <path d="M71.5,245.5 L190.5,0.5" id="Line" stroke="#CECECE" fill="#000000" sketch:type="MSShapeGroup"></path>
−
     padding: 0;
+
                    <g id="Group" transform="translate(0.000000, 169.000000)">
−
}
+
                        <circle id="team" fill="#FFB436" sketch:type="MSShapeGroup" cx="67.5" cy="67.5" r="67.5"></circle>
−
a {
+
                        <a xlink:href="https://2015.igem.org/Team:SYSU_CHINA/Result">
−
  cursor: pointer;
+
                        <text id="RESULT" fill="#ffffff" sketch:type="MSTextLayer" font-family="Helvetica" font-size="16.25" font-weight="normal">
−
  text-decoration: none;
+
                            <tspan x="40.5" y="73.5" fill="#FFFFFF">RESULT</tspan>
−
  color: rgba(50, 132, 252, 1);
+
                        </text>
−
}
+
                        </a>
−
 
+
                    </g>
−
a:hover {text-decoration: underline; }
+
                    <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>
−
h2, h3, h4, h5 {margin-bottom: 20px; }
+
                <g id="p4" transform="translate(438.000000, 0.000000)">
−
 
+
                    <path d="M221.5,298.5 L75.5,77.5" id="Line-2" stroke="#CECECE" fill="#000000" sketch:type="MSShapeGroup"></path>
−
h2 {font-size: 30px; }
+
                    <g id="Group">
−
 
+
                        <circle id="judgement" fill="#EF9870" sketch:type="MSShapeGroup" cx="77.5" cy="77.5" r="77.5"></circle>
−
h3 {font-size: 24px; }
+
                        <a xlink:href="https://2015.igem.org/Team:SYSU_CHINA/Safety">
−
 
+
                        <text id="SAFETY" fill="#ffffff" sketch:type="MSTextLayer" font-family="Helvetica" font-size="17.875" font-weight="normal">
−
h4 {font-size: 20px; }
+
                            <tspan x="49.1851852" y="85.4537037" fill="#FFFFFF">SAFETY</tspan>
−
 
+
                        </text>
−
h5 {font-size: 16px; }
+
                        </a>
−
 
+
                    </g>
−
p {
+
                    <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" />
−
  font-weight: normal;
+
                </g>
−
  font-size: 16px;
+
                <path d="M660.5,292.5 L887.5,105.5" id="Line-3" stroke="#CECECE" fill="#000000" sketch:type="MSShapeGroup"></path>
−
  margin-bottom: 20px;
+
                <g id="p3" transform="translate(605.000000, 240.000000)">
−
}
+
                    <g id="Group">
−
 
+
                        <circle id="note" fill="#E76B56" sketch:type="MSShapeGroup" cx="67.5" cy="67.5" r="67.5"></circle>
−
ul, ol {
+
                        <a xlink:href="https://2015.igem.org/Team:SYSU_CHINA/Note">
−
  padding-left: 30px;
+
                        <text id="NOTE" fill="#ffffff" sketch:type="MSTextLayer" font-family="Helvetica" font-size="16.25" font-weight="normal">
−
  margin-bottom: 20px;
+
                            <tspan x="43.75" y="74.75" fill="#FFFFFF">NOTE</tspan>
−
}
+
                        </text>
−
 
+
                        </a>
−
li {
+
                    </g>
−
  margin-bottom: 20px;
+
                    <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)">
−
p, li {
+
                    <path d="M110.5,298.5 L0.5,0.5" id="Line-4" stroke="#CECECE" fill="#000000" sketch:type="MSShapeGroup"></path>
−
  line-height: 1.6;
+
                    <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>
−
img {display: block; }
+
                    <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">
−
/* SUI Components */
+
                        <tspan x="86.9440918" y="305" fill="#FFFFFF">TEAM</tspan>
−
 
+
                    </text>
−
.sui-x-img {
+
                    </a>
−
  background-position: center;
+
                    <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" />
−
  background-repeat: no-repeat;
+
                </g>
−
  -webkit-background-size: cover;
+
                <g id="p7" transform="translate(788.000000, 72.000000)">
−
  background-size: cover;
+
                    <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">
−
/* SUI Layout */
+
                        <text id="HUMAN" fill="#ffffff" sketch:type="MSTextLayer" font-family="Helvetica" font-size="16.25" font-weight="normal" sketch:alignment="middle">
−
.sui-l-fullpage {
+
                            <tspan x="41.4596558" y="63.5" fill="#FFFFFF">HUMAN</tspan>
−
  position: relative;
+
                            <tspan x="30.1687622" y="83.5" fill="#FFFFFF">PRACTICE</tspan>
−
  height: 100%;
+
                        </text>
−
  width: 100%;
+
                        </a>
−
  overflow: hidden;
+
                    </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>
−
.sui-l-center-wrapper {
+
            </g>
−
  position: relative;
+
−
  width: 100%;
+
−
  height: 100%;
+
−
}
+
−
 
+
−
.sui-l-center-block {
+
−
  position: absolute;
+
−
  top: 50%;
+
−
  left: 50%;
+
−
  -webkit-transform: translate3D(-50%, -50%, 0);
+
−
  -ms-transform: translate3D(-50%, -50%, 0);
+
−
  -o-transform: translate3D(-50%, -50%, 0);
+
−
  transform: translate3D(-50%, -50%, 0);
+
−
}
+
−
 
+
−
/* Simple Grid*/
+
−
.sui-row {
+
−
  width: 100%;
+
−
  overflow: hidden;
+
−
  clear: both;
+
−
}
+
−
 
+
−
.sui-col-1-2 {
+
−
  width: 50%;
+
−
  float: left;
+
−
}
+
−
 
+
−
.sui-col-2-3 {
+
−
  width: 66.6%;
+
−
  float: left;
+
−
}
+
−
 
+
−
.sui-col-1-3 {
+
−
  width: 33.3%;
+
−
  float: left;
+
−
}
+
−
 
+
−
.sui-avatar {
+
−
  display: block;
+
−
  border-radius: 50%;
+
−
}
+
−
 
+
−
.sui-button {
+
−
  cursor: pointer;
+
−
  text-transform: uppercase;
+
−
  font-weight: bold;
+
−
  border-radius: 4px;
+
−
  box-shadow: 0 1px 2px rgba(0,0,0,.4);
+
−
  display: inline-block;
+
−
  padding: 10px 20px;
+
−
  color: #fff;
+
−
  background-color: rgba(50, 132, 252, 1);
+
−
  border: 1px solid rgba(30, 112, 222, 1);
+
−
}
+
−
 
+
−
.sui-bordered-button {
+
−
  cursor: pointer;
+
−
  background-color: transparent;
+
−
  border: 1px solid rgba(50, 132, 252, 1);
+
−
  color: rgba(50, 132, 252, 1);
+
−
  display: inline-block;
+
−
  padding: 10px 20px;
+
−
  border-radius: 4px;
+
−
  font-weight: bold;
+
−
  text-transform: uppercase;
+
−
}
+
−
 
+
−
.sui-bordered-button:hover {
+
−
  background-color: rgba(50, 132, 252, 1);
+
−
  color: #fff;
+
−
}
+
−
 
+
−
 
+
−
.sui-paginator {
+
−
  display: inline-block;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
}
+
−
 
+
−
.sui-horizontal li {
+
−
  display: inline-block;
+
−
  margin: 0 0 0 20px;
+
−
}
+
−
 
+
−
.sui-vertical li {
+
−
  display: block;
+
−
  margin: 0 0 10px 0;
+
−
}
+
−
 
+
−
.sui-paginator li {
+
−
  list-style: none;
+
−
  width: 10px;
+
−
  height: 10px;
+
−
  border-radius: 50%;
+
−
  border: 1px solid #ccc;
+
−
  cursor: pointer;
+
−
}
+
−
 
+
−
.sui-paginator li:hover {
+
−
  background-color: #ccc;
+
−
}
+
−
 
+
−
.sui-paginator li.current {
+
−
  border: 1px solid rgba(50, 132, 252, 1);
+
−
  background-color: rgba(50, 132, 252, 1);
+
−
}
+
−
 
+
−
.sui-dropdown {
+
−
  position: absolute;
+
−
  left: 0;
+
−
  display: block;
+
−
  /*border: 1px solid #1B1B1B;*/
+
−
  width: 120px;
+
−
  padding: 0;
+
−
  margin: 0;
+
−
  overflow: hidden;
+
−
}
+
−
 
+
−
.sui-dropdown li {
+
−
  cursor: pointer;
+
−
  position: relative;
+
−
  background-color: #505050;
+
−
  margin-bottom: 0;
+
−
  padding: 10px 20px;
+
−
  height: 40px;
+
−
  line-height: 20px;
+
−
  list-style: none;
+
−
  color: #fff;
+
−
  border-left: 1px solid #1b1b1b;
+
−
  border-right: 1px solid #1b1b1b;
+
−
}
+
−
 
+
−
.sui-dropdown li:after {
+
−
  content: " ";
+
−
  height: 1px;
+
−
  position: absolute;
+
−
  bottom: 0;
+
−
  left: 12px;
+
−
  right: 12px;
+
−
  background-color: #727272;
+
−
}
+
−
.sui-dropdown li:first-child {
+
−
  /*border-top-left-radius: 4px;*/
+
−
  /*border-top-right-radius: 4px;*/
+
−
}
+
−
.sui-dropdown li:last-child {
+
−
  border-bottom: 1px solid #1b1b1b;
+
−
  border-bottom-left-radius: 4px;
+
−
  border-bottom-right-radius: 4px;
+
−
}
+
−
 
+
−
.sui-dropdown li:last-child:after {
+
−
  display: none;
+
−
}
+
−
.sui-dropdown li:hover {
+
−
  background-color: rgba(50, 132, 252, 1);
+
−
}
+
−
 
+
−
 
+
−
.sui-loader {
+
−
  display: none;
+
−
  position: fixed;
+
−
  top: 0;
+
−
  left: 0;
+
−
  right: 0;
+
−
  bottom: 0;
+
−
  width: 100%;
+
−
  height: 100%;
+
−
  background-color: #323232;
+
−
}
+
−
.sui-dropdown li:hover:after {
+
−
  display: none;
+
−
}
+
−
.sui-menu {
+
−
  display: block;
+
−
  width: 100%;
+
−
  padding: 0;
+
−
  border-bottom: 1px solid #1b1b1b;
+
−
}
+
−
 
+
−
.sui-menu>li {
+
−
  cursor: pointer;
+
−
  position: relative;
+
−
  list-style: none;
+
−
  float: left;
+
−
  width: calc(100% / 6);
+
−
  text-align: center;
+
−
  height: 60px;
+
−
  line-height: 60px;
+
−
  margin: 0;
+
−
  background-color: #505050;
+
−
  color: #fff;
+
−
}
+
−
 
+
−
.sui-menu>li .sui-dropdown {
+
−
  display: none;
+
−
  top: 60px;
+
−
}
+
−
 
+
−
.sui-menu>li:hover {
+
−
  background-color: rgba(50, 132, 252, 1);
+
−
}
+
−
.sui-menu>li:hover .sui-dropdown {
+
−
  display: block;
+
−
}
+
−
 
+
−
 
+
−
/* custom */
+
−
 
+
−
#footer {
+
−
  position: fixed;
+
−
  width: 100%;
+
−
  bottom: 0;
+
−
}
+
−
.footer-wrapper {
+
−
  overflow: hidden;
+
−
  padding-bottom: 10px;
+
−
  font-size: 12px;
+
−
  width: 90%;
+
−
  margin: 0 auto;
+
−
  text-align: center;
+
−
}
+
−
 
+
−
.footer-left {
+
−
  /*float: left;*/
+
−
  line-height: 1.5;
+
−
  border-top: 1px solid #555;
+
−
  padding-top: 10px;
+
−
  color: #aaa;
+
−
}
+
−
.cover {
+
−
  background-color: #323232;
+
−
}
+
−
 
+
−
.logo-wrapper {
+
−
  height: 100%;
+
−
  width: 100%;
+
−
  background-image: url(../img/logo.gif);
+
−
  -webkit-background-size: 340px;
+
−
  background-size: 340px;
+
−
  background-position: center;
+
−
  background-repeat: no-repeat;
+
−
}
+
−
.cover-logo {
+
−
  height: 150px;
+
−
  width: 150px;
+
−
  border-radius: 50%;
+
−
  background-color: #fff;
+
−
  color: #000;
+
−
  text-align: center;
+
−
  font-size: 30px;
+
−
  -webkit-transform-origin: center center;
+
−
  -moz-transform-origin: center center;
+
−
  -ms-transform-origin: center center;
+
−
  -o-transform-origin: center center;
+
−
  transform-origin: center center;
+
−
}
+
−
 
+
−
.cover-domino {
+
−
  position: absolute;
+
−
  bottom: 0;
+
−
  width: 102%;
+
−
  padding: 0;
+
−
  margin: 0 0 0 -2%;
+
−
}
+
−
 
+
−
.cover-domino li {
+
−
  list-style: none;
+
−
  display: inline-block;
+
−
  margin-left: 2%;
+
−
  margin-bottom: 0;
+
−
  border-radius: 4px;
+
−
  height: 280px;
+
−
  width: 4.25%;
+
−
  background-color: #fff;
+
−
 
+
−
  -webkit-transform-origin: bottom right;
+
−
  -moz-transform-origin: bottom right;
+
−
  -ms-transform-origin: bottom right;
+
−
  -o-transform-origin: bottom right;
+
−
  transform-origin: bottom right;
+
−
}
+
−
 
+
−
 
+
−
@media screen and (max-width: 1366px) {
+
−
  .cover-domino li {
+
−
    height: 140px;
+
−
  }
+
−
}
+
−
 
+
−
 
+
−
.member-avatar {
+
−
  width: 200px;
+
−
  height: 200px;
+
−
  float: left;
+
−
  background-color: #00c4cc;
+
−
}
+
−
 
+
−
#fp-nav ul li a span, .fp-slidesNav ul li a span {
+
−
  background-color: #fff;
+
−
}
+
−
 
+
−
.element {
+
−
  top: 50%;
+
−
  -webkit-transform: translate3D(0, -50%, 0);
+
−
  -ms-transform: translate3D(0, -50%, 0);
+
−
  -o-transform: translate3D(0, -50%, 0);
+
−
  transform: translate3D(0, -50%, 0);
+
−
  width: 30%;
+
−
  position: absolute;
+
−
}
+
−
 
+
−
.cell {
+
−
  width: 35%;
+
−
  left: 30px;
+
−
}
+
−
 
+
−
.clock {
+
−
  left: 1900px;
+
−
}
+
−
</style>
+
−
 
+
−
</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.-->
+
−
 
+
−
<div id="fullpage">
+
−
  <section class="section sui-l-fullpage cover">
+
−
    <div class="logo-wrapper"></div>
+
−
  </section>
+
−
  <section class="section sui-l-fullpage cover">
+
−
    <img class="element cell" src="img/coli2.png" alt="">
+
−
    <img class="element clock" src="img/clock1.png" alt="">
+
−
    <img class="element clock" src="img/merge.png" style="display:none;" alt="">
+
−
  </section>
+
−
  <section class="section sui-l-fullpage cover">
+
−
  </section>
+
−
  <section class="section sui-l-fullpage cover" style="text-align: center;">
+
−
  <div class="svg-wrapper" style="display:inline-block; vertical-align: middle; width: 960px; height: 500px;">
+
−
    <svg style="width: 960px; height: 500px;">
+
−
      <g id="Group" sketch:type="MSLayerGroup" transform="translate(60.000000, 43.000000)">
+
−
        <g id="p5" transform="translate(0.000000, 193.000000)" sketch:type="MSShapeGroup">
+
−
            <path d="M52.5,53.5 L231.5,205.5" id="Line" stroke="#FFFFFF" stroke-linecap="square"></path>
+
−
            <a xlink:href="#wait"><circle id="project" fill="#FFFFFF" cx="54" cy="54" r="54">
+
−
            </circle>
+
−
            <text x="30" y="60" fill="#323232">Project</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>
−
        <g id="p4" transform="translate(286.000000, 0.000000)" sketch:type="MSShapeGroup">
+
    </g>
−
            <path d="M255.5,289.5 L54.5,49.5" id="Line-2" stroke="#FFFFFF" stroke-linecap="square"></path>
+
         </svg>
−
            <a xlink:href="#wait"><circle id="judgement" fill="#FFFFFF" cx="54" cy="54" r="54"></circle>
+
      </div>
−
            <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" />
+
     </section>
−
        </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>
+
−
          <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>
+
−
     </svg>
+
 
   </div>
 
   </div>
−
      
+
 
−
   </section>
+
  <div id="arrow_right" class="animateBaseIn" style="display: block">
 +
     <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>
 +
 
 +
  <div id="arrow_left" class="animateBaseIn" style="display: none;background-image:url();">
 +
    <div class="button_bg"></div>
 +
    <div id="arrow_left_height" style="background-image: url(https://static.igem.org/mediawiki/2015/f/f2/Sui_arrow_left.png);"></div>
 
   </div>
 
   </div>
 +
 
 
   <div id="footer">
 
   <div id="footer">
 
     <div class="footer-wrapper">
 
     <div class="footer-wrapper">
 
       <div class="footer-left">
 
       <div class="footer-left">
−
         Name: SYSU-China<br>
+
         Name: SYSU-China &nbsp;
 
         School: Sun Yat-sen University<br>
 
         School: Sun Yat-sen University<br>
 
         Address: No. 135, Xingang Xi Road, Guangzhou, 510275, P. R. China<br>
 
         Address: No. 135, Xingang Xi Road, Guangzhou, 510275, P. R. China<br>
Line 495: Line 130:
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 +
 
   <div class="sui-loader">
 
   <div class="sui-loader">
 +
    <!-- An unordered list is completely useless here, -->
 +
    <!-- but I like to use it for repeating elements.-->
 +
    <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>
 +
    </ul>
 +
  </div>
  
−
        <!-- An unordered list is completely useless here, -->
+
  <script type="text/javascript" src="https://2015.igem.org/Template:SYSU_CHINA/MAINJS?action=raw&ctype=text/javascript"></script>
−
        <!-- but I like to use it for repeating elements.-->
+
−
        <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>
+
−
        </ul>
+
−
 
+
−
  </div>
+
 
</html>
 
</html>

Latest revision as of 03:54, 17 September 2015