Difference between revisions of "Sandbox"

From OpenWetWare
Jump to: navigation, search
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
+
</html>
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==
 
==Institutional Affiliation==

Revision as of 10:50, 13 June 2013

<html> <head> <style> <!-- HIDE WIKI STUFF -->

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

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

  1. content { width: 0px; margin: 0 auto auto 0; padding: 0em 0em 0em 0em; align: center;}
  2. column-content {width: 0px; float: left; margin: 0 0 0 0;padding: 0;}

.firstHeading {display:none; width:0px;}

  1. globalWrapper{width:984px; background-color: #ffffff; margin-left: auto; margin-right: auto}
  2. column-one {display:none; width:0px;background-color: #ffffff;}
  3. content{ margin: 0 0 0 0; align: center; padding: 12px; width: 960px;background-color: #ffff; border: 0;}
  4. bodyContent{ width: 960px; align: center; background-color: #ffffff;}
  5. column-content{width: 984px;background-color: #ffff;}
  6. 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; }

}

</style>

<style>

  • {

text-shadow: 0px 1px 2px #aaa; }

  1. bodyContent, #column-content, #content {

background: #ffffff url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat; }

  1. column-content {
border-left: 1px solid #888;
border-right: 1px solid #888;

}

  1. header {
 width: 960px;
 height: 304px;
 background: url(http://openwetware.org/images/3/3b/Biomod-2012-UTokyo-UT-Hongo_header_test2.png) no-repeat;
 background-size: 100% auto;
 margin-bottom: 0px;
 padding: 0px 0px 0px 0px;

/* border-bottom: 1px solid #DEDEDE; */ }

  1. menu {
 display: block;
 width: 956px;
 padding: 0px;
 background-color: black;
 border: 2px solid #888;
 margin-bottom: 15px;

}

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;

}

ul.menu li a:hover{

 color: cyan;

}

ul.menu { /* display: none;

 position: absolute; */
 height: 40px;
 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;

}

ul.submenu li {

 float: none;
 margin: 0px;

}

ul.submenu li a {

 text-align: left;
 margin: 0px;
 width: 340px;
 padding: 0 0 0 12px;
 color: black;
 text-decoration: none;
 font-size: large

}

ul.submenu li a:hover {

 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;

}

</style> </head> <body>

 <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>
 <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>
   <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>

</body> </html>


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

x2+y2=z2

Template:Math

Failed to parse (MathML with SVG or PNG fallback (recommended for modern browsers and accessibility tools): Invalid response ("Math extension cannot connect to Restbase.") from server "https://api.formulasearchengine.com/v1/":): {\displaystyle x^2+y^2=z^2}

∑i=∞

Failed to parse (MathML with SVG or PNG fallback (recommended for modern browsers and accessibility tools): Invalid response ("Math extension cannot connect to Restbase.") from server "https://api.formulasearchengine.com/v1/":): {\displaystyle e^{\pi i} + 1 = 0}

Failed to parse (MathML with SVG or PNG fallback (recommended for modern browsers and accessibility tools): Invalid response ("Math extension cannot connect to Restbase.") from server "https://api.formulasearchengine.com/v1/":): {\displaystyle \frac{\sqrt{2\alpha_1+e^2}}{\log \alpha_2}}

Google Docs

{{#widget:Google Document |id=19hEjXbw_pwVjY5vwu-hQGfqpLTuwWQemRzEsCvJw640 }}

<html> <div id="car" style="width:100%; color:#SAFRDA;"> hai </div> </html>