Sandbox

From OpenWetWare

(Difference between revisions)
Jump to: navigation, search
(2 intermediate revisions not shown.)
Line 1: Line 1:
-
{{Template:}}
+
<html>
-
Welcome to DeoxyriboNucleicAwesome's BIOMOD Wiki!
+
<head>
-
{{Template:}}
+
<style>
 +
<!-- HIDE WIKI STUFF -->
-
[[Image:Example.jpg]]
+
#column-one { display:none; width:0px;}
 +
.container{background-color: #ffffff; margin-top:0px}
 +
.OWWNBcpCurrentDateFilled {display: none;}
 +
#content {  width: 0px; margin: 0 auto auto 0;  padding: 0em 0em 0em 0em; align: center;}
 +
#column-content {width: 0px; float: left; margin: 0 0 0 0;padding: 0;}
 +
.firstHeading {display:none; width:0px;}
 +
#globalWrapper{width:984px; background-color: #ffffff; margin-left: auto; margin-right: auto}
 +
#column-one {display:none; width:0px;background-color: #ffffff;}
 +
#content{ margin: 0 0 0 0; align: center; padding: 12px; width: 960px;background-color: #ffff; border: 0;}
 +
#bodyContent{ width: 960px; align: center; background-color: #ffffff;}
 +
#column-content{width: 984px;background-color: #ffff;}
 +
#footer{display: none; position: center; width: 960px}
 +
@media screen {
 +
    body { background: #ffffff url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat; }
 +
}
-
[[Image:.jpg|thumb|right]]
+
</style>
-
Jon Sack, Ph.D.
+
-
<pre>
+
-
[[Image:whatever.png]]
+
-
</pre>
+
-
==Research interests==
+
-
COMPOSITE MATERIALS [PMC] IN BONE GRAFTING SUBSTITUTES.
+
 +
<style>
-
function ddm()
+
* {
-
{
+
text-shadow: 0px 1px 2px #aaa;
 +
}
-
// Variables, change these in case you need to set other class names (mmhide_ for
+
#bodyContent, #column-content, #content {
-
// contribute users for example)
+
background: #ffffff url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat;
-
var parentClass='isParent';      //gets applied when the LI has a nested UL
+
}
-
var activeParentClass='isActive';        //gets applied when the nested UL is visible
+
-
var preventHoverClass='nohover';        //denotes a navigation that should not get any hover effects
+
-
var indicateJSClass='dhtml';    //gets applied to the main navigation when Javascript is available
+
-
var toHideClass='hiddenChild';  //gets applied to hide the nested UL
+
-
var toShowClass='shownChild';    //gets applied to show the nested UL
+
-
var currentClass='current';      //denotes the current active sub element and prevents collapsing
+
-
var d=document.getElementById('nav');   //denotes the navigation element
+
-
// if DOM is not available stop right here.
+
#column-content {
-
if(!document.getElementById && !document.createTextNode){return;}
+
border-left: 1px solid #888;
 +
border-right: 1px solid #888;
 +
}
-
// if the navigation element is available, apply the class denoting DHTML capabilities
+
#header {
-
if(d)
+
  width: 960px;
-
{
+
  height: 304px;
-
d.className+=d.className==''?indicateJSClass:' '+indicateJSClass;
+
  background: url(http://openwetware.org/images/3/3b/Biomod-2012-UTokyo-UT-Hongo_header_test2.png) no-repeat;
-
var lis,i,firstUL,j,apply;
+
  background-size: 100% auto;
 +
  margin-bottom: 0px;
 +
  padding: 0px 0px 0px 0px;
 +
/*  border-bottom: 1px solid #DEDEDE; */
 +
}
-
// loop through all LIs and check which ones have a nested UL
+
#menu {
-
lis=d.getElementsByTagName('li');
+
  display: block;
-
for(i=0;i<lis.length;i++)
+
  width: 956px;
-
{
+
  padding: 0px;
-
firstUL=lis[i].getElementsByTagName('ul')[0]
+
  background-color: black;
-
// if there is a nested UL, deactivate the first nested link and apply the class to show
+
  border: 2px solid #888;
-
// there is a nested list
+
  margin-bottom: 15px;
-
if(firstUL)
+
-
{
+
-
lis[i].childNodes[0].onclick=function(){return false;}
+
-
lis[i].className+=lis[i].className==''?parentClass:' '+parentClass;
+
-
// check if there is a "current" element
+
-
apply=true;
+
-
if(new RegExp('\\b'+currentClass+'\\b').test(lis[i].className)){apply=false;}
+
-
if(apply)
+
-
{
+
-
for(j=0;j<firstUL.getElementsByTagName('li').lengt h;j++)
+
-
{
+
-
if(new RegExp('\\b'+currentClass+'\\b').test(firstUL.getE lementsByTagName('li')[j].className)){apply=false;break}
+
}
}
 +
 +
ul.menu li a {
 +
  display: block;
 +
/*  border: 1px solid #474655; */
 +
  padding: 8px 10px;
 +
  text-decoration: none;
 +
/*  color: #333; */
 +
  color: #fff;
 +
/*  width: 121px;  */
 +
  margin: 0px;
 +
  text-align: center;
 +
  font-size: large;
}
}
-
// if there is no current element, apply the class to hide the nested list
+
 
-
if(apply)
+
ul.menu li a:hover{
-
{
+
  color: cyan;
-
firstUL.className+=firstUL.className==''?toHideCla ss:' '+toHideClass;
+
-
// check if there is a class to prevent hover effects and only apply the function
+
-
// onclick if that is the case, otherwise apply it onclick and onhover
+
-
if(new RegExp('\\b'+preventHoverClass+'\\b').test(d.class Name))
+
-
{
+
-
lis[i].onclick=function(){doddm(this);}
+
-
} else {
+
-
lis[i].onclick=function(){doddm(this);}
+
-
lis[i].onmouseover=function(){doddm(this);}
+
-
lis[i].onmouseout=function(){doddm(null);}
+
}
}
-
// if there is a current element, define the list as being kept open and apply the
+
 
-
// classes to show the nested list and define the parent LI as an active one
+
ul.menu {
-
} else {
+
/*  display: none;
-
lis[i].keepopen=1;
+
  position: absolute; */
-
firstUL.className+=firstUL.className==''?toShowCla ss:' '+toShowClass;
+
  height: 40px;
-
lis[i].className=lis[i].className.replace(parentClass,activeParentClass);
+
  margin:0;
 +
  padding:0;
 +
  list-style:none;
 +
  float: center;
}
}
 +
 +
ul.menu li {
 +
/*  display:inline;*/
 +
  margin:0;
 +
  padding:6px;
 +
  float: left;
 +
  position: relative;
}
}
 +
 +
ul.menu li:hover ul {
 +
  display: block;
 +
  position: absolute;
 +
  z-index: 100;
}
}
 +
 +
ul.submenu {
 +
  display: none;
 +
  list-style: none;
 +
  background-color: #f0f0f0;
 +
  border: 1px solid #ccc;
}
}
-
// function to show and hide the nested lists and add the classes to the parent LIs
 
-
function doddm(o)
 
-
{
 
-
var childUL,isobj,swap;
 
-
// loop through all LIs of the navigation     
+
ul.submenu li {
-
lis=d.getElementsByTagName('li');
+
  float: none;
-
for(i=0;i<lis.length;i++)
+
  margin: 0px;
-
{
+
-
isobj=lis[i]==o;
+
-
// function to exchange class names in an object
+
-
swap=function(tmpobj,tmporg,tmprep)
+
-
{
+
-
tmpobj.className=tmpobj.className.replace(tmporg,t mprep)     
+
}
}
-
// if the current LI does not have an indicator to be kept visible
 
-
if(!lis[i].keepopen)
 
-
{
 
-
childUL=lis[i].getElementsByTagName('ul')[0];
 
-
// check if there is a nested UL and if the current LI is not the one clicked on
 
-
// and exchange the classes accordingly (ie. hide all other nested lists and
 
-
// make the LIs parent rather than active.
 
-
if(childUL)   
 
-
{     
 
-
if(new RegExp('\\b'+preventHoverClass+'\\b').test(d.class Name))
 
-
{
 
-
if(new RegExp('\\b'+activeParentClass+'\\b').test(lis[i].className))
 
-
{
 
-
swap(childUL,isobj?toShowClass:toHideClass,isobj?t oHideClass:toShowClass);   
 
-
swap(lis[i],isobj?activeParentClass:parentClass,isobj?parentC lass:activeParentClass); 
 
-
} else {
 
-
swap(childUL,isobj?toHideClass:toShowClass,isobj?t oShowClass:toHideClass);    
+
ul.submenu li a {
-
swap(lis[i],isobj?parentClass:activeParentClass,isobj?activeP arentClass:parentClass);
+
  text-align: left;
 +
  margin: 0px;
 +
  width: 340px;
 +
  padding: 0 0 0 12px;
 +
  color: black;
 +
  text-decoration: none;
 +
  font-size: large
}
}
-
} else {
+
 
-
swap(childUL,isobj?toHideClass:toShowClass,isobj?t oShowClass:toHideClass);    
+
ul.submenu li a:hover {
-
swap(lis[i],isobj?parentClass:activeParentClass,isobj?activeP arentClass:parentClass);
+
  color: black;
 +
  text-decoration: underline;
}
}
-
}
+
 
 +
.thumb {
 +
  border-image: url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat;
}
}
-
}
+
 
-
}
+
.mytable {
-
}
+
  border-image: url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat;
-
window.onload=function()
+
-
{
+
-
ddm();
+
-
// add other functions to be called onload below
+
}
}
 +
</style>
 +
</head>
 +
<body>
-
In this researdfasdfch, natural fibers like Sisal (Agave sisalana), Banana (Musa sepientum) & Roselle (Hibiscus sabdariffa), Sisal and banana (hybrid), Roselle and banana (hybrid) and Roselle and sisal (hybrid) are fabricated with bio epoxy resin using molding method. In this work, impact strength of Sisal and banana (hybrid), Roselle and banana (hybrid and Roselle and sisal (hybrid) composite at dry and wet conditions were studied. Impact test were conducted izod impact testing machine. In this work micro structure of the specimens are scanned by the Scanning Electron Microscope.
+
  <div style="text-align: right">
 +
    <p><a href="http://openwetware.org/index.php?title=Template:Biomod/2012/UTokyo/UT-Hongo&action=edit">edit this header</a></p>
 +
  </div>
-
I also invested heavily in Myspace, and lost most of my life savings.
+
  <div style="height: 60px; margin-bottom: 18px;">
 +
    <div style="float: left; width: 250px; padding: 3px; background-color: white;">
 +
      <a href="http://biomod.net/"><img src="http://openwetware.org/images/8/82/Biomod2012-logo.png" width="250px" height="50px"></img></a>
 +
    </div>
 +
    <div style="float: right; width: 240px; padding: 3px; background-color: white;">
 +
      <a href="http://www.u-tokyo.ac.jp/en/" target="_blank"><img src="http://www.u-tokyo.ac.jp/en/images/banner/UT-logo.gif" width="234" height="60" border="0" alt="The University of Tokyo"></img></a>
 +
    </div>
 +
  </div>
 +
    <div id="header">
 +
    </div>
-
{{scroll box|width=75%|text=
+
    <div id="menu">
 +
      <ul class="menu">
 +
<li class="toppage"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo">Top</a></li>
 +
<li class="motives"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Intro">Motives</a></li>
 +
<!-- <li class="design"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Function">Design</a></li> -->
 +
<li class="result"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Assembly">Design & Results</a>
 +
  <ul class="submenu">
 +
    <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Assembly#Assembly_of_the_DNA_Shell">Assembly of the DNA Shell</a></li>
 +
    <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Assembly#Capturing_ability">Capturing Ability</a></li>
 +
    <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Assembly#Immobilizing_on_microfluidic_device">Immobilizing on microfluidic device</a></li>
 +
    <li><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Assembly#Supporting_Enzyme">Supporting Enzyme</a></li>
 +
  </ul>
 +
</li>
 +
<li class="method"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Method">Method</a></li>
 +
<li class="futurework"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/FutureWork">Progress & Beyond</a></li>
 +
<li class="team"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Team">Team</a></li>
 +
<li class="acknowledgement"><a href="/wiki/Biomod/2012/UTokyo/UT-Hongo/Acknowledgement">Acknowledgement</a></li>
 +
      </ul>
 +
    </div>
-
<dpl>
+
</body>
-
category=SL-Coding
+
-
mode = unordered
+
-
order = descending
+
-
</dpl>
+
-
}}
+
-
 
+
-
==Education==
+
-
<!--Include info about your educational background-->
+
-
* Ph.D., Stanford University, Department of Biological Sciences
+
-
* B.A., Reed College, Biochemistry
+
-
 
+
-
==Institutional Affiliation==
+
-
 
+
-
Assistant Professor
+
-
 
+
-
Department of Physiology & Membrane Biology
+
-
 
+
-
School of Medicine
+
-
 
+
-
University of California
+
-
 
+
-
4126 Tupper Hall
+
-
 
+
-
One Shields Avenue
+
-
 
+
-
Davis, California 95616
+
-
 
+
-
530.752.4131 tel
+
-
530.752.5314 lab tel
+
-
530.752.5423 fax
+
-
 
+
-
jsack@ucdavis.edu
+
-
 
+
-
==Math Practice==
+
-
 
+
-
''x''<sup>2</sup>+''y''<sup>2</sup>=''z''<sup>2</sup>
+
-
 
+
-
{{math|''x''<sup>2</sup>+''y''<sup>2</sup>{{=}}''z''<sup>2</sup>}}
+
-
 
+
-
<math>x^2+y^2=z^2</math>
+
-
 
+
-
&sum;i=∞
+
-
 
+
-
<math>e^{\pi i} + 1 = 0</math>
+
-
 
+
-
<math>\frac{\sqrt{2\alpha_1+e^2}}{\log \alpha_2}</math>
+
-
 
+
-
==Google Docs==
+
-
{{#widget:Google Document
+
-
|id=19hEjXbw_pwVjY5vwu-hQGfqpLTuwWQemRzEsCvJw640
+
-
}}
+
-
 
+
-
<html>
+
-
<div id="car" style="width:100%; color:#SAFRDA;">
+
-
hai
+
-
</div>
+
</html>
</html>

Revision as of 14:51, 13 June 2013

edit this header

The University of Tokyo

Personal tools