Difference between revisions of "Team:Manchester/Results"

@@ Line 1: / Line 1: @@
 {{:Team:Manchester/Templates/NavBar}}
 {{ManchesterMobile}}
 <html>
+<head>
+<style>
-<div class="column full_size" >
+body {
+    background-color:;
+    overflow-x: hidden
+}
-<h1>Results</h1>
+.projectlink img:hover {
+  opacity: 0.7;
+}
-<p>Here you can describe the results of your project and your future plans. </p>
+.floatleft1 {
+  float: right!important;
+}
-<h5>What should this page contain?</h5>
+.floatright1 {
-<ul>
+  float: left!important;
-<li> Clearly and objectively describe the results of your work.</li>
+}
-<li> Future plans for the project. </li>
-<li> Considerations for replicating the experiments. </li>
-</ul>
-<h5>You should also describe what your results mean: </h5>
+.sectionfirst {
+  margin-top: 25px!important;
+  padding-top: 10vh;
+  height: 30vh;
+  background: transparent;
+  background-size: cover
+}
-<ul>
+.border {
-<li> Interpretation of the results obtained during your project. Don't just show a plot/figure/graph/other, tell us what you think the data means. This is an important part of your project that the judges will look for. </li>
+  background-color: #c4c4c4;
-<li> Show data, but remember all measurement and characterization data must be on part pages in the Registry. </li>
+  color: #fff;
-<li> Consider including an analysis summary section to discuss what your results mean. Judges like to read what you think your data means, beyond all the data you have acquired during your project. </li>
+  padding: 18px;
-</ul>
+  letter-spacing: 10px;
+  opacity: 1
+}
-</div>
+.col-md-4 img {
+  width: 20vw;
+  display: block;
+  margin-left: auto;
+  margin-right: auto
+}
-<div class="clear"></div>
+.displaybox {
+    padding-top: 10px;
+    display: block;
+    min-height: 40vh;
+    border: 3px solid transparent;
+    border-radius:;
+    width: 100vw!important;
+    overflow-x: hidden;
+    opacity: 1.0;
+    -webkit-transition: 0.3s ease-in-out;
+    -moz-transition: 0.3s ease-in-out;
+    -ms-transition: 0.3s ease-in-out;
+    -o-transition: 0.3s ease-in-out;
+    transition: 0.3s ease-in-out
+}
-<div class="column half_size" >
+h4 {
+  font-size: 35px!important;
+  font-weight: 400;
+  font-family: 'Calibri'!important;
+  padding: 2%!important;
+  text-align: center;
+}
+h2 {
+  font-size: 40px!important;
+  font-weight: 400;
+  font-family: 'Calibri'!important;
+  padding: 2%!important;
+  text-align: center;
+}
-<h5> Project Achievements </h5>
+h3 {
+  font-size: 20px!important;
+  padding: 2%!important;
+  background: #89d4fa!important;
+  color: #111;
+  border: 1px solid #44bfff;
+  border-radius: .25em;
+  text-align: justify;
+  text-justify: inter-word;
+}
-<p>You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.</p>
+p {
+  text-align: justify;
+  text-justify: inter-word;
+  font-family: 'Calibri', sans-serif;
+}
-<ul>
+</style>
-<li>A list of linked bullet points of the successful results during your project</li>
-<li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
-</ul>
+</head>
+<body>
+<div class="clear"></div>
+<div class="col-md-12 sectionfirst" style="background-color: #fbf9f8!important">
+<h2 class="border" style="margin-top: 5vh; text-align: center">Results</h2>
+<br/>
 </div>
+<div style="padding: 0px 30vw; background-color: #fbf9f8!important">
-<div class="column half_size" >
+<p><b>Overview:</b></p>
-<h5>Inspiration</h5>
+<div class="plan" style="padding: 0px 2vw; border: 3px solid transparent; background-color: #fbf9f8!important">
-<p>See how other teams presented their results.</p>
+<p style="margin-left: 40px">1. <a href="https://2017.igem.org/Team:Manchester/Results1">Polyphosphate kinase</a> purification and optimization.</p>
-<ul>
+<p style="margin-left: 40px">2. <a href="https://2017.igem.org/Team:Manchester/Results2">Eut microcompartment</a> expression.</p>
-<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
+<p style="margin-left: 40px">3. <a href="https://2017.igem.org/Team:Manchester/Results3">Localization Tag</a> characterization.</p>
-<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
+<p style="margin-left: 40px">4. <a href="https://2017.igem.org/Team:Manchester/Results4">Anderson Promoters</a> characterization.</p>
-<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
+<p style="margin-left: 40px">5. <a href="https://2017.igem.org/Team:Manchester/Results5">References</a></p>
-</ul>
 </div>
+</div>
+<div class="plan" style="padding: 0px 8vw; background-color: #fbf9f8!important">
+<a class="floatleft1 project projectlink" href= " https://2017.igem.org/Team:Manchester/Results1 " ><img src="https://static.igem.org/mediawiki/2017/7/7c/T--Manchester--Next_Arrow17.jpg"></a>
+<a class="floatright1 project projectlink" href= " https://2017.igem.org/Team:Manchester/Description1 " ><img src="https://static.igem.org/mediawiki/2017/0/0a/T--Manchester--BACKARROW17MAN.jpg"></a>
+<br>
+<br>
+<br>
+<br>
+<br>
+</div>
+<script>
+$(document).ready(function() {
+// Create NGL Stage object
+var stage = new NGL.Stage( "viewport" );
+// Handle window resizing
+window.addEventListener( "resize", function( event ){
+    stage.handleResize();
+}, false );
+// Load PDB entry 1CRN
+stage.loadFile( "https://2017.igem.org/Team:Manchester/ppk.pdb", { defaultRepresentation: true } )
+});
+</script>
+</body>
 </html>
+{{:Team:Manchester/Templates/Footer}}