Difference between revisions of "Team:TAS Taipei"

Line 4: Line 4:
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
 
     <title>TAS_Taipei</title>
 
     <title>TAS_Taipei</title>
 +
    <style>
 +
 +
@font-face {
 +
font-family: 'Nexa Bold';
 +
src: url('fonts/Nexa Bold.otf');
 +
}
 +
 +
@font-face {
 +
font-family: 'Nexa Light';
 +
src: url('fonts/Nexa Light.otf');
 +
}
 +
 +
@font-face {
 +
font-family: 'Product Sans';
 +
font-style: normal;
 +
font-weight: 400;
 +
src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/productsans/v5/HYvgU2fE2nRJvZ5JFAumwegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
 +
}
 +
 +
html {
 +
overflow-x: hidden;
 +
overflow-y: hidden;
 +
}
 +
 +
.jumbotron {
 +
position: absolute;
 +
width: 100vw;
 +
height: 100vh;
 +
left: 0;
 +
top: 0;
 +
background: linear-gradient(to left, #ff6600 0%, #cc00cc 100%);
 +
z-index: 1;
 +
}
 +
 +
.tas {
 +
position: absolute;
 +
border-style: solid;
 +
border-width: medium;
 +
z-index: 999;
 +
color: white;
 +
top: 0;
 +
left: 2%;
 +
font-size: 3.5vh;
 +
font-family: 'Nexa bold', sans-serif;
 +
font-weight: 100;
 +
padding: 3px 1px;
 +
}
 +
 +
.pro {
 +
position: absolute;
 +
z-index: 999;
 +
top: 2%;
 +
left: 38%;
 +
color: white;
 +
font-family: 'Nexa light', sans-serif;
 +
font-weight: 100;
 +
letter-spacing: 1px;
 +
}
 +
 +
.pro:hover {
 +
cursor: pointer;
 +
color: #00ff08;
 +
text-decoration: underline;
 +
}
 +
 +
.exp {
 +
position: absolute;
 +
z-index: 999;
 +
top: 2%;
 +
left: 45%;
 +
color: white;
 +
font-family: 'Nexa light', sans-serif;
 +
font-weight: 100;
 +
letter-spacing: 1px;
 +
}
 +
 +
.exp:hover {
 +
cursor: pointer;
 +
color: #00ff08;
 +
text-decoration: underline;
 +
}
 +
 +
.mod {
 +
position: absolute;
 +
z-index: 999;
 +
top: 2%;
 +
left: 56%;
 +
color: white;
 +
font-family: 'Nexa light', sans-serif;
 +
font-weight: 100;
 +
letter-spacing: 1px;
 +
}
 +
 +
.mod:hover {
 +
cursor: pointer;
 +
color: #00ff08;
 +
text-decoration: underline;
 +
}
 +
 +
.prot {
 +
position: absolute;
 +
z-index: 999;
 +
top: 2%;
 +
left: 65%;
 +
color: white;
 +
font-family: 'Nexa light', sans-serif;
 +
font-weight: 100;
 +
letter-spacing: 1px;
 +
}
 +
 +
.prot:hover {
 +
cursor: pointer;
 +
color: #00ff08;
 +
text-decoration: underline;
 +
}
 +
 +
.hp {
 +
position: absolute;
 +
z-index: 999;
 +
top: 2%;
 +
left: 74%;
 +
color: white;
 +
font-family: 'Nexa light', sans-serif;
 +
font-weight: 100;
 +
letter-spacing: 1px;
 +
}
 +
 +
.hp:hover {
 +
cursor: pointer;
 +
color: #00ff08;
 +
text-decoration: underline;
 +
}
 +
 +
.as {
 +
position: absolute;
 +
z-index: 999;
 +
top: 2%;
 +
left: 88%;
 +
color: white;
 +
font-family: 'Nexa light', sans-serif;
 +
font-weight: 100;
 +
letter-spacing: 1px;
 +
}
 +
 +
.as:hover {
 +
cursor: pointer;
 +
color: #00ff08;
 +
text-decoration: underline;
 +
}
 +
 +
.turn {
 +
position: absolute;
 +
z-index: 999;
 +
font-size: 10vh;
 +
width: 70vh;
 +
color: white;
 +
font-family: Product Sans;
 +
top: 20%;
 +
left: 35%;
 +
letter-spacing: 2px;
 +
}
 +
 +
.you {
 +
position: absolute;
 +
z-index: 999;
 +
font-size: 3.5vh;
 +
color: white;
 +
font-family: Product Sans;
 +
top: 52%;
 +
left: 35%;
 +
font-weight: 100;
 +
letter-spacing: 1px;
 +
}
 +
 +
.button {
 +
position: absolute;
 +
z-index: 999;
 +
background-color: #50c484;
 +
border: none;
 +
color: white;
 +
padding: 6px 15px;
 +
text-align: center;
 +
text-decoration: none;
 +
display: inline-block;
 +
font-size: 16px;
 +
top: 68%;
 +
left: 41%;
 +
font-family: Product Sans;
 +
font-weight: 100;
 +
letter-spacing: 1px;
 +
}
 +
 +
.button:hover {
 +
background-color: #3e9b67;
 +
cursor: pointer;
 +
}
 +
 +
.bird {
 +
position: absolute;
 +
z-index: 1000;
 +
width: 6vh;
 +
bottom: 5%;
 +
left: 2.8%;
 +
border-radius: 50%;
 +
}
 +
 +
.bird:hover {
 +
cursor: pointer;
 +
background-color: ghostwhite;
 +
}
 +
 +
.instagram {
 +
position: absolute;
 +
z-index: 1000;
 +
width: 6vh;
 +
bottom: 5%;
 +
left: 6.9%;
 +
}
 +
 +
.instagram:hover {
 +
cursor: pointer;
 +
background-color: ghostwhite;
 +
border-radius: 31%;
 +
}
 +
 +
.fb {
 +
position: absolute;
 +
border-radius: 20%;
 +
z-index: 1000;
 +
width: 6vh;
 +
bottom: 5%;
 +
left: 11%;
 +
}
 +
 +
.fb:hover {
 +
cursor: pointer;
 +
background-color: ghostwhite;
 +
}
 +
 +
    </style>
 
</head>
 
</head>
  

Revision as of 11:27, 4 June 2018

TAS_Taipei

&nbsp TAS_Taipei &nbsp

Project

Experiments

Modelling

Prototype

Human Practises

About Us

Turn red after one drink?

You may have ALDH2 Deficiency.

Learn more &nbsp &nbsp &nbsp >