Difference between revisions of "Team:Bielefeld-CeBiTec/Hardware"

Line 1: Line 1:
 
{{:Team:Bielefeld-CeBiTec/Basic_Navbar}}
 
{{:Team:Bielefeld-CeBiTec/Basic_Navbar}}
 +
 
<html>
 
<html>
  
 
<head>
 
<head>
−
<link rel="stylesheet" type="text/css"  
+
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Bielefeld-CeBiTec/CSS?action=raw&ctype=text/css" />
−
href="https://2018.igem.org/Team:Bielefeld-CeBiTec/CSS?action=raw&ctype=text/css" />
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 +
<script>
 +
window.onscroll = function() {scrollFunction(); checkOffset();};
 +
function scrollFunction() {
 +
  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
 +
  document.getElementById("page-arrow-top").style.display = "block";
 +
  }
 +
  else {
 +
  document.getElementById("page-arrow-top").style.display = "none";
 +
  }
 +
}
 +
 
 +
function checkOffset() {
 +
if($('#page-arrow-top').offset().top + $('#page-arrow-top').height() >= $('#footer').offset().top - 10)
 +
    $('#page-arrow-top').css('position', 'absolute');
 +
if($(document).scrollTop() + window.innerHeight < $('#footer').offset().top)
 +
    $('#page-arrow-top').css('position', 'fixed'); // restore when you scroll up
 +
}
 +
 
 +
function topFunction() {
 +
document.body.scrollTop = 0; // For Chrome, Safari and Opera
 +
document.documentElement.scrollTop = 0; // For IE and Firefox
 +
}
 +
 
 +
function myFunction() {
 +
    var x = document.getElementById("myDIV");
 +
    if (x.style.display === "block") {
 +
        x.style.display = "none";
 +
    } else {
 +
        x.style.display = "block";
 +
    }
 +
}
 +
</script>
 +
 
 +
<style>
 +
.collapse.navbar-collapse {
 +
  float:right;
 +
  padding: 0;
 +
  padding-right: 5%;
 +
}
 +
</style>
 +
 
</head>
 
</head>
 +
<body style="height:100%;">
 +
<div class="title_picture">
 +
<img src="https://static.igem.org/mediawiki/2017/6/6c/T--Bielefeld-CeBiTec--title-img-bielefeld.jpg" style="width:100%">
 +
</div>   
 +
<div class="container">
 +
<div class="main_content">
 +
<div class="title">Proof of Concept</div>
 +
<article>
 +
 +
 +
<br/><h2>Printing Electronics</h2>
 +
 +
 +
Printing electronics is a recent development whereby metal nanoparticles are mixed with organic solvents to form an ink that can be deposited in thin layers on various surfaces with inkjet printers or other printing techniques.
 +
 +
 +
<br/><h2>Design of a Cross-Flow-Reactor</h2>
 +
 +
 +
</article>
 +
<hr style="width:60%"></hr>
 +
<button onclick="myFunction()" class="refbtn"> References &#9662;</button>
 +
<div id="myDIV" class="reftext">
 +
 +
                  <b>Raut, N. C., & Al-Shamery, K. (2018)</b>. Inkjet printing metals on flexible materials for plastic and paper electronics. Journal of Materials Chemistry C, 6(7), 1618-1641.<br/>
  
−
<div class="column full_size judges-will-not-evaluate">
 
−
<h3>★  ALERT! </h3>
 
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
 
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
 
 
</div>
 
</div>
 +
</div>
 +
</div>
 +
 +
       
 +
<!-- Footer -->
 +
<footer id="footer" class="w3-container w3-padding-32 w3-center w3-black w3-xlarge" style="position: absolute; width:100%; z-index:200;">
 +
  <a class="footer-icon" href="https://www.facebook.com/igembielefeld/"> <i class="fa fa-facebook-official" ></i></a>
 +
  <a class="footer-icon" href="https://www.instagram.com/igem.bielefeld/?hl=de"><i class="fa fa-instagram"></i></a>
 +
  <a class="footer-icon" href="https://twitter.com/iGEM_Bielefeld"><i class="fa fa-twitter"></i></a>
 +
</footer>
 +
 +
<img id="page-arrow-top"  src="https://static.igem.org/mediawiki/2018/d/d4/T--Bielefeld-CeBiTec--top_arrow_vk.svg" style="width:3%" onclick="topFunction()"></img>
  
  
 +
</body>
  
 
</html>
 
</html>

Revision as of 00:58, 1 October 2018

Proof of Concept

Printing Electronics

Printing electronics is a recent development whereby metal nanoparticles are mixed with organic solvents to form an ink that can be deposited in thin layers on various surfaces with inkjet printers or other printing techniques.

Design of a Cross-Flow-Reactor

Raut, N. C., & Al-Shamery, K. (2018). Inkjet printing metals on flexible materials for plastic and paper electronics. Journal of Materials Chemistry C, 6(7), 1618-1641.