Biomod/2014/Kashiwa/kari: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
 
(26 intermediate revisions by the same user not shown)
Line 3: Line 3:


<head>
<head>
<style>
.animlogo{
    width: 800px;
    height: 450px;
    background-image: url(http://openwetware.org/images/0/03/Topkashiwa.png);
    background-size: 100% 100%;}
.animlogo:hover {
    animation: anim-rotate 0.4s ease-out;
    transform-origin: 0% 40%;
    -webkit-animation: anim-rotate 0.4s ease-out;
    -webkit-transform-origin: 0% 40%;
    -moz-animation: anim-rotate 0.4s ease-out;
    -moz-transform-origin: 0% 40%;
}
@keyframes anim-rotate {
  10% { transform: rotate(-6deg); }
  20% { transform: rotate(7deg); }
  35% { transform: rotate(-3deg); }
  50% { transform: rotate(3deg); }
  65% { transform: rotate(-1deg); }
  80% { transform: rotate(1deg); }
  95% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
@-webkit-keyframes anim-rotate {
  10% { transform: rotate(-6deg); }
  20% { transform: rotate(7deg); }
  35% { transform: rotate(-3deg); }
  50% { transform: rotate(3deg); }
  65% { transform: rotate(-1deg); }
  80% { transform: rotate(1deg); }
  95% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
@-moz-keyframes anim-rotate {
  10% { transform: rotate(-6deg); }
  20% { transform: rotate(7deg); }
  35% { transform: rotate(-3deg); }
  50% { transform: rotate(3deg); }
  65% { transform: rotate(-1deg); }
  80% { transform: rotate(1deg); }
  95% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}
</style>


</head>
</head>
Line 62: Line 8:
<body>
<body>


<div class="box">
 
<div class="animlogo"></div>
</div>


<center>
<center>
<img src="http://openwetware.org/images/0/03/Topkashiwa.png" width="800px" height="452px">
    <img src="http://openwetware.org/images/0/03/Topkashiwa.png" width="800px" height="452px">
</center>
</center>


Line 75: Line 19:
<br>
<br>
<h1 class="title"><a name="Video">&nbsp;Video</a></h1>
<h1 class="title"><a name="Video">&nbsp;Video</a></h1>
 
<p class="paragraph">
</body>
<iframe width="560" height="315" src="//www.youtube.com/embed/nxSBdoH3n9U" frameborder="0" allowfullscreen></iframe>
</p>
<br>
<br></body>


<footer style="position:relative; left:600px;">
<footer style="position:relative; left:600px;">

Latest revision as of 19:20, 23 October 2014

<html> <head> <div id="#top"></div>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

<script type="text/javascript"> new Image(120,80) = "http://openwetware.org/images/7/7a/Logo2Kashiwa.png";

new image(120,80) = "http://openwetware.org/images/1/1d/Logo2.5.png";

new image(71,143) = "http://openwetware.org/images/2/2a/Top1.gif";

new image(71,143) = "http://openwetware.org/images/f/f0/Top2.gif";

new image() = "http://openwetware.org/images/3/38/BackgroundKashiwa.png";

new image() = "http://openwetware.org/images/9/9c/BackgroundKashiwa2.png"; </script>


<script type="text/javascript">

  $(function(){
     $("#menu li").hover(function(){
        $("ul",this).show();
     },
     function(){
        $("ul",this).hide();
     });
  });

</script>


<script type="text/javascript"> <!-- if (document.images) {

// 設定開始(使用する画像を設定してください)

// 通常の画像 var img0 = new Image(120,80); img0.src = "http://openwetware.org/images/e/ec/LogoKashiwa.png";

// ポイント時の画像1 var img1 = new Image(120,80); img1.src = "http://openwetware.org/images/2/26/Logo3Kashiwa.png";


// 設定終了

} // ポイント時の処理 function On(name) { if (document.images) { document.images['def'].src = eval(name + '.src'); } } // 放した時の処理 function Off() { if (document.images) { document.images['def'].src = img0.src; } } // --> </script>

<META http-equiv="Content-Style-Type" content="text/css">

<style type="text/css">


.page-back { position: fixed; bottom: 25px; right: 25px;}

p.paragraph {

 font-size :100%;
 line-height: 135%;
 margin: 10px 25px;

}

p.reference {

 font-size :90%;
 line-height: 135%;
 margin: 10px 20px;

}

p.indent-paragraph {

 font-size :110%;
 line-height:1.5;
 margin:0 30px;
 text-indent: 1em;
 }

h1.title a{

 font-size :100%;
 display: block;
 text-decoration: none;
 color: #000000;

 font-weight:bolder;

 border-left: solid 5px #e00000;
 }

h2.reference a{

 font-size :90%;
 display: block;
 text-decoration: none;
 border-left: solid 5px;
 }

body {

 font-size: 12px;
 font-family: Frutiger, Helvetica, Arial;
 background-color: #B5D3FF;
 overflow-y:scroll;
 overflow-x:hidden;

} article {

 background-color: #ffffff

} .container {

  background-color: #ffffff;
  margin-top:0px

}

.OWWNBcpCurrentDateFilled {display: none;}

}

  1. column-content

{

  width: 0px;
  margin: 0;
  padding: 0;
  float:left;

} .firstHeading {

  display:none;
  width:0px;

}

  1. globalWrapper

{

  width:900px;
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;

}

  1. column-one

{

  display:none;
  width:0px;
  background-color: #ffffff;

}

  1. content

{

  margin: 0px;
  align: center;
  padding: 0px 12px;
  width:876px;
  border: 0;

}

  1. bodyContent

{

  width: 800px;
  padding: 0px 38px;
  align: center;
  background-color: #ffffff;
  position:relative;
  

}

  1. column-content

{

  width: 900px;
  background-color: #ffffff;

}


  1. footer

{

  position: center;
  width: 900px;

}

div.menubar {

  position: fixed;
  background-color: none; /* バーの背景色 */
  opacity: 0.95;
  border-top: 0px double white; /* バーの上端線 */
  border-bottom: 0px double white; /* バーの下端線 */
  min-width: 900px; /* メインメニュー全部が収まる最低横幅 */
  z-index:3

}

div.menubar ul#menu {

  margin: -33px 0px 0px -50px; /* メニューバー外側の余白 */
  padding: 0px; /* メニューバー内側の余白 */
  height: 80px; /* メニューバーの高さ */
  list-style-type: none;

}

div.menubar ul#menu li {

  min-width: 110px; /* メニュー項目の横幅 */
  height: 80px; /* メニュー項目の高さ(「メニューバーの高さ」と一致させる) */ 
  float: left;
  list-style-type: none;
  list-style-image: none;
  position: relative;

}

div.menubar ul#menu a {

  text-decoration: none; /* メニュー項目の装飾(下線を消す) */
  display: block; 
  background-color: #1F003E;/* メニュー項目の背景色 */
  color: white; /* メニュー項目の文字色 */
  line-height: 80px; /* メニュー項目のリンクの高さ(「メニュー項目の高さ」と一致させる) */
  text-align: center; /* メインメニューの文字列の配置(中央寄せ) */ 
  width: 100%;
  height: 100%;

}

div.menubar ul#menu a:hover {

  background-image: url("http://openwetware.org/images/3/38/BackgroundKashiwa.png"); /* メニュー項目にマウスが載ったときの背景色 */
  color: #8B008B; /* メニュー項目にマウスが載ったときの文字色 */

}

div.menubar ul#menu a:active {

  background-image: url("http://openwetware.org/images/3/33/Background2.png"); /* メニュー項目にマウスが載ったときの背景色 */
  color: #8B008B; /* メニュー項目をクリックした時の文字色 */

}

/* メニューバー直後のClearfix */ div.menubar ul#menu {

  zoom:1; 

} div.menubar ul#menu:after {

  height: 0; visibility: hidden; content: "."; display: block; clear: both;

}

div.menubar ul#menu ul.sub {

  background-color: #1F003E; /* サブメニュー全体の背景色 */
  border-width: 0px 0px 0px 0px; /* サブメニュー全体の枠線の太さ */
  border-style: solid; /* サブメニュー全体の枠線の線種 */
  border-color: #191970; /* サブメニュー全体の枠線の色 */
  margin: 0px;
  padding: 0px;
  display: none;
  position: absolute;

}

div.menubar ul#menu ul.sub li {

  width: 110px;
  height: 50px; /* サブメニュー1項目の高さ */
  border-width: 0px 0px 0px 0px; /* サブメニュー1項目の枠線の太さ */
  border-style: solid; /* サブメニュー1項目の枠線の線種 */
  border-color: #191970; /* サブメニュー1項目の枠線の色 */
  z-index: 3

}

div.menubar ul#menu ul.sub li a {

  line-height: 50px; /* サブメニュー1項目の行の高さ(「サブメニュー1項目の高さ」と合わせる) */
  text-align: center;  /* サブメニュー1項目の項目名の配置(中央寄せ) */
  text-indent: 0px;  /* サブメニュー1項目の項目名前方の余白 */

}

div.menubar ul#menu ul.sub li a:hover {

  background-image: ('back');
  background-size: 100% auto;
  background-color: #FF00FF; /* サブメニュー項目にマウスが載ったときの背景色 */
  color:  #8B008B; /* サブメニュー項目にマウスが載ったときの文字色 */

}

div.menubar ul#menu ul.sub li a:active {

  background-image: ('backclick') /* メニュー項目にマウスが載ったときの背景色 */
  backround-size: 100% auto;
  color: #8B008B; /* メニュー項目をクリックした時の文字色 */

}

</style>

<div class="menubar">

 <ul id="menu">
 <font face="Frutiger,Helvetica,Arial">
   <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa"><img src="http://openwetware.org/images/e/ec/LogoKashiwa.png" onmouseover="this.src='http://openwetware.org/images/7/7a/Logo2Kashiwa.png'" onclick="this.src='http://openwetware.org/images/1/1d/Logo2.5.png'" onmouseout="this.src='http://openwetware.org/images/e/ec/LogoKashiwa.png'" height="80px" width="120px" name="def"></a>
   </li>
   <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Project" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">PROJECT</span></a>
     <ul class="sub">
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Project#1" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Background</span></a></li>
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Project#2" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Motivation</span></a></li>
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Project#3" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Project Goals</span></a></li>
     </ul>
   </li>
   <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Trial" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">&nbsp;EARLY TRIAL&nbsp;</span></a>
     <ul class="sub">
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Trial#1" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Design</span></a></li>
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Trial#2" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Approaches</span></a></li>
     </ul>
   </li>
   <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Design" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">DESIGN</span></a>
     <ul class="sub">
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Design#2" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">The Receptor</span></a></li>
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Design#1" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">The Motor</span></a></li>
     </ul>
   </li>
   <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Highlights" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">&nbsp;EXPERIMENT&nbsp;&nbsp;</span></a>
     <ul class="sub">
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Highlights" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Highlights</span></a></li>
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Receptor" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">The Receptor</span></a></li>
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Motor" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">The Motor</span></a></li>
     </ul>
   <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Discussion" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">&nbsp;&nbsp;DISCUSSION&nbsp;</span></a>
     <ul class="sub">
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Discussion#1" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Achievements</span></a></li>
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Discussion#2" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Future</span></a></li>
     </ul>
   </li>
   <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Protocols" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">PROTOCOL</span></a>
   </li>
   <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Team" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">TEAM</span></a>
     <ul class="sub">
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Team#1" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Members</span></a></li>
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Team#2" onMouseOver="On('img1')" onMouseOut="Off()"><span style="font-size:12pt;">Sponsors</span></a></li>
     </ul>
   </li>
 </font>
 </ul>

</div> <br> <br> <br> <div class="page-back"><a href="#top"> <img src="http://openwetware.org/images/2/2a/Top1.gif" onmouseover="this.src='http://openwetware.org/images/f/f0/Top2.gif'" onmouseout="this.src='http://openwetware.org/images/2/2a/Top1.gif'" height="150px"/></a></div> </head>


</html> <html>

<head>

</head>

<body>


<center>

   <img src="http://openwetware.org/images/0/03/Topkashiwa.png" width="800px" height="452px">

</center>

<h1 class="title"><a name="Abstract">&nbsp;Abstract</a></h1> <p class="paragraph">Cancer treatment is still a challenging issue. We tried to create Polymeric and Liposomal Immune Cell (PoLICe), which moves autonomously and attacks cancer cells. Upon receiving outside signals, PoLICes get activated and initiate polymerization of inner monomers. Consequently, PoLICes migrate and start patrolling our body to find and kill cancer cells. Active transport system of PoLICes makes it possible to execute precise surveillance at single cell resolution, which is not easy in diffusion movement base targeting of conventional Drug Delivery System (DDS).</p> <p class="paragraph">In our summer project, we tried to make prototype of PoLICe. We designed two DNA origami structures: the Receptor, which receives an outside signal molecule and causes signal transduction into PoLICe, and the Motor-Monomer, which polymerizes according to a signal from the Receptor. Our purpose is to change the shape of liposmes upon signal activation, which is the first step toward to create an artificial cell patrolling our body to find and treat the cancer cells at single cell resolution. </p> <br> <h1 class="title"><a name="Video">&nbsp;Video</a></h1> <p class="paragraph"> <iframe width="560" height="315" src="//www.youtube.com/embed/nxSBdoH3n9U" frameborder="0" allowfullscreen></iframe> </p> <br> <br></body>

<footer style="position:relative; left:600px;"> <small> &copy; 2014 UTokyo Chem & Bio </small> </footer>

</html>