Biomod/2013/Titech/methods&results/StructuralColor

From OpenWetWare
Jump to: navigation, search

<html> <head> <style type="text/css"> /* ====================

  主に全体に関わるCSS

   ==================== */

       h1.firstHeading{display:none;}

body.mediawiki {

                       font-size: 14px;

background-color:#ff3366; background-repeat: repeat; font-family: Calibri, Verdana, helvetica, sans-serif;}

               h1 {
                       padding: 0px 20px 5px 20px;
                      
                       line-height: 40px;
                       font-weight: bold;
                       font-size:65px;
                       font-family:David Bold,Times;
                       text-align:center;
                    }
               h2 {
                       padding: 20px 20px 5px 20px;
                       
                       color: #000000;
                       text-decoration: none;
                       
                       font-size:40px;
                       font-family:Times,Constantia Bold,Andale Mono,Calibri Bold;
                    }
               h3 {
                       font-size:30px;
               }
               h4{
                       font-size:25px;
               }
              .ac{
                       font-size:25px;
                   }
               span.text  {

text-align: justify;

}

               span.italic{
                                 font-style: italic;
                               }


#content{ margin: 0px 0 0px 0; align: center; padding: 12px 12px 12px 12px; width: 946px; background-image:;} border: 0;

                       height:1000px;

} #bodyContent{ width: 970px; margin: 150px auto 0 auto; align: center;

} #globalWrapper{ margin: 20px 0 0 0; width:994px;

margin-left: auto; margin-right: auto }


/* ====================

  メニューの画像を変更できる部分
  ==================== */

#header {

                       margin: 0 auto 0 auto;
                       position:absolute;
                       top:28px; width:955px;height:60px;
                       background-color:#ffffff;

background-repeat: no-repeat;

                       background-image: url(https://upload.wikimedia.org/wikipedia/commons/6/6c/%E3%83%90%E3%83%BC%E3%83%8A%E3%83%BCpng.png); 
                       background-size:contain;

}


/* ====================

  以下、特殊なclassに適用される
  ==================== */

#navigation { position:absolute;

                       top:60px; width:970px; height:92px;
                       background-repeat: no-repeat;

color: #0000FF; }

/* ====================

  ここからプルダウン周辺のデザイン
  ==================== */
  1. menu * {

margin: 0; padding: 0; }

  1. menu {
       position:absolute;

font-family: calibri, verdana, sans-serif;

       font-color: #000000;

background-color: transparent; float:left; display: block;

}


  1. menu > li {

background-color:#ff3366;

       position:relative;

float:left;

       width: 136px;

font-size: 23px;

       font-weight: bold;

border:ridge 0px #FFFFFF; position:relative;

text-align:center; list-style: none; }

  1. menu li{

background-color:#ff3366; }

  1. menu li ul {

background-color:#ff3366; visibility: hidden; position: absolute;

   	margin-left: px;
   	
   	width: 536px;
   	background: #fff;
   	border: 0px solid #ccc;

text-align:left; list-style: none;

}


  1. menu li.ach {

background-color:#ff3366;

       position:relative;

float:left;

       width: 162px;

font-size: 23px;

       font-weight: bold;

border:ridge 0px #FFFFFF; }

  1. menu li.sup {

background-color:#ff3366;

       position:relative;

float:left;

       width: 150px;

font-size: 23px;

       font-weight: bold;

border:ridge 0px #FFFFFF; }

  1. menu li.none {

background-color:#ff3366;

       position:relative;

float:left;

       width: 250px;

font-size: 23px;

       font-weight: bold;

border:ridge 0px #FFFFFF; }

  1. menu a {

color: #000000; display:block; text-decoration: none; }

  1. menu a:hover {

background-color:gold; }


  1. menu li:hover ul {visibility: visible;}
  1. menu li ul li:hover > a {

background-color:gold;}


  1. column-one { display:none; width:0px;}

.container{background-color: #ffffff; margin-top:0px} .OWWNBcpCurrentDateFilled {display: none;}

  1. footer{position: center; width: 994px}

@media screen {

   body { background: #F5F5F5 0 0 no-repeat;  /* changed default background */ }

}

/*==================

  ここから個別ページのデザイン
  ==================*/

.headline{

       text-decoration: none;
       color: #000000;
       }

.list { font-size: 25px; }

</style> </head> <BODY>

<h1></h1>



<div id="header"> <div id="navigation"> <div id="menu">

<li><a href="http://openwetware.org/wiki/Biomod/2013/Titech"><br>Home<br><br></a></li> <li><a href="http://openwetware.org/wiki/Biomod/2013/Titech/project"><br>Project<br><br></a></li>

   <li><a href="http://openwetware.org/wiki/Biomod/2013/Titech/design"><br>Design<br><br></a></li>

<li><a href="http://openwetware.org/wiki/Biomod/2013/Titech/methods&results">Results<br>&amp;<br>Methods</a></font>

   	<ul>
       	<li><a href="http://openwetware.org/wiki/Biomod/2013/Titech/methods&results#0.Preparation of Elementary part for two functions"><p style="margin-left:25px">0.Preparation of Elementary part for two functions</p></a></li>
           <li><a href="http://openwetware.org/wiki/Biomod/2013/Titech/methods&results#1.Parasol"><p style="margin-left:25px">1.UV Tuning Parasol</p></a></li>
           <li><a href="http://openwetware.org/wiki/Biomod/2013/Titech/methods&results#2.Makeup"><p style="margin-left:25px">2.Controllable Makeup</p></a></li>
       </ul>
   </li>
           
   

<li class="sup"><a href="http://openwetware.org/wiki/Biomod/2013/Titech/team"><br>Member<br><br></a></li> <li class="none"><a href="http://openwetware.org/wiki/Biomod/2013/Titech/acknowledgement"><br>Acknowledgements<br><br></a></li> </ul> </div> </div> </div>

<p>&nbsp;</p> <p>&nbsp;</p>


<h2>Results</h2>

<h3>2.2. Observation of structural color of crystal structure</h3> <Hr style="margin-top:-10px"> <p>&nbsp;</p>

<span class="text">&nbsp;&nbsp;&nbsp;The structure which we make is a colloid crystal. This is made of three-dimensional periodically positioned particles. This structure can be assumed to be a structure which is composed of stacked up particle layers at regular intervals. The plane made of particle layer is called lattice plane. When we irradiate a light to such periodic structure, the light is reflected by a group of lattice plane. The light reflected by two adjoining planes has different length optical path. If this optical difference are equal to integral multiples of a wavelength of the reflected light, constructive interference is observed at the reflected direction. This interference condition is expressed by Bragg's law <p>&nbsp;</p> <div align="center"> <span class="italic">mλ=2nd sin⁡θ</span> </div> <p>&nbsp;</p> &nbsp;&nbsp;&nbsp;Where <span class="italic">m</span> is an integer, <span class="italic">λ</span> is the wavelength of the light, <span class="italic">n</span> is the refractive index, <span class="italic">d</span> is the spacing between the planes in the particle lattice, and <span class="italic">θ</span>is the angle between the ray of the light and the reflecting planes. The Structural color is an observed result of this interference. In our case, we assume <span class="italic">n as a refractive index of the buffer fills around the particle and try to meet this law in a condition of <span class="italic">m</span>=1.By this law, we calculate that we need to make d bigger than 150nm to show the structural color with a visible wavelength. Our gold nanoparticle’s diameter is 50nm, so we need to make "linker-SC" longer than 100nm to meet the calculated <span class="italic">d</span>. Therefore, we designed "linker-SC" with a parameter <span class="italic">k</span>=4.

<p>&nbsp;</p> <div align="center"> <img src="https://upload.wikimedia.org/wikipedia/commons/6/6d/Braggg_relection.png" width="400" height="250"> </div>

<p>&nbsp;</p> <div align="right"> <a href="http://openwetware.org/wiki/Biomod/2013/Titech/methods%26results">Back to results</a> </div>



</BODY>

</p><p><br /> </p>

</html>