Biomod/2013/HKBU: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
Line 33: Line 33:
</html>
</html>


=Welcome=
Welcome to the website of The Rising Power from Hong Kong Baptist University! In this year, we are determined to explore the potential application of DNA origami, a sophisticated nanoscale artwork, in the field of biomedical technology. Come and check our funny YouTube video and how our design successfully works under microscopic observation!
Welcome to the website of The Rising Power from Hong Kong Baptist University! In this year, we are determined to explore the potential application of DNA origami, a sophisticated nanoscale artwork, in the field of biomedical technology. Come and check our funny YouTube video and how our design successfully works under microscopic observation!


=Video=
=Video=
<html>
<html>
<div align="center">
 
<object width="480" height="360"><param name="movie" value="//www.youtube-nocookie.com/v/DkWRajI4dq0?hl=zh_CN&amp;version=3&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.youtube-nocookie.com/v/DkWRajI4dq0?hl=zh_CN&amp;version=3&amp;rel=0" type="application/x-shockwave-flash" width="480" height="360" allowscriptaccess="always" allowfullscreen="true"></embed></object>
<object width="480" height="360"><param name="movie" value="//www.youtube-nocookie.com/v/DkWRajI4dq0?hl=zh_CN&amp;version=3&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.youtube-nocookie.com/v/DkWRajI4dq0?hl=zh_CN&amp;version=3&amp;rel=0" type="application/x-shockwave-flash" width="480" height="360" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</div>
 
</html>
</html>


Line 56: Line 57:
<div class="link">
<div class="link">
<a href="http://openwetware.org/index.php?title=Biomod/2013/HKBU&action=edit">edit</a>
<a href="http://openwetware.org/index.php?title=Biomod/2013/HKBU&action=edit">edit</a>
</div>
</div>
</div>
</body>
</body>
</html>
</html>

Revision as of 04:21, 25 October 2013

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript" src="http://www.webdm.cn/images/20091119/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function(){

$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav

$("ul.topnav li span").click(function() { //When trigger is clicked...

//Following events are applied to the subnav itself (moving subnav up and down) $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

$(this).parent().hover(function() { }, function(){ $(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up });

//Following events are applied to the trigger (Hover events for the trigger) }).hover(function() { $(this).addClass("subhover"); //On hover over, add class "subhover" }, function(){ //On Hover Out $(this).removeClass("subhover"); //On hover out, remove class "subhover" }); 

   $(window).scroll(function() {
       if($(this).scrollTop() > 100){
           $('#goTop').stop().animate({
               top: '20px'    
               }, 500);
       }
       else{
           $('#goTop').stop().animate({
              top: '-100px'    
           }, 500);
       }
   });
   $('#goTop').click(function() {
       $('html, body').stop().animate({
          scrollTop: 0
       }, 500, function() {
          $('#goTop').stop().animate({
              top: '-100px'    
          }, 500);
       });
   });

}); </script> <style type="text/css"> body { color:#000; margin: 0; padding: 0; font: 10px Arial, Helvetica, sans-serif; background: #000000; } .container { width: 870px; margin: 0 auto; position: relative;

}

  1. header {

background: url(http://openwetware.org/images/d/db/HKBU_2013_Top_logo2.jpg) no-repeat center top; padding-top: 200px; align: center; }

  1. header .disclaimer {

color: #999; padding: 100px 0 7px 0; text-align: right; display: block; position: absolute; top: 0; right: 0; }

  1. header .disclaimer a { color: #ccc;}

ul.topnav { list-style: none; padding: 0 20px; margin: 0; float: left; width: 850px; background: #222; font-size: 1.0em; background: url(http://www.webdm.cn/images/20091119/topnav_bg.gif) repeat-x; } ul.topnav li { float: left; margin: 0; padding: 0 15px 0 0; position: relative; /*--Declare X and Y axis base--*/ } ul.topnav li a{ padding: 10px 5px; color: #fff; display: block; text-decoration: none; float: left; } ul.topnav li a:hover{ background: url(http://www.webdm.cn/images/20091119/topnav_hover.gif) no-repeat center top; } ul.topnav li span { /*--Drop down trigger styles--*/ width: 17px; height: 35px; float: left; background: url(http://www.webdm.cn/images/20091119/subnav_btn.gif) no-repeat center top; } ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/ ul.topnav li ul.subnav { list-style: none; position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ z-index: 110; left: 0; top: 35px; background: #333; margin: 0; padding: 0; display: none; float: left; width: 170px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border: 1px solid #111; } ul.topnav li ul.subnav li{ margin: 0; padding: 0; border-top: 1px solid #252525; /*--Create bevel effect--*/ border-bottom: 1px solid #444; /*--Create bevel effect--*/ clear: both; width: 170px; } html ul.topnav li ul.subnav li a { float: left; width: 145px; background: #333 url(http://www.webdm.cn/images/20091119/dropdown_linkbg.gif) no-repeat 10px center; padding-left: 20px; } html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ background: #222 url(http://www.webdm.cn/images/20091119/dropdown_linkbg.gif) no-repeat 10px center; }

  1. header img {

margin: 20px 0 10px; }

  1. editHeader {

/* margin-top: -18px; */ float: right; z-index: 11; float: right; } .cf:before,.cf:after { display: none; content: " "; /* 1 */ display: table; /* 2 */ }

.cf:after { clear: both; }

  1. goTop{
   background:yellow;
   padding:5px;
   position:fixed;
   top:-100px;
   right:10px;
   z-index: 100;

} </style>

</head>

<body> 

<div class="container">
   <div id="header">    	 
       <ul class="topnav">
           <li><a href="http://openwetware.org/wiki/Biomod/2013/HKBU">HOME</a></li>
           <li>
               <a href="http://openwetware.org/wiki/Biomod/2013/HKBU/introduction#">DESIGN</a>               
               <ul class="subnav">
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/HKBU/introduction#Project_Title">Project Title</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/HKBU/introduction#Project_Abstract">Project Abstract</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/HKBU/introduction#Result">Result</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/HKBU/introduction#Discussion">Discussion</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/HKBU/introduction#Potential_Application">Potential Application</a></li>
               </ul>
           </li>
           <li>
               <a href="http://openwetware.org/wiki/Biomod/2013/HKBU/methodology#">METHODOLOGY</a>
               <ul class="subnav">
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/HKBU/methodology#List_of_Materials">List of Materials</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/HKBU/methodology#SEM_imaging">SEM imaging</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/HKBU/methodology#AFM_imaging">AFM imaging</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/HKBU/methodology#FM_imaging">FM imaging</a></li>
               </ul>
           </li>

           <li><a href="http://openwetware.org/wiki/Biomod/2013/HKBU/experiment#">PROCESS</a>
               <ul class="subnav">
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/HKBU/experiment#LATEST_RESULT">Latest Result</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/HKBU/experiment#OCTOBER_FULL_LOG">October Full Log</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/HKBU/experiment#SEPTEMBER_FULL_LOG">September Full Log</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/HKBU/experiment#AUGUST_FULL_LOG">August Full Log</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/HKBU/experiment#JULY_FULL_LOG">July Full Log</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/HKBU/experiment#JUNE_FULL_LOG">June Full Log</a></li>
               </ul></li>

           <li><a href="http://openwetware.org/wiki/Biomod/2013/HKBU/Team#">TEAM</a>
               <ul class="subnav">
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/HKBU/Team#Team">Team</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/HKBU/Team#Member">Member</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/HKBU/Team#Supervisor">Supervisor</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/HKBU/Team#Graduate_Mentor">Graduate Mentor</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/HKBU/Team#Collaborator">Collaborator</a></li>
               </ul>
           </li>
           <li>
               <a href="http://openwetware.org/wiki/Biomod/2013/HKBU/approaches">SUPPLEMENTARY</a>
               
           </li>
           <li><a href="http://openwetware.org/wiki/Biomod/2013/HKBU/reference#">REFERENCE</a></li>
           <li><a href="http://openwetware.org/wiki/Biomod/2013/HKBU/acknowledge#">ACKNOWLEDGE</a></li>
       </ul>
   </div>

</div> <a id="goTop">Back to Top</a>

<div class="cf"></div> </body> </html>

<html> <!--</div>--> <head> <meta charset="utf-8"> <title>BIOMOD 2013 The Rising Power</title>

<style>

  • {margin:0;padding:0;font-family:"微软雅黑","Arial";}

body{ width: 960px; height: auto; margin: 0 auto; background-color:#000; border:#000 thin solid; }

  1. goTopBtn {POSITION: fixed;TEXT-ALIGN: center;LINE-HEIGHT: 30px;WIDTH: 100px;BOTTOM: 35px;HEIGHT: 100px;FONT-SIZE: 12px;RIGHT: 30px;}
  1. content{margin:0;padding:0;border:0px;}

/*hidden section*/ .firstHeading{display:none;}

  1. sidebar-main{display:none;}
  2. p-cactions{display:none;}
  3. p-personal{display:none;}

</style> </head> <body> <div class="container"> </html>

Welcome

Welcome to the website of The Rising Power from Hong Kong Baptist University! In this year, we are determined to explore the potential application of DNA origami, a sophisticated nanoscale artwork, in the field of biomedical technology. Come and check our funny YouTube video and how our design successfully works under microscopic observation!

Video

<html>

<object width="480" height="360"><param name="movie" value="//www.youtube-nocookie.com/v/DkWRajI4dq0?hl=zh_CN&amp;version=3&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.youtube-nocookie.com/v/DkWRajI4dq0?hl=zh_CN&amp;version=3&amp;rel=0" type="application/x-shockwave-flash" width="480" height="360" allowscriptaccess="always" allowfullscreen="true"></embed></object>

</html>

<html> <div align="center"> <table align="center" width = "600 px"><tr> 

           <td><p>   <img src="http://openwetware.org/images/0/02/HKBU_2013_bulogo.jpg" width="558" height="135"  alt=""/></p>
             <p><img src="http://openwetware.org/images/c/c5/HKBU_2013_falogo.jpg" width="402" height="135"  alt=""/></p>
             <p><img src="http://openwetware.org/images/2/2e/HKBU_2013_cmlogo.JPG" width="336" height="135"  alt=""/></p>

<div align="center"><img src="http://openwetware.org/images/c/cb/HKBU_2013_bilogo.JPG" alt="" width="357" height="122" align="middle"/></div></p></td> 

         </tr>
     </table>

</div> <div class="link"> <a href="http://openwetware.org/index.php?title=Biomod/2013/HKBU&action=edit">edit</a> </div> </div> </body> </html>

Retrieved from "https://openwetware.org/mediawiki/index.php?title=Biomod/2013/HKBU&oldid=744942"