(19 intermediate revisions by the same user not shown) | |||
Line 38: | Line 38: | ||
font-family: 'KentExo2'; | font-family: 'KentExo2'; | ||
} | } | ||
+ | |||
+ | #navbox{ | ||
+ | width:100%; | ||
+ | text-align:center; | ||
+ | margin-left:-580px; | ||
+ | } | ||
+ | |||
+ | |||
#navdiv{ | #navdiv{ | ||
color: #FFFFFF; | color: #FFFFFF; | ||
− | + | display:inline-block; | |
− | + | ||
− | + | ||
font-family:KentExo2; | font-family:KentExo2; | ||
position:fixed; | position:fixed; | ||
− | |||
z-index:100; | z-index:100; | ||
+ | |||
} | } | ||
Line 60: | Line 66: | ||
#navdiv ul{ | #navdiv ul{ | ||
+ | display:inline-block; | ||
background: transparent; | background: transparent; | ||
− | |||
list-style: none; | list-style: none; | ||
− | + | margin:0; | |
− | + | padding:0; } | |
− | + | ||
− | + | ||
#navdiv ul a{ | #navdiv ul a{ | ||
Line 74: | Line 78: | ||
} | } | ||
#navdiv ul li{ | #navdiv ul li{ | ||
− | + | padding:0; | |
float: left; | float: left; | ||
width: 169px; | width: 169px; | ||
Line 84: | Line 88: | ||
color:#D0FEDC; | color:#D0FEDC; | ||
cursor: pointer; | cursor: pointer; | ||
− | opacity:0. | + | background: #455057; |
− | border-radius: | + | opacity:0.6; |
+ | border-radius: 20px; | ||
} | } | ||
#navdiv ul #teamLogo{ | #navdiv ul #teamLogo{ | ||
− | + | float: left; | |
− | + | ||
− | + | ||
− | + | ||
width: 150px; | width: 150px; | ||
height: 120px; | height: 120px; | ||
position: relative; | position: relative; | ||
− | opacity:0. | + | opacity:0.6; |
+ | margin-top:-30px; | ||
+ | border-radius:30px; | ||
} | } | ||
Line 109: | Line 113: | ||
#navdiv ul #teamLogo:hover{ | #navdiv ul #teamLogo:hover{ | ||
border-radius:10px; | border-radius:10px; | ||
− | background: # | + | background: #a3704f; |
transition:all 0.3s; | transition:all 0.3s; | ||
opacity:0.8; | opacity:0.8; | ||
Line 139: | Line 143: | ||
} | } | ||
#navdiv ul.drop-menu li ul{ | #navdiv ul.drop-menu li ul{ | ||
− | border-radius: | + | border-radius: 20px; |
} | } | ||
Line 155: | Line 159: | ||
text-align: center; | text-align: center; | ||
} | } | ||
+ | |||
#title{ | #title{ | ||
margin-top:170px; | margin-top:170px; | ||
+ | text-align:center; | ||
+ | margin-bottom:150px; | ||
} | } | ||
− | #title | + | |
+ | #title img{ | ||
display:inline-block; | display:inline-block; | ||
− | + | width:300px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | width: | + | |
} | } | ||
Line 178: | Line 176: | ||
position:absolute: | position:absolute: | ||
margin-top:500px; | margin-top:500px; | ||
+ | margin-left: 100px; | ||
+ | margin-right:100px; | ||
display: inline-block; | display: inline-block; | ||
color:#F37524; | color:#F37524; | ||
font-size:50px; | font-size:50px; | ||
} | } | ||
+ | #box1{ | ||
+ | margin:auto; | ||
+ | width:1200px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | #box2{ | ||
+ | margin:auto; | ||
+ | width:1200px; | ||
+ | text-align:center; | ||
+ | |||
+ | |||
+ | } | ||
+ | #textbox1{ | ||
+ | display:inline-block; | ||
+ | margin: 40px 20px 40px 0; | ||
+ | width:1000px; | ||
+ | border-radius:20px; | ||
+ | opacity:0.8; | ||
+ | background: #455057; | ||
+ | border-style: solid; | ||
+ | border-color: #F37524; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | |||
+ | #textbox2{ | ||
+ | display:inline-block; | ||
+ | margin: 40px 0 40px 0; | ||
+ | width:1000px; | ||
+ | border-radius:20px; | ||
+ | |||
+ | opacity:0.8; | ||
+ | background: #455057; | ||
+ | border-style: solid; | ||
+ | border-color: #E61B5F; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | |||
+ | #box1 p{ | ||
+ | display:inline-block; | ||
+ | width: calc(100% - 40px); | ||
+ | font-size:20px; | ||
+ | color:#F37524; | ||
+ | } | ||
+ | |||
+ | #textbox1 ul li{ | ||
+ | font-size:20px; | ||
+ | color:#edd3da; | ||
+ | } | ||
+ | #box2 p{ | ||
+ | display:inline-block; | ||
+ | width: calc(100% - 40px); | ||
+ | font-size:20px; | ||
+ | color:#E61B5F; | ||
+ | } | ||
+ | .faces { | ||
+ | margin: 20px 0 0 0; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | display: block; | ||
+ | text-align: center; | ||
+ | width: 100%; | ||
+ | } | ||
+ | .bubble { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border-radius: 50%; | ||
+ | position: relative; | ||
+ | cursor: default; | ||
+ | box-shadow: | ||
+ | inset 0 0 0 0 rgba(200,95,66, 0.4), | ||
+ | inset 0 0 0 16px rgba(255,255,255,0.6), | ||
+ | 0 1px 2px rgba(0,0,0,0.1); | ||
+ | transition: all 0.4s ease-in-out; | ||
+ | } | ||
+ | |||
+ | .face-1 { | ||
+ | background-image: url(../images/4.jpg); | ||
+ | } | ||
+ | |||
+ | .face-2 { | ||
+ | background-image: url(../images/5.jpg); | ||
+ | } | ||
+ | |||
+ | .face-3 { | ||
+ | background-image: url(../images/6.jpg); | ||
+ | } | ||
+ | .face-4 { | ||
+ | background-image: url(../images/4.jpg); | ||
+ | } | ||
+ | |||
+ | .face-5 { | ||
+ | background-image: url(../images/5.jpg); | ||
+ | } | ||
+ | |||
+ | .face-6 { | ||
+ | background-image: url(../images/6.jpg); | ||
+ | } | ||
+ | .face-7 { | ||
+ | background-image: url(../images/5.jpg); | ||
+ | } | ||
+ | |||
+ | .face-8 { | ||
+ | background-image: url(../images/6.jpg); | ||
+ | } | ||
+ | |||
+ | |||
+ | .bubble:hover { | ||
+ | box-shadow: | ||
+ | inset 0 0 0 110px rgba(200,95,66, 0.4), | ||
+ | outset 0 0 0 16px rgba(255,255,255,0.8), | ||
+ | 0 1px 2px rgba(0,0,0,0.1); | ||
+ | } | ||
+ | |||
+ | |||
+ | .faces:after, | ||
+ | .bubble:before { | ||
+ | content: ''; | ||
+ | display: table; | ||
+ | } | ||
+ | |||
+ | .faces:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .faces li { | ||
+ | width: 400px; | ||
+ | height: 400px; | ||
+ | display: inline-block; | ||
+ | margin: 20px; | ||
+ | } | ||
+ | |||
+ | .subName h3 { | ||
+ | color: #fff; | ||
+ | text-transform: uppercase; | ||
+ | position: relative; | ||
+ | letter-spacing: 2px; | ||
+ | font-size: 22px; | ||
+ | margin: 0 30px; | ||
+ | padding: 65px 0 0 0; | ||
+ | height: 110px; | ||
+ | } | ||
+ | |||
+ | .subName p { | ||
+ | color: #fff; | ||
+ | padding: 10px 5px; | ||
+ | font-style: italic; | ||
+ | margin: 0 30px; | ||
+ | font-size: 12px; | ||
+ | border-top: 1px solid rgba(255,255,255,0.5); | ||
+ | } | ||
+ | |||
.droptext { | .droptext { | ||
Line 295: | Line 449: | ||
input:checked + section.hull .hull-title:before { | input:checked + section.hull .hull-title:before { | ||
transform: rotate(270deg); | transform: rotate(270deg); | ||
− | |||
} | } | ||
+ | |||
+ | |||
#foot ul{ | #foot ul{ | ||
display: flex; | display: flex; | ||
Line 365: | Line 520: | ||
#foot ul li:nth-child(6) span:before{ | #foot ul li:nth-child(6) span:before{ | ||
background: #5BBBF7; | background: #5BBBF7; | ||
+ | } | ||
+ | |||
+ | #ScrollUp img{ | ||
+ | width:30px; | ||
+ | } | ||
+ | #ScrollUp { | ||
+ | display:none; | ||
+ | position: fixed; | ||
+ | bottom: 55px; | ||
+ | right: 10px; | ||
+ | z-index: 299; | ||
+ | border-style: solid; | ||
+ | border-color: #F37524; | ||
+ | outline: none; | ||
+ | opacity:0.8; | ||
+ | background-color: #455057; | ||
+ | color: #E61B5F; | ||
+ | cursor: pointer; | ||
+ | padding: 15px; | ||
+ | border-radius: 30px; | ||
+ | } | ||
+ | |||
+ | #ScrollUp:hover { | ||
+ | background-color: #F37524; | ||
+ | } | ||
+ | #foot ul li span:hover .fa | ||
+ | { | ||
+ | color:#25343D; | ||
+ | transform: rotateY(360deg); | ||
+ | } | ||
+ | #foot ul li span:before | ||
+ | { | ||
+ | content:''; | ||
+ | position: absolute; | ||
+ | top:100%; | ||
+ | left:0; | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | background: #1AE195; | ||
+ | transition: 0.5s; | ||
} | } | ||
#sponsors{ | #sponsors{ | ||
+ | padding-top:100px; | ||
+ | text-align:center; | ||
margin-left:50px; | margin-left:50px; | ||
} | } | ||
#sponsors img{ | #sponsors img{ | ||
− | width: | + | width:110px; |
+ | |||
+ | } | ||
+ | #sponsorstop{ | ||
+ | display:inline-block; | ||
+ | padding-right:400px; | ||
} | } | ||
− | #sponsorsdown | + | #sponsorsdown { |
− | + | display:inline-block; | |
+ | padding-left:170px; | ||
} | } | ||
Line 383: | Line 586: | ||
<body> | <body> | ||
+ | <div id="navbox"> | ||
<nav id="navdiv"> | <nav id="navdiv"> | ||
<ul> | <ul> | ||
Line 389: | Line 593: | ||
<ul class="drop-menu menu-1"> | <ul class="drop-menu menu-1"> | ||
<a href="https://2017.igem.org/Team:Kent/Description"><li>Description</li></a> | <a href="https://2017.igem.org/Team:Kent/Description"><li>Description</li></a> | ||
− | <a href="https://2017.igem.org/Team:Kent/ | + | <a href="https://2017.igem.org/Team:Kent/Model"><li>Modelling</li></a> |
<a href="https://2017.igem.org/Team:Kent/Results"><li>Results</li></a> | <a href="https://2017.igem.org/Team:Kent/Results"><li>Results</li></a> | ||
− | + | ||
− | + | ||
</ul> | </ul> | ||
<li> | <li> | ||
<a href="#">Parts</a> | <a href="#">Parts</a> | ||
<ul class="drop-menu menu-2"> | <ul class="drop-menu menu-2"> | ||
− | + | ||
<a href="https://2017.igem.org/Team:Kent/Basic_Part"><li>Basic Parts</li></a> | <a href="https://2017.igem.org/Team:Kent/Basic_Part"><li>Basic Parts</li></a> | ||
− | + | ||
− | + | ||
</ul> | </ul> | ||
Line 422: | Line 624: | ||
<ul class="drop-menu menu-2"> | <ul class="drop-menu menu-2"> | ||
<a href="https://2017.igem.org/Team:Kent/Safety"><li>Project Safety</li></a> | <a href="https://2017.igem.org/Team:Kent/Safety"><li>Project Safety</li></a> | ||
− | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 436: | Line 638: | ||
<a href="#">Human Practices</a> | <a href="#">Human Practices</a> | ||
<ul class="drop-menu menu-2"> | <ul class="drop-menu menu-2"> | ||
− | <a href="https://2017.igem.org/Team:Kent/HP/Silver"><li> | + | <a href="https://2017.igem.org/Team:Kent/HP/Silver"><li>Integrate HP</li></a> |
− | + | ||
<a href="https://2017.igem.org/Team:Kent/Engagement"><li>Public Engagement</li></a> | <a href="https://2017.igem.org/Team:Kent/Engagement"><li>Public Engagement</li></a> | ||
<a href="https://2017.igem.org/Team:Kent/InterLab"><li>Interlab</li></a> | <a href="https://2017.igem.org/Team:Kent/InterLab"><li>Interlab</li></a> | ||
Line 445: | Line 646: | ||
</ul> | </ul> | ||
</nav> | </nav> | ||
+ | </div> | ||
<div id ="title"> | <div id ="title"> | ||
<img src = "https://static.igem.org/mediawiki/2017/thumb/b/b4/T--Kent--AttributionHeader.png/678px-T--Kent--AttributionHeader.png" id="header1"> | <img src = "https://static.igem.org/mediawiki/2017/thumb/b/b4/T--Kent--AttributionHeader.png/678px-T--Kent--AttributionHeader.png" id="header1"> | ||
− | <span> | + | <span>Attribution</span> |
<img src = "https://static.igem.org/mediawiki/2017/thumb/9/9c/T--Kent--AttributionHeader2.png/637px-T--Kent--AttributionHeader2.png" id="header2"> | <img src = "https://static.igem.org/mediawiki/2017/thumb/9/9c/T--Kent--AttributionHeader2.png/637px-T--Kent--AttributionHeader2.png" id="header2"> | ||
</div> | </div> | ||
− | + | <div id="box1"> | |
− | + | <div class="centerizer"> | |
− | + | ||
− | + | ||
− | + | </div> | |
− | + | ||
− | + | <div id="textbox1" ><br><br> | |
− | + | <ul><li><Technical services led by Julian Cook- School of Biosciences, University of Kent<br> | |
− | + | Technical services provided us with equipment and materials for use during our time in the lab for the duration of the project, and autoclaved our biological waste. They provided everything from petri dishes to ingredients to make things like gels and agar, and glassware that was essential to our lab work. Julian Cook, head of technical services, also gave us a safety induction before our lab work began.<br></li><br> | |
− | + | <li>Taylor Monaghan<br> | |
− | + | Taylor is a PhD student at the University of Kent who aided us in learning basic molecular biology techniques, acting as our lab supervisor. He guided us on safety in the lab,= and used his experience in the lab to provide a vital assistance to our team.<br></li><br> | |
− | + | <li>Dr Rosalyn Masterton<br> | |
− | + | Dr Masterton kindly helped us with gaining understanding in molecular biology and cloning as well as offering us a sample of pcDNA 3.1 (+) mammalian vector for cloning our construct for imaging.<br></li><br> | |
− | + | <li>Dr Emma Mead<br> | |
− | + | Dr Emma Mead assisted us with all the mammalian cell culturing procedures. She kindly offered us a sample of HEK293 cells and aided us in experiment design, passaging and transfection. She also advised us on future design tweaks and experiments <br></li><br> | |
− | + | <li>Dr Alexandra Moores<br> | |
− | + | Dr Alexandra Moores was our point of contact in Dr Neil Kad’s lab for most procedures. She also advised us in the optimization of experiments and protocols to achieve better results<br></li><br> | |
− | + | <li> | |
− | + | Professor Mark Smales<br> | |
− | + | Professor Mark Smales offered lab space for mammalian cell culturing and the chemicals necessary for these experiments.<br></li><br> | |
− | + | <li>Dr Neil Kad<br> | |
− | + | Principal investigator and allowed us to work in his lab after we had to vacant the teaching lab space at the start of term.<br></li><br> | |
− | to | + | <li>Dr Peter Ellis<br> |
− | <br> | + | Dr Peter Ellis was an advisor who helped us perfect our project design with his knowledge on genetics<br></li><br> |
− | + | <li>Dr Wei-Feng Xue<br> | |
− | + | Dr Wei-Feng Xue used to be PI for iGEM teams of Kent in the past and advised us on the important points of iGEM and the requirements for the competition. <br></li><br> | |
− | + | <li>Dr Gary Robinson<br> | |
− | + | Dr Gary Robinson was an advisor who helped us looking at the business side of the project and helped us form the future aspects of our project. He also advised on the possibilities with the Addgene purchases.<br></li><br> | |
− | + | <li>Dr Richard Williamson<br> | |
− | + | Dr Richard Williamson offered us a space to exhibit our project and ideas on the Open Day of the School of Biosciences where we could liaise with prospective undergraduate students. </li><br> | |
− | + | <li> | |
− | + | Ian Brown<br> | |
− | + | Ian helped us with setting up the microscope and taking photos of our cells. He also gave us insight of how we might improve our design to enhance picture quality under the microscope.<br></li><br> | |
− | + | ||
− | + | <li>Snapgene<br> | |
− | + | Snapgene provided us with sponsorship for a free license for their plasmid visualisation software, which was crucial to the design of our biobrick and visualising any restriction sites, helping us carry out both restriction digests, ligations, and Gibson Assembly reactions, proving fundamental to the running of our project.<br></li><br> | |
− | and | + | |
− | + | <li>Integrated DNA Technologies<br> | |
− | + | For providing us with 20kB of free DNA synthesis which we thoroughly took use of.<br></li><br> | |
− | < | + | |
− | + | <li>School of Biosciences at the University of Kent<br> | |
− | + | For allowing us to work in teaching lab 1 over the summer and providing us with the equipment and expertise to enable us to compete in the igem competition in the first place. <br> | |
− | + | </li><br> | |
− | + | ||
− | + | </div> | |
− | <br> | + | |
− | < | + | </div> |
− | + | <div id="alldata"> | |
− | + | <p></p> | |
− | <li> | + | </div> |
− | + | ||
− | < | + | |
− | + | ||
− | < | + | |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <br> | + | |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | <li> | + | |
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | < | + | |
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | < | + | |
− | <li> | + | |
− | + | ||
− | <li> | + | |
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
<div id="foot"> | <div id="foot"> | ||
Line 544: | Line 713: | ||
</ul> | </ul> | ||
</div> | </div> | ||
+ | |||
+ | <button onclick="topFunction()" id="ScrollUp" title="Return to Top"><img src="https://static.igem.org/mediawiki/2017/thumb/c/c6/T--Kent--ScrollV2.png/101px-T--Kent--ScrollV2.png"></button> | ||
+ | |||
<div id="sponsors"> | <div id="sponsors"> | ||
<div id="sponsorstop"> | <div id="sponsorstop"> | ||
Line 566: | Line 738: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | <script> | ||
+ | |||
+ | window.onscroll = function() {scrollFunction()}; | ||
+ | |||
+ | function scrollFunction() { | ||
+ | if (document.body.scrollTop > 40 || document.documentElement.scrollTop > 40) { | ||
+ | document.getElementById("ScrollUp").style.display = "block"; | ||
+ | } else { | ||
+ | document.getElementById("ScrollUp").style.display = "none"; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function topFunction() { | ||
+ | document.body.scrollTop = 0; | ||
+ | document.documentElement.scrollTop = 0; | ||
+ | } | ||
+ | </script> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 03:23, 16 December 2017
Attribution
Technical services provided us with equipment and materials for use during our time in the lab for the duration of the project, and autoclaved our biological waste. They provided everything from petri dishes to ingredients to make things like gels and agar, and glassware that was essential to our lab work. Julian Cook, head of technical services, also gave us a safety induction before our lab work began. - Taylor Monaghan
Taylor is a PhD student at the University of Kent who aided us in learning basic molecular biology techniques, acting as our lab supervisor. He guided us on safety in the lab,= and used his experience in the lab to provide a vital assistance to our team. - Dr Rosalyn Masterton
Dr Masterton kindly helped us with gaining understanding in molecular biology and cloning as well as offering us a sample of pcDNA 3.1 (+) mammalian vector for cloning our construct for imaging. - Dr Emma Mead
Dr Emma Mead assisted us with all the mammalian cell culturing procedures. She kindly offered us a sample of HEK293 cells and aided us in experiment design, passaging and transfection. She also advised us on future design tweaks and experiments - Dr Alexandra Moores
Dr Alexandra Moores was our point of contact in Dr Neil Kad’s lab for most procedures. She also advised us in the optimization of experiments and protocols to achieve better results -
Professor Mark Smales
Professor Mark Smales offered lab space for mammalian cell culturing and the chemicals necessary for these experiments. - Dr Neil Kad
Principal investigator and allowed us to work in his lab after we had to vacant the teaching lab space at the start of term. - Dr Peter Ellis
Dr Peter Ellis was an advisor who helped us perfect our project design with his knowledge on genetics - Dr Wei-Feng Xue
Dr Wei-Feng Xue used to be PI for iGEM teams of Kent in the past and advised us on the important points of iGEM and the requirements for the competition. - Dr Gary Robinson
Dr Gary Robinson was an advisor who helped us looking at the business side of the project and helped us form the future aspects of our project. He also advised on the possibilities with the Addgene purchases. - Dr Richard Williamson
Dr Richard Williamson offered us a space to exhibit our project and ideas on the Open Day of the School of Biosciences where we could liaise with prospective undergraduate students. -
Ian Brown
Ian helped us with setting up the microscope and taking photos of our cells. He also gave us insight of how we might improve our design to enhance picture quality under the microscope. - Snapgene
Snapgene provided us with sponsorship for a free license for their plasmid visualisation software, which was crucial to the design of our biobrick and visualising any restriction sites, helping us carry out both restriction digests, ligations, and Gibson Assembly reactions, proving fundamental to the running of our project. - Integrated DNA Technologies
For providing us with 20kB of free DNA synthesis which we thoroughly took use of. - School of Biosciences at the University of Kent
For allowing us to work in teaching lab 1 over the summer and providing us with the equipment and expertise to enable us to compete in the igem competition in the first place.