Difference between revisions of "Team:SYSU CHINA"
Line 4: | Line 4: | ||
#mainContainer { | #mainContainer { | ||
display: none; | display: none; | ||
+ | } | ||
+ | #globalWrapper, #content, #bodyContent, #fullpage { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | #bodyContent>p { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
} | } | ||
</style> | </style> | ||
Line 428: | Line 437: | ||
<div id="fullpage"> | <div id="fullpage"> | ||
− | + | ||
− | + | <section class="section sui-l-fullpage cover" style="display: block;"> | |
− | + | <div class="logo-wrapper"></div> | |
− | + | </section> | |
− | + | ||
− | + | <section class="section sui-l-fullpage cover cell-clock"> | |
− | + | <img class="element cell" src="img/coli2.png" alt=""> | |
− | + | <img class="element clock" src="img/clock1.png" alt=""> | |
− | + | <img class="element cell-clock-res" src="img/merge.png" alt=""> | |
− | + | </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 id="svg-menu" 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="arrow_right" class="animateBaseIn" style="display: block;"><div id="arrow_right_height"></div></div> | |
− | + | <div id="arrow_left" class="animateBaseIn" style="display: none;"><div id="arrow_left_height"></div></div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <div id="footer"> | |
− | + | <div class="footer-wrapper"> | |
− | + | <div class="footer-left"> | |
− | + | Name: SYSU-China | |
− | + | 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"> | |
− | + | <!-- 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> | |
</html> | </html> |
Revision as of 01:13, 1 September 2015