Difference between revisions of "Team:TU Darmstadt/tech"

(Created page with "{{TU_Darmstadt/chiTU}} <html> <body> <!-- Header --> <section id="header"> <header> <span class="image avatar"><img src="https://static.igem.org/mediawiki/2017/3/3d/Logo...")
 
 
(65 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
{{TU_Darmstadt/chiTU}}
 
{{TU_Darmstadt/chiTU}}
 
<html>
 
<html>
 +
<style>
 +
IMG.HoverBorder {border:1em solid #4711; width:50%; }
 +
IMG.HoverBorder:hover { width:50%; border:1em solid #bea;}
 +
</style>
 
<body>
 
<body>
 
<!-- Header -->
 
<!-- Header -->
 
<section id="header">
 
<section id="header">
 
<header>
 
<header>
−
<span class="image avatar"><img src="https://static.igem.org/mediawiki/2017/3/3d/LogoOWL.png" alt="" /></span>
+
<style>
−
<h1 id="logo"><a href="https://2017.igem.org/Team:TU_Darmstadt" alt="home">ChiTUcare</a></h1>
+
#one:before {
−
<!--<p>iGEM TU Darmstadt<br />
+
background-image: url("https://static.igem.org/mediawiki/2017/4/41/T--TU_Darmstadt--ledhologramraw.jpg");
−
2017</p>-->
+
height: 10em;
 +
}
 +
</style>
 +
<span class="image avatar"><a href="https://2017.igem.org/Team:TU_Darmstadt"><img src="https://static.igem.org/mediawiki/2017/3/3d/LogoOWL.png" alt="home" /></a></span>
 +
<h1 id="logo"><a href="https://2017.igem.org/Team:TU_Darmstadt">ChiTUcare</a></h1>
 +
</header>
 
</header>
 
</header>
 
<nav id="nav">
 
<nav id="nav">
 
<ul>
 
<ul>
 +
<div class="mainmenu">
 +
                                        <div class="nav-follow">   
 +
                                        <div class="nav-drop">
 
<li><a href="https://2017.igem.org/Team:TU_Darmstadt/project">Project</a></li>
 
<li><a href="https://2017.igem.org/Team:TU_Darmstadt/project">Project</a></li>
 
<li><a href="https://2017.igem.org/Team:TU_Darmstadt/human_practices">Human Practices</a></li>
 
<li><a href="https://2017.igem.org/Team:TU_Darmstadt/human_practices">Human Practices</a></li>
−
<li><a href="https://2017.igem.org/Team:TU_Darmstadt/tech" class="active">Tech</a></li>
+
</div></div>
 +
<li><a href="https://2017.igem.org/Team:TU_Darmstadt/tech" class="active">Tech</a></li></div>
 +
<div class="nav-proj-drop">
 +
<li><a href="https://2017.igem.org/Team:TU_Darmstadt/tech/hardware">Hardware</a></li>
 +
<li><a href="https://2017.igem.org/Team:TU_Darmstadt/tech/software">Software</a></li>
 +
</div>
 +
<div class="mainmenu">
 +
                                        <div class="nav-follow">   
 +
                                        <div class="nav-drop_b">
 
<li><a href="https://2017.igem.org/Team:TU_Darmstadt/team">Team</a></li>
 
<li><a href="https://2017.igem.org/Team:TU_Darmstadt/team">Team</a></li>
 
<li><a href="https://2017.igem.org/Team:TU_Darmstadt/judging">Judging</a></li>
 
<li><a href="https://2017.igem.org/Team:TU_Darmstadt/judging">Judging</a></li>
 +
</div>
 +
<input type="button" div class="submenuV" onclick="toggleImage();toggleImage_b();toggleImage2();this.value=this.value=='Show menu'?'Show submenu':'Show menu'" value="Show menu">
 +
</div></div>
 
</ul>
 
</ul>
 
                                 </nav>
 
                                 </nav>
−
<footer>
+
</body>
−
<ul class="icons">
+
</html>
−
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
+
{{TU_Darmstadt/header-footer}}
−
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
+
<html>
−
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
+
<body>
−
<li><a href="#" class="icon fa-envelope"><span class="label">Email</span></a></li>
+
−
</ul>
+
−
</footer>
+
 
</section>
 
</section>
  
Line 39: Line 59:
 
         <div class="container">
 
         <div class="container">
 
<header class="major">
 
<header class="major">
−
<h2>This is header h2</h2>
+
<h2>Digital Inline Holography Microscopy and its Benefits for You</h2>
 
</header>
 
</header>
−
<p>Abstract: Faucibus sed lobortis aliquam lorem blandit. Lorem eu nunc metus col. Commodo id in arcu ante lorem ipsum sed accumsan erat praesent faucibus commodo ac mi lacus. Adipiscing mi ac commodo. Vis aliquet tortor ultricies non ante erat nunc integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer non. Adipiscing cubilia elementum.</p>
+
 
−
<h3>header h3</h3>
+
<div class="post-it">
−
<p>Abstract: Faucibus sed lobortis aliquam lorem blandit. Lorem eu nunc metus col. Commodo id in arcu ante lorem ipsum sed accumsan erat praesent faucibus commodo ac mi lacus. Adipiscing mi ac commodo. Vis aliquet tortor ultricies non ante erat nunc integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer non. Adipiscing cubilia elementum.</p>
+
                                       
 +
<p>
 +
The motivation of building a DIHM comes with the 'digital lens' functionality of the 3D reconstruction algorithm. Compared with digital holographic microscopy, 3D imaging using classical optics setup is also possible. However, the practice of mechanically recording wavefronts at slightly different distances near the object for 3D imaging would significantly raise up the setup complexity, let alone the high expenses on optical lenses. On the other hand, DIHM uses reconstruction algorithms as a virtual digital lens, to reconstruct the wavefront holograms at various distances, thus offering a cost efficient solution with a much simpler setup, enabling micrometer resolution with 3D imaging.</p>
 +
</div>
 +
<br>
 +
<center>
 +
<a href="tech/hardware"><img class="HoverBorder" src="https://static.igem.org/mediawiki/2017/5/51/TechMainHard.png" alt="Picture of our hardware"></a><a href="tech/software"><img class="HoverBorder" src="https://static.igem.org/mediawiki/2017/9/99/T--TU_Darmstadt--holopyguy.png" alt="Picture of software"></a>
 +
</center>
 +
<br>
 +
</p>
 
</div>
 
</div>
 
     </section>
 
     </section>
 +
<section id="Team">
 +
<div class="container">
 +
<center>
 +
<img src="https://static.igem.org/mediawiki/2017/8/84/T--TU_Darmstadt--technics.jpg" alt="The beautfiul team behind the technics!" style="width: 100%; max-width: 1600px">
 +
<figcaption>From left to right: Werner Kleindienst, Michelle Zöller, Markus Susenburger, Zinan Liu, Max von Witzleben</figcaption>
 +
</center>
 +
</div>
 +
</section>
  
 
<!-- Footer -->
 
<!-- Footer -->
−
  <section id="footer">
+
</body>
−
<div class="container">
+
</html>
−
<ul class="copyright">
+
{{TU_Darmstadt/footerG}}
−
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
+
<html>
−
</ul>
+
<body>
−
</div>
+
−
  </section>
+
−
 
+
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 16:21, 1 November 2017

MainPage

Digital Inline Holography Microscopy and its Benefits for You

The motivation of building a DIHM comes with the 'digital lens' functionality of the 3D reconstruction algorithm. Compared with digital holographic microscopy, 3D imaging using classical optics setup is also possible. However, the practice of mechanically recording wavefronts at slightly different distances near the object for 3D imaging would significantly raise up the setup complexity, let alone the high expenses on optical lenses. On the other hand, DIHM uses reconstruction algorithms as a virtual digital lens, to reconstruct the wavefront holograms at various distances, thus offering a cost efficient solution with a much simpler setup, enabling micrometer resolution with 3D imaging.


Picture of our hardwarePicture of software

The beautfiul team behind the technics!
From left to right: Werner Kleindienst, Michelle Zöller, Markus Susenburger, Zinan Liu, Max von Witzleben