Difference between revisions of "Team:SYSU CHINA"
Line 6: | Line 6: | ||
} | } | ||
</style> | </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 class=" | + | <div id="fullpage"> |
− | < | + | <section class="section sui-l-fullpage cover"> |
− | < | + | <div class="logo-wrapper"></div> |
− | < | + | </section> |
− | </div> | + | <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 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> | ||
+ | <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> | ||
+ | <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> | ||
+ | |||
+ | </section> | ||
+ | </div> | ||
+ | <div id="footer"> | ||
+ | <div class="footer-wrapper"> | ||
+ | <div class="footer-left"> | ||
+ | Name: SYSU-China<br> | ||
+ | School: Sun Yat-sen University<br> | ||
+ | Address: No. 135, Xingang Xi Road, Guangzhou, 510275, P. R. China<br> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <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> | |
− | + | ||
− | + | ||
− | + | ||
− | <li | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <li | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <li | + | |
− | <li | + | |
− | <li | + | |
− | <li | + | |
− | <li | + | |
− | </ul | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | </div> | ||
</html> | </html> |
Revision as of 07:51, 29 August 2015