Difference between revisions of "Template:UNSW Australia/Header"

m
 
(21 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<div class="header" id="description-header">
 
−
<div class="top-icon-div">
 
−
<img class="top-icon" src="https://static.igem.org/mediawiki/2018/9/9b/T--UNSW_Australia--Icon-project.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/f2/T--UNSW_Australia--Icon-project-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Description</h1>
 
−
<div class="header-line">
 
−
<div id="project-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="design-header">
 
−
<div class="top-icon-div">
 
−
<img class="top-icon" src="https://static.igem.org/mediawiki/2018/9/9b/T--UNSW_Australia--Icon-project.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/f2/T--UNSW_Australia--Icon-project-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Design</h1>
 
−
<div class="header-line">
 
−
<div id="project-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="cloning-header">
 
−
<div class="top-icon-div">
 
−
<img class="top-icon" src="https://static.igem.org/mediawiki/2018/8/8d/T--UNSW_Australia--Icon-lab.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/f3/T--UNSW_Australia--Icon-lab-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Cloning</h1>
 
−
<div class="header-line">
 
−
<div id="lab-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="experiments-header">
 
−
<div class="top-icon-div">
 
−
<img class="top-icon" src="https://static.igem.org/mediawiki/2018/8/8d/T--UNSW_Australia--Icon-lab.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/f3/T--UNSW_Australia--Icon-lab-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Experiments</h1>
 
−
<div class="header-line">
 
−
<div id="lab-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="interlab-header">
 
−
<div class="top-icon-div">
 
−
<img class="top-icon" src="https://static.igem.org/mediawiki/2018/8/8d/T--UNSW_Australia--Icon-lab.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/f3/T--UNSW_Australia--Icon-lab-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Interlab</h1>
 
−
<div class="header-line">
 
−
<div id="lab-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="assays-header">
 
−
<div class="top-icon-div">
 
−
<img class="top-icon" src="https://static.igem.org/mediawiki/2018/8/8d/T--UNSW_Australia--Icon-lab.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/f3/T--UNSW_Australia--Icon-lab-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Assays</h1>
 
−
<div class="header-line">
 
−
<div id="lab-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="protein-header">
 
−
<div class="top-icon-div">
 
−
<img class="top-icon" src="https://static.igem.org/mediawiki/2018/8/8d/T--UNSW_Australia--Icon-lab.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/f3/T--UNSW_Australia--Icon-lab-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Protein Expression</h1>
 
−
<div class="header-line">
 
−
<div id="lab-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="results-header">
 
−
<div class="top-icon-div">
 
−
<img class="top-icon" src="https://static.igem.org/mediawiki/2018/8/8d/T--UNSW_Australia--Icon-lab.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/f3/T--UNSW_Australia--Icon-lab-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Results</h1>
 
−
<div class="header-line">
 
−
<div id="lab-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="plants-header">
 
−
<div class="top-icon-div">
 
−
<img class="top-icon" src="https://static.igem.org/mediawiki/2018/8/8d/T--UNSW_Australia--Icon-lab.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/f3/T--UNSW_Australia--Icon-lab-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Plants</h1>
 
−
<div class="header-line">
 
−
<div id="lab-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="FRET-header">
 
−
<div class="top-icon-div">
 
−
<img class="top-icon" src="https://static.igem.org/mediawiki/2018/8/8d/T--UNSW_Australia--Icon-lab.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/f3/T--UNSW_Australia--Icon-lab-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">FRET</h1>
 
−
<div class="header-line">
 
−
<div id="lab-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="team-header">
 
−
<div class="top-icon-div">
 
−
<img class="top-icon" src="https://static.igem.org/mediawiki/2018/9/97/T--UNSW_Australia--Icon-people.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img class="bottom-icon" src="https://static.igem.org/mediawiki/2018/a/aa/T--UNSW_Australia--Icon-people-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Team</h1>
 
−
<div class="header-line">
 
−
<div id="people-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="collaborations-header">
 
−
<div class="top-icon-div">
 
−
<img class="top-icon" src="https://static.igem.org/mediawiki/2018/9/97/T--UNSW_Australia--Icon-people.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img class="bottom-icon" src="https://static.igem.org/mediawiki/2018/a/aa/T--UNSW_Australia--Icon-people-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Collaborations</h1>
 
−
<div class="header-line">
 
−
<div id="people-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="attributions-header">
 
−
<div class="top-icon-div">
 
−
<img class="top-icon" src="https://static.igem.org/mediawiki/2018/9/97/T--UNSW_Australia--Icon-people.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img class="bottom-icon" src="https://static.igem.org/mediawiki/2018/a/aa/T--UNSW_Australia--Icon-people-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Attributions</h1>
 
−
<div class="header-line">
 
−
<div id="people-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="hp-header">
 
−
<div class="top-icon-div">
 
−
<img class="top-icon" src="https://static.igem.org/mediawiki/2018/3/33/T--UNSW_Australia--Icon-hp.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img class="bottom-icon" src="https://static.igem.org/mediawiki/2018/2/2b/T--UNSW_Australia--Icon-hp-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Human Practices</h1>
 
−
<div class="header-line">
 
−
<div id="hp-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="commercialisation-header">
 
−
<div class="top-icon-div">
 
−
<img class="top-icon" src="https://static.igem.org/mediawiki/2018/3/33/T--UNSW_Australia--Icon-hp.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img class="bottom-icon" src="https://static.igem.org/mediawiki/2018/2/2b/T--UNSW_Australia--Icon-hp-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Commercialisation</h1>
 
−
<div class="header-line">
 
−
<div id="hp-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="law-header">
 
−
<div class="top-icon-div">
 
−
<img class="top-icon" src="https://static.igem.org/mediawiki/2018/3/33/T--UNSW_Australia--Icon-hp.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img class="bottom-icon" src="https://static.igem.org/mediawiki/2018/2/2b/T--UNSW_Australia--Icon-hp-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Law and Regulation</h1>
 
−
<div class="header-line">
 
−
<div id="hp-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="publicEngagement-header">
 
−
<div class="top-icon-div">
 
−
<img class="top-icon" src="https://static.igem.org/mediawiki/2018/3/33/T--UNSW_Australia--Icon-hp.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img class="bottom-icon" src="https://static.igem.org/mediawiki/2018/2/2b/T--UNSW_Australia--Icon-hp-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Public Engagement</h1>
 
−
<div class="header-line">
 
−
<div id="hp-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="hpIntegrate-header">
 
−
<div class="top-icon-div">
 
−
<img class="top-icon" src="https://static.igem.org/mediawiki/2018/3/33/T--UNSW_Australia--Icon-hp.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img class="bottom-icon" src="https://static.igem.org/mediawiki/2018/2/2b/T--UNSW_Australia--Icon-hp-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Integrated Human Practices</h1>
 
−
<div class="header-line">
 
−
<div id="hp-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="parts-header">
 
−
<div class="top-icon-div">
 
−
<img class="top-icon" src="https://static.igem.org/mediawiki/2018/c/c0/T--UNSW_Australia--Icon-parts.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/fe/T--UNSW_Australia--Icon-parts-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Parts</h1>
 
−
<div class="header-line">
 
−
<div id="parts-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
 
−
<div class="header" id="composite-header">
 
−
<div class="top-icon-div">
 
−
<img class="top-icon" src="https://static.igem.org/mediawiki/2018/c/c0/T--UNSW_Australia--Icon-parts.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/fe/T--UNSW_Australia--Icon-parts-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Composite Part</h1>
 
−
<div class="header-line">
 
−
<div id="docs-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="improved-header">
 
−
<div class="top-icon-div">
 
−
<img class="top-icon" src="https://static.igem.org/mediawiki/2018/c/c0/T--UNSW_Australia--Icon-parts.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/fe/T--UNSW_Australia--Icon-parts-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Improved Part</h1>
 
−
<div class="header-line">
 
−
<div id="docs-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="software-header">
 
−
<div class="top-icon-div">
 
−
<img class="top-icon" src="https://static.igem.org/mediawiki/2018/c/c0/T--UNSW_Australia--Icon-parts.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/fe/T--UNSW_Australia--Icon-parts-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Part Software</h1>
 
−
<div class="header-line">
 
−
<div id="docs-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="journal-header">
 
−
<div class="header-img-txt">
 
−
        <div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/1/16/T--UNSW_Australia--Icon-docs.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/d/d4/T--UNSW_Australia--Icon-docs-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Journal</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="docs-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="safety-header">
 
−
<div class="top-icon-div">
 
−
<img class="top-icon" src="https://static.igem.org/mediawiki/2018/1/16/T--UNSW_Australia--Icon-docs.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img class="bottom-icon" src="https://static.igem.org/mediawiki/2018/d/d4/T--UNSW_Australia--Icon-docs-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Safety</h1>
 
−
<div class="header-line">
 
−
<div id="docs-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="modelling-header">
 
−
<div class="top-icon-div">
 
−
<img class="top-icon" src="https://static.igem.org/mediawiki/2018/4/44/T--UNSW_Australia--Icon-modelling.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img class="bottom-icon" src="https://static.igem.org/mediawiki/2018/6/68/T--UNSW_Australia--Icon-modelling-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Modelling</h1>
 
−
<div class="header-line">
 
−
<div id="modelling-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
 
−
<div class="header" id="EKD-header">
 
−
<div class="top-icon-div">
 
−
<img class="top-icon" src="https://static.igem.org/mediawiki/2018/4/44/T--UNSW_Australia--Icon-modelling.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img class="bottom-icon" src="https://static.igem.org/mediawiki/2018/6/68/T--UNSW_Australia--Icon-modelling-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Enzyme Kinetics and Diffusion</h1>
 
−
<div class="header-line">
 
−
<div id="modelling-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="MD-header">
 
−
<div class="top-icon-div">
 
−
<img class="top-icon" src="https://static.igem.org/mediawiki/2018/4/44/T--UNSW_Australia--Icon-modelling.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img class="bottom-icon" src="https://static.igem.org/mediawiki/2018/6/68/T--UNSW_Australia--Icon-modelling-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Molecular Dynamics</h1>
 
−
<div class="header-line">
 
−
<div id="modelling-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
  
 
<style>
 
<style>
Line 363: Line 9:
 
     30%  {opacity: 0;}
 
     30%  {opacity: 0;}
 
     100% {opacity: 1;}
 
     100% {opacity: 1;}
 +
}
 +
 +
@keyframes icon-fade-out {
 +
    0%  {opacity: 1;}
 +
    30%  {opacity: 1;}
 +
    100% {opacity: 0;}
 
}
 
}
  
Line 377: Line 29:
  
 
#content {
 
#content {
−
   padding-top: 320px;
+
   padding-top: 205px;
 
}
 
}
  
Line 387: Line 39:
 
.header h1 {
 
.header h1 {
 
   position: absolute;
 
   position: absolute;
−
   top: 150px;
+
   top: 100px;
 
}
 
}
  
Line 396: Line 48:
 
.header {
 
.header {
 
     display: none;
 
     display: none;
 +
}
 +
 +
.header-img-txt {
 +
  position: absolute;
 +
  right: 10%;
 +
  top: -20px;
 
}
 
}
  
Line 401: Line 59:
 
     position: absolute;
 
     position: absolute;
 
     top: 80px;
 
     top: 80px;
−
     right: 180px;
+
     right: 0px;
 
     height: 160px;
 
     height: 160px;
 
     width: 160px;
 
     width: 160px;
Line 416: Line 74:
 
   top: 10px;
 
   top: 10px;
 
   width: 600px;
 
   width: 600px;
−
   right: 400px;
+
   right: 180px;
 
   text-align: right;
 
   text-align: right;
 
   float: right;
 
   float: right;
Line 429: Line 87:
 
   text-transform: uppercase;
 
   text-transform: uppercase;
 
   font-size: 60px;
 
   font-size: 60px;
−
  font-weight: 800;
 
 
   letter-spacing: -3px;
 
   letter-spacing: -3px;
 
   line-height: 1;
 
   line-height: 1;
Line 439: Line 96:
 
   border-top: #212121 5px solid;
 
   border-top: #212121 5px solid;
 
   position: absolute;
 
   position: absolute;
−
   width: 100%;
+
   width: 80%;
−
   margin-left: 200px;
+
   margin-left: 10%;
−
   top: 300px;
+
   top: 225px;
 
   animation-name: line-appear;
 
   animation-name: line-appear;
 
   animation-duration: 1s;
 
   animation-duration: 1s;

Latest revision as of 09:49, 15 October 2018