|
|
Line 2: |
Line 2: |
| <head> | | <head> |
| <title>Team: HKUST</title> | | <title>Team: HKUST</title> |
| + | <link rel="stylesheet" href="coverPageStyles.css"> |
| <script src="jquery.js"></script> | | <script src="jquery.js"></script> |
| <script src="jquery_lettering.js"></script> | | <script src="jquery_lettering.js"></script> |
Line 10: |
Line 11: |
| <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> | | <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> |
| <![endif]--> | | <![endif]--> |
− | <style>
| |
− | div#circleContainer {
| |
− | border: 1px soli black;
| |
− | border-radius: 50%;
| |
− | width: 450px;
| |
− | height: 450px;
| |
− | position: absolute;
| |
− | top: 50%;
| |
− | left: 50%;
| |
− | transform: translate(-50%, -50%);
| |
− | }
| |
− | div#coverHomeTab {
| |
− | position: absolute;
| |
− | width: 592px;
| |
− | height: 306px;
| |
− | background: url(singleStrand.png) 0 0;
| |
− | left: -71px;
| |
− | top: -138px;
| |
− | transform: scale(0.29);
| |
− | }
| |
− | div#coverAbout{
| |
− | border: 1px soli black;
| |
− | position: absolute;
| |
− | left: 272px;
| |
− | top:-2px;
| |
− | }
| |
− | div#coverAboutTab {
| |
− | border: 1px soli black;
| |
− | position: absolute;
| |
− | width: 592px;
| |
− | height: 306px;
| |
− | background: url(singleStrand.png) 0 0;
| |
− | left: -200px;
| |
− | top: -78px;
| |
− | transform: scale(0.29) rotate(44.4deg);
| |
− | transition: background 0.5s;
| |
− | }
| |
− | div#coverProjectTab {
| |
− | position: absolute;
| |
− | width: 592px;
| |
− | height: 306px;
| |
− | background: url(singleStrand.png) 0 0;
| |
− | left: 138px;
| |
− | top: 67px;
| |
− | transform: scale(0.29) rotate(88.5deg);
| |
− | }
| |
− | div#coverHPTab {
| |
− | position: absolute;
| |
− | width: 592px;
| |
− | height: 306px;
| |
− | background: url(singleStrand.png) 0 0;
| |
− | left: 83px;
| |
− | top: 215px;
| |
− | transform: scale(0.29) rotate(-49deg);
| |
− | }
| |
− | div#coverAchievementsTab {
| |
− | position: absolute;
| |
− | width: 592px;
| |
− | height: 306px;
| |
− | background: url(singleStrand.png) 0 0;
| |
− | left: -62px;
| |
− | top: 282px;
| |
− | transform: scale(0.29);
| |
− | }
| |
− | div#coverLabTab {
| |
− | position: absolute;
| |
− | width: 592px;
| |
− | height: 306px;
| |
− | background: url(singleStrand.png) 0 0;
| |
− | left: -212px;
| |
− | top: 226px;
| |
− | transform: scale(0.29) rotate(42.4deg);
| |
− | }
| |
− | div#coverInterLabTab {
| |
− | position: absolute;
| |
− | width: 592px;
| |
− | height: 306px;
| |
− | background: url(singleStrand.png) 0 0;
| |
− | left: -280px;
| |
− | top: 85px;
| |
− | transform: scale(0.29) rotate(-93deg);
| |
− | }
| |
− | div#coverCollaTab {
| |
− | position: absolute;
| |
− | width: 592px;
| |
− | height: 306px;
| |
− | background: url(singleStrand.png) 0 0;
| |
− | left: -228px;
| |
− | top: -68px;
| |
− | transform: scale(0.29) rotate(-49deg);
| |
− | }
| |
− | div#coverAboutTeam {
| |
− | border: 1px soli black;
| |
− | position: absolute;
| |
− | left: 190px;
| |
− | top: -10px;
| |
− | width: 150px;
| |
− | }
| |
− | div#coverAboutAttribution {
| |
− | border: 1px soli black;
| |
− | position: absolute;
| |
− | left: 215px;
| |
− | top: 18px;
| |
− | }
| |
− | div#svgAboutWrapper1 {
| |
− | position: absolute;
| |
− | border: 1px soli black;
| |
− | top: -10px;
| |
− | left: 100px;
| |
− | height: 30px;
| |
− | }
| |
− | div#svgAboutWrapper2 {
| |
− | position: absolute;
| |
− | border: 1px soli black;
| |
− | top: 20px;
| |
− | left: 130px;
| |
− | height: 30px;
| |
− | }
| |
− | </style>
| |
| </head> | | </head> |
| <body> | | <body> |