Difference between revisions of "Team:UNSW Australia/Experiments"

(Prototype team page)
 
Line 1: Line 1:
−
{{UNSW_Australia}}
+
{{UNSW_Australia/Nav}}
 +
{{UNSW_Australia/MinorCSS}}
 +
{{UNSW_Australia/ResultsCSS}}
 +
{{UNSW_Australia/Font-Style}}
 +
 
 +
 
 
<html>
 
<html>
  
−
<div class="column full_size">
+
<body>
 +
 
 +
<div class="page-content">
 +
 
 +
<div class="page-section1" id="results-title-page">
 +
<h1>Experiments</h1>
 +
</div> <!-- end of section 1-->
 +
 
 +
 
 +
<div id="move-page">
 +
<div class="page-bg-img" id="pcontent1-bg"></div>
 +
 
 +
<div class="page-section2" id="pcontent1">
 +
<h2>Title</h2>
 +
<h3>Subtitle</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 +
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 +
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 +
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 +
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 +
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 +
</div>
 +
 
 +
 
 +
<div class="page-section2" id="pcontent1">
 +
<h2>Title</h2>
 +
<h3>Subtitle</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 +
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 +
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 +
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 +
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 +
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 +
</div>
 +
 
 +
<div class="page-section2" id="pcontent1">
 +
<h2>Title</h2>
 +
<h3>Subtitle</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 +
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 +
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 +
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 +
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 +
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 +
</div>
 +
 
 +
 
 +
<div class="page-section2" id="pcontent1">
 +
<h2>Title</h2>
 +
<h3>Subtitle</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 +
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 +
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 +
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 +
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 +
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 +
</div>
 +
 
 +
<!--end of section 2-->
 +
 
 +
</div>
 +
 
 +
 
 +
<div id="page-index">
 +
<button class="index-buttons page-accordion">Title Here</button>
 +
<div class="page-accordion-panel">
 +
<button>abc</button>
 +
</div>
 +
<button class="index-buttons"><a href="#pcontent2">Title Here</a></button>
 +
<button class="index-buttons"><a href="#pcontent3">Title Here</a></button>
 +
<button onclick="topFunction()" id="goTop-index" class="index-buttons">Back to top</button>
 +
 
 +
<div id="unsw-socials1">
 +
<a id="unsw-email-icon" href="#"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="envelope-square" class="svg-inline--fa fa-envelope-square fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zM178.117 262.104C87.429 196.287 88.353 196.121 64 177.167V152c0-13.255 10.745-24 24-24h272c13.255 0 24 10.745 24 24v25.167c-24.371 18.969-23.434 19.124-114.117 84.938-10.5 7.655-31.392 26.12-45.883 25.894-14.503.218-35.367-18.227-45.883-25.895zM384 217.775V360c0 13.255-10.745 24-24 24H88c-13.255 0-24-10.745-24-24V217.775c13.958 10.794 33.329 25.236 95.303 70.214 14.162 10.341 37.975 32.145 64.694 32.01 26.887.134 51.037-22.041 64.72-32.025 61.958-44.965 81.325-59.406 95.283-70.199z"></path></svg><div class="socials-un">unsw.igem@gmail.com</div></a>
 +
 +
 +
<a href="https://www.facebook.com/unswigemteam/"><svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook-square" class="svg-inline--fa fa-facebook-square fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"></path></svg><div class="socials-un">/unswigemteam</div></a>
 +
 +
<a href="https://www.instagram.com/unsw_igem/"><svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="instagram" class="svg-inline--fa fa-instagram fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg><div class="socials-un">@unsw_igem</div></a>
 +
</div> <!--socials-->
 +
</div>
 +
 
 +
 
 +
 
 +
</div> <!--close tag for page-content-->
 +
 
 +
</body>
 +
 
 +
<script>
 +
 +
 +
var goTopbutton = document.getElementById("goTop-index");
 +
window.onscroll = function() {scrollFunction()};
 +
var x = document.getElementsByClassName("index-buttons");
 +
var i;
 +
 
 +
function scrollFunction() {
 +
 
 +
 
 +
if (document.body.scrollTop > 800 || document.documentElement.scrollTop > 800 ) {
 +
document.getElementById("page-index").style.width = "20em";
 +
document.getElementById("move-page").style.margin = "0em 10em 0em -10em";
 +
}
 +
 
 +
  else {
 +
document.getElementById("page-index").style.width = "0px";
 +
document.getElementById("move-page").style.margin = "0em";
 +
 
 +
  }
 +
}
 +
 
 +
 
 +
function topFunction() {
 +
  document.body.scrollTop = 0;
 +
  document.documentElement.scrollTop = 0;
 +
}
 +
 
 +
 
 +
function changeColourApfd(differentColour) {
 +
document.getElementById("alphapfd-scaff-2").style.fill = differentColour;
 +
document.getElementById("alphapfd-scaff").style.fill = differentColour;
 +
document.getElementById("spycatcher-scaff").style.fill = differentColour;
 +
document.getElementById("spycatcher-scaff-2").style.fill = differentColour;
 +
}
  
−
<h1>Experiments</h1>
 
−
<p>Describe the research, experiments, and protocols you used in your iGEM project. These should be detailed enough for another team to repeat your experiments.</p>
 
  
−
<p>
+
function changeColourBpfd(differentColour) {
−
Please remember to put all characterization and measurement data for your parts on the corresponding Registry part pages.  
+
document.getElementById("betapfd-scaff").style.fill = differentColour;
−
</p>
+
document.getElementById("betapfd-scaff-2").style.fill = differentColour;
 +
document.getElementById("betapfd-scaff-3").style.fill = differentColour;
 +
document.getElementById("betapfd-scaff-4").style.fill = differentColour;
 +
document.getElementById("snoopcatcher-scaff").style.fill = differentColour;
 +
document.getElementById("snoopcatcher-scaff-4").style.fill = differentColour;
 +
document.getElementById("snoopcatcher-scaff-2").style.fill = differentColour;
 +
document.getElementById("snoopcatcher-scaff-3" ).style.fill = differentColour;
 +
}
  
−
</div>
+
function changeColourPathway1(blue, pink) {
 +
document.getElementById("enzyme").style.fill = pink;
 +
document.getElementById("enzyme-2").style.fill = pink;
 +
document.getElementById("enzyme-3").style.fill = pink;
 +
document.getElementById("enzyme-4").style.fill = pink;
 +
document.getElementById("enzyme-connector-2").style.fill = pink;
 +
document.getElementById("enzyme-connector-12").style.fill = pink;
 +
document.getElementById("enzyme-connector-8").style.fill = pink;
 +
document.getElementById("enzyme-connector-10").style.fill = pink;
 +
document.getElementById("enzyme-5").style.fill = blue;
 +
document.getElementById("enzyme-6").style.fill = blue;
 +
document.getElementById("enzyme-connector-4").style.fill = blue;
 +
document.getElementById("enzyme-connector-6").style.fill = blue;
 +
}
  
 +
function changeColourPathway2(green, purple) {
 +
document.getElementById("enzyme").style.fill = purple;
 +
document.getElementById("enzyme-2").style.fill = purple;
 +
document.getElementById("enzyme-3").style.fill = purple;
 +
document.getElementById("enzyme-4").style.fill = purple;
 +
document.getElementById("enzyme-connector-2").style.fill = purple;
 +
document.getElementById("enzyme-connector-12").style.fill = purple;
 +
document.getElementById("enzyme-connector-8").style.fill = purple;
 +
document.getElementById("enzyme-connector-10").style.fill = purple;
 +
document.getElementById("enzyme-5").style.fill = green;
 +
document.getElementById("enzyme-6").style.fill = green;
 +
document.getElementById("enzyme-connector-4").style.fill = green;
 +
document.getElementById("enzyme-connector-6").style.fill = green;
 +
}
  
 +
    var acc = document.getElementsByClassName("page-accordion");
 +
  var i;
  
−
<div class="column two_thirds_size">
+
  for (i = 0; i < acc.length; i++) {
−
<h3>What should this page contain?</h3>
+
    acc[i].addEventListener("click", function() {
−
<ul>
+
    this.classList.toggle("active");
−
<li> Protocols </li>
+
    var panel = this.nextElementSibling;
−
<li> Experiments </li>
+
    if (panel.style.maxHeight) {
−
<li> Documentation of the development of your project </li>
+
      panel.style.maxHeight = null;
−
</ul>
+
    } else {
 +
      panel.style.maxHeight = panel.scrollHeight + "px";
 +
    }
 +
  });
 +
  }
  
−
</div>
 
  
−
<div class="column third_size">
+
</script>
−
<div class="highlight decoration_A_full">
+
−
<h3>Inspiration</h3>
+
−
<ul>
+
−
<li><a href="http://2014.igem.org/Team:Colombia/Protocols">2014 Colombia </a></li>
+
−
<li><a href="http://2014.igem.org/Team:Imperial/Protocols">2014 Imperial </a></li>
+
−
<li><a href="http://2014.igem.org/Team:Caltech/Project/Experiments">2014 Caltech </a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
  
  
  
  
 +
 
</html>
 
</html>

Revision as of 16:56, 19 October 2019


Team: UNSW Australia


Experiments

Title

Subtitle

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Title

Subtitle

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Title

Subtitle

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Title

Subtitle

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.