Difference between revisions of "Biomod/2013/Komaba3"

From OpenWetWare
Jump to: navigation, search
Line 1: Line 1:
 +
<!DOCTYPE html>
 
<html xmlns="http://www.w3.org/1999/html">
 
<html xmlns="http://www.w3.org/1999/html">
 
<head>
 
<head>
 
 
     <link href="http://metroui.org.ua/css/modern.css" rel="stylesheet">
 
     <link href="http://metroui.org.ua/css/modern.css" rel="stylesheet">
 
     <link href="http://metroui.org.ua/css/modern-responsive.css" rel="stylesheet">
 
     <link href="http://metroui.org.ua/css/modern-responsive.css" rel="stylesheet">
Line 7: Line 7:
 
     <link href="http://metroui.org.ua/js/google-code-prettify/prettify.css" rel="stylesheet" type="text/css">
 
     <link href="http://metroui.org.ua/js/google-code-prettify/prettify.css" rel="stylesheet" type="text/css">
  
 +
    <script type="text/javascript" async="" src="./js/ga.js"></script>
 +
    <script type="text/javascript" src="./js/jquery-1.9.0.min.js"></script>
 +
    <script type="text/javascript" src="./js/jquery.mousewheel.min.js"></script>
 +
    <script type="text/javascript" src="./js/moment.js"></script>
 +
    <script type="text/javascript" src="./js/moment_langs.js"></script>
 +
    <script type="text/javascript" src="./js/dropdown.js"></script>
 +
    <script type="text/javascript" src="./js/accordion.js"></script>
 +
    <script type="text/javascript" src="./js/buttonset.js"></script>
 +
    <script type="text/javascript" src="./js/carousel.js"></script>
 +
    <script type="text/javascript" src="./js/input-control.js"></script>
 +
    <script type="text/javascript" src="./js/pagecontrol.js"></script>
 +
    <script type="text/javascript" src="./js/rating.js"></script>
 +
    <script type="text/javascript" src="./js/slider.js"></script>
 +
    <script type="text/javascript" src="./js/tile-slider.js"></script>
 +
    <script type="text/javascript" src="./js/tile-drag.js"></script>
 +
    <script type="text/javascript" src="./js/calendar.js"></script>
 
     <style>
 
     <style>
        <!-- HIDE WIKI STUFF -->
+
    <!-- HIDE WIKI STUFF -->
        #column-one {
+
    #column-one {
            display: none;
+
        display: none;
            width: 0px;
+
        width: 0px;
        }
+
    }
  
        .container {
+
    .container {
            background-color: #ffffff;
+
        background-color: #ffffff;
            margin-top: 0px;
+
        margin-top: 0px;
        }
+
    }
  
        .OWWNBcpCurrentDateFilled {
+
    .OWWNBcpCurrentDateFilled {
            display: none;
+
        display: none;
        }
+
    }
  
        #content {
+
    #content {
            width: 0px;
+
        width: 0px;
            margin: 0 auto auto 0;
+
        margin: 0 auto auto 0;
            padding: 0em 0em 0em 0em;
+
        padding: 0em 0em 0em 0em;
            align: center;
+
        align: center;
        }
+
    }
  
        #column-content {
+
    #column-content {
            width: 0px;
+
        width: 0px;
            float: left;
+
        float: left;
            margin: 0 0 0 0;
+
        margin: 0 0 0 0;
            padding: 0;
+
        padding: 0;
        }
+
    }
  
        .firstHeading {
+
    .firstHeading {
            display: none;
+
        display: none;
            width: 0px;
+
        width: 0px;
        }
+
    }
  
        #globalWrapper {
+
    #globalWrapper {
            width: 984px;
+
        width: 984px;
            background-color: #ffffff;
+
        background-color: #ffffff;
            margin-left: auto;
+
        margin-left: auto;
            margin-right: auto;
+
        margin-right: auto;
        }
+
    }
  
        #column-one {
+
    #column-one {
            display: none;
+
        display: none;
            width: 0px;
+
        width: 0px;
            background-color: #ffffff;
+
        background-color: #ffffff;
        }
+
    }
  
        #content {
+
    #content {
            margin: 0 0 0 0;
+
        margin: 0 0 0 0;
            align: center;
+
        align: center;
            padding: 12px;
+
        padding: 12px;
            width: 960px;
+
        width: 960px;
            background-color: #ffff;
+
        background-color: #ffff;
            border: 0;
+
        border: 0;
        }
+
    }
  
        #bodyContent {
+
    #bodyContent {
            width: 960px;
+
        width: 960px;
            align: center;
+
        align: center;
            background-color: #ffffff;
+
        background-color: #ffffff;
        }
+
    }
  
        #column-content {
+
    #column-content {
            width: 984px;
+
        width: 984px;
            background-color: #ffff;
+
        background-color: #ffff;
        }
+
    }
  
        #footer {
+
    #footer {
            display: none;
+
        display: none;
            position: center;
+
        position: center;
            width: 960px;
+
        width: 960px;
        }
+
    }
  
        @media screen {
+
    @media screen {
            body {
+
        body {
                background: #ffffff url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat;
+
            background: #ffffff url(http://openwetware.org/images/1/14/Biomod-2012-utokyo-uthongo-wrapper-bg.jpg) repeat;
            }
 
 
         }
 
         }
     </style>
+
     }
 
+
</style>
 
</head>
 
</head>
<body class="metrouicss" style="zoom: 1;">
+
<body class="metrouicss" onload="prettyPrint()" style="zoom: 1;">
  
 
<div class="page">
 
<div class="page">
Line 159: Line 174:
 
                                 <span class="control left"><i class="icon-arrow-left-3"></i></span>
 
                                 <span class="control left"><i class="icon-arrow-left-3"></i></span>
 
                                 <span class="control right"><i class="icon-arrow-right-3"></i></span>
 
                                 <span class="control right"><i class="icon-arrow-right-3"></i></span>
                             </div>
+
                             <div class="markers"><ul><li class="active"><a href="javascript:void(0)" data-num="0"></a></li><li class=""><a href="javascript:void(0)" data-num="1"></a></li><li class=""><a href="javascript:void(0)" data-num="2"></a></li></ul></div></div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 203: Line 218:
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 +
    <script language="javascript" type="text/javascript"><!--
 +
    Cd = document; Cr = "&" + Math.random(); Cp = "&s=1";
 +
    Cd.cookie = "b=b"; if (Cd.cookie) Cp += "&c=1";
 +
    Cp += "&t=" + (new Date()).getTimezoneOffset();
 +
    if (self != top) Cp += "&f=1";
 +
    //--></script>
 +
    <script language="javascript1.1" type="text/javascript"><!--
 +
    if (navigator.javaEnabled()) Cp += "&j=1";
 +
    //--></script>
 +
    <script language="javascript1.2" type="text/javascript"><!--
 +
    if (typeof (screen) != 'undefined') Cp += "&w=" + screen.width + "&h=" +
 +
            screen.height + "&d=" + (screen.colorDepth ? screen.colorDepth : screen.pixelDepth);
 +
    //--></script>
 +
    <script language="javascript" type="text/javascript"><!--
 +
    Cd.write("<img src='http://c.hit.ua/hit?i=19154&g=0&x=2" + Cp + Cr +
 +
            "&r=" + escape(Cd.referrer) + "&u=" + escape(window.location.href) +
 +
            "' border='0' wi" + "dth='1' he" + "ight='1'/>");
 +
    //--></script><img src="./js/hit" border="0" width="1" height="1">
 +
    <noscript>
 +
        &lt;img src='http://c.hit.ua/hit?i=19154&amp;amp;g=0&amp;amp;x=2' border='0'/&gt;
 +
    </noscript></a>
 +
<!-- / hit.ua -->
 +
 +
    <script type="text/javascript" src="./js/prettify.js"></script>
 +
    <script src="./js/jquery.sharrre-1.3.4.min.js"></script>
 +
 +
    <script>
 +
        $('#shareme').sharrre({
 +
            share: {
 +
                googlePlus: true
 +
                , facebook: true
 +
                , twitter: true
 +
                , delicious: true
 +
            },
 +
            urlCurl: "js/sharrre/sharrre.php",
 +
            buttons: {
 +
                googlePlus: { size: 'tall' },
 +
                facebook: { layout: 'box_count' },
 +
                twitter: { count: 'vertical' },
 +
                delicious: { size: 'tall' }
 +
            },
 +
            hover: function (api, options) {
 +
                $(api.element).find('.buttons').show();
 +
            }
 +
        });
 +
    </script>
  
 
      
 
      
 
</body></html>
 
</body></html>

Revision as of 02:38, 31 August 2013

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/html"> <head>

   <link href="http://metroui.org.ua/css/modern.css" rel="stylesheet">
   <link href="http://metroui.org.ua/css/modern-responsive.css" rel="stylesheet">
   <link href="http://metroui.org.ua/css/site.css" rel="stylesheet" type="text/css">
   <link href="http://metroui.org.ua/js/google-code-prettify/prettify.css" rel="stylesheet" type="text/css">
   <script type="text/javascript" async="" src="./js/ga.js"></script>
   <script type="text/javascript" src="./js/jquery-1.9.0.min.js"></script>
   <script type="text/javascript" src="./js/jquery.mousewheel.min.js"></script>
   <script type="text/javascript" src="./js/moment.js"></script>
   <script type="text/javascript" src="./js/moment_langs.js"></script>
   <script type="text/javascript" src="./js/dropdown.js"></script>
   <script type="text/javascript" src="./js/accordion.js"></script>
   <script type="text/javascript" src="./js/buttonset.js"></script>
   <script type="text/javascript" src="./js/carousel.js"></script>
   <script type="text/javascript" src="./js/input-control.js"></script>
   <script type="text/javascript" src="./js/pagecontrol.js"></script>
   <script type="text/javascript" src="./js/rating.js"></script>
   <script type="text/javascript" src="./js/slider.js"></script>
   <script type="text/javascript" src="./js/tile-slider.js"></script>
   <script type="text/javascript" src="./js/tile-drag.js"></script>
   <script type="text/javascript" src="./js/calendar.js"></script> 
   <style>
   <!-- HIDE WIKI STUFF -->
   #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;
       }
   }

</style> </head> <body class="metrouicss" onload="prettyPrint()" style="zoom: 1;">

<div class="page"> <div class="nav-bar">

   <div class="nav-bar-inner padding10">
       <span class="pull-menu"></span>
           <a href="http://openwetware.org/wiki/Biomod/2013/Komaba/"><span class="element brand"><img class="place-left" src="./js/logo32.png" style="height: 20px">Team Komaba <small>Biomod 2013</small></span></a>
       <div class="divider"></div>
       <ul class="menu">
           <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/">Home</a></li>
           <li data-role="dropdown"><a href="#">Project</a>
               <ul class="dropdown-menu">
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Background</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Project Overview</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Vision for the future</a></li>
               </ul>
           </li>
           <li data-role="dropdown"><a href="#">Design</a>
               <ul class="dropdown-menu">
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Cylinder</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">DNA Spider</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Rotating Ring</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Cylinder Motor</a></li>
               </ul>
           </li>
           <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Experiment</a></li>
           <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Supplementation</a></li>
           <li data-role="dropdown"><a href="#">Team</a>
               <ul class="dropdown-menu">
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Team Information</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Members</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Episode</a></li>
                   <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/UITest">Sponsors</a></li>
               </ul>
           </li>
           <li><a href="http://openwetware.org/wiki/Biomod/2013/Komaba/">Sitemap</a></li>
       </ul>
   </div>

</div> </div>

<div class="page" id="page-index">

   <div class="page-region">
       <div class="page-region-content">
           <div class="grid">
               <div class="row">
                   <div class="span8">
                       <div class="hero-unit">
                           <div id="carousel1" class="carousel" data-role="carousel" data-param-duration="300">
                               <div class="slides">
                                   <div class="slide" id="slide1" style="left: 0px;">
                                       <h2>DNA screw</h2>
                                       <p class="bg-color-blueDark padding20 fg-color-white">TESTTESTTEST</p>
                                       <h3>To start: include <strong>DNA screw</strong> in head of page</h3>
                                       <p class="tertiary-info-text">
                                        TESTTESTTEST   
                                       </p>
                                   </div>
                                   <div class="slide" id="slide2" style="display: block; left: -580px;">
                                       <h2>Team Komaba : University of Tokyo</h2>
                                       <p class="bg-color-pink padding20 fg-color-white">TESTTESTTEST</p>
                                   </div>
                                   <div class="slide" id="slide3" style="display: block; left: -580px;">
                                       <h2>TESTTESTTEST</h2>
                                       <p class="bg-color-orangeDark padding20 fg-color-white">TESTTESTTEST</p>
                                   </div>
                               </div>
                               <span class="control left"><i class="icon-arrow-left-3"></i></span>
                               <span class="control right"><i class="icon-arrow-right-3"></i></span>
                           <div class="markers"><ul><li class="active"><a href="javascript:void(0)" data-num="0"></a></li><li class=""><a href="javascript:void(0)" data-num="1"></a></li><li class=""><a href="javascript:void(0)" data-num="2"></a></li></ul></div></div>
                       </div>
                   </div>
                   <div class="span4">
                       <div class="span4 padding20 text-center place-left bg-color-blueLight" id="sponsorBlock">
                           <h2 class="fg-color-red">Members</h2>
                           <p class="">Fukuhara Yusuke</p><p>Kondo Toyoki</p><p>Miyazaki Yuki</p><p>Osamu Ishimura</p><p>Shoko Yokokawa</p><p>Shuhei Nakajma</p><p>Soejima Tomohiro</p><p>Wang Shaoyu</p>
                           <br>
                       </div>
                   </div>
               </div>
           </div>
           <div class="grid">
               <div class="row">
                   <div class="span4 bg-color-blue">
                       <img src="./js/simple.png" class="place-right" style="margin: 10px;">
                       <h2 class="fg-color-white">&nbsp;Cylinder</h2>
                   </div>
                   <div class="span4 bg-color-green">
                       <img src="./js/grid.png" class="place-right" style="margin: 10px;">
                       <h2 class="fg-color-white">&nbsp;DNA Walker</h2>
                   </div>
                   <div class="span4 bg-color-yellow">
                       <img src="./js/responsive.png" class="place-right" style="margin: 10px;">
                       <h2 class="fg-color-white">&nbsp;Rotary Ring</h2>
                   </div>
               </div>
           </div>
       </div>
   </div>

</div>

   <div class="page">
       <div class="nav-bar">
           <div class="nav-bar-inner padding10">
               <span class="element">
                   2013, Biomod © by <a class="fg-color-white" href="mailto:sergey@pimenov.com.ua">Team Komaba</a>
               </span>
           </div>
       </div>
   </div>
   <script language="javascript" type="text/javascript"><!--
   Cd = document; Cr = "&" + Math.random(); Cp = "&s=1";
   Cd.cookie = "b=b"; if (Cd.cookie) Cp += "&c=1";
   Cp += "&t=" + (new Date()).getTimezoneOffset();
   if (self != top) Cp += "&f=1";
   //--></script>
   <script language="javascript1.1" type="text/javascript"><!--
   if (navigator.javaEnabled()) Cp += "&j=1";
   //--></script>
   <script language="javascript1.2" type="text/javascript"><!--
   if (typeof (screen) != 'undefined') Cp += "&w=" + screen.width + "&h=" +
           screen.height + "&d=" + (screen.colorDepth ? screen.colorDepth : screen.pixelDepth);
   //--></script>
   <script language="javascript" type="text/javascript"><!--
   Cd.write("<img src='http://c.hit.ua/hit?i=19154&g=0&x=2" + Cp + Cr +
           "&r=" + escape(Cd.referrer) + "&u=" + escape(window.location.href) +
           "' border='0' wi" + "dth='1' he" + "ight='1'/>");
   //--></script><img src="./js/hit" border="0" width="1" height="1">
   <noscript>
       &lt;img src='http://c.hit.ua/hit?i=19154&amp;amp;g=0&amp;amp;x=2' border='0'/&gt;
   </noscript></a>

<!-- / hit.ua -->

   <script type="text/javascript" src="./js/prettify.js"></script>
   <script src="./js/jquery.sharrre-1.3.4.min.js"></script>
   <script>
       $('#shareme').sharrre({
           share: {
               googlePlus: true
               , facebook: true
               , twitter: true
               , delicious: true
           },
           urlCurl: "js/sharrre/sharrre.php",
           buttons: {
               googlePlus: { size: 'tall' },
               facebook: { layout: 'box_count' },
               twitter: { count: 'vertical' },
               delicious: { size: 'tall' }
           },
           hover: function (api, options) {
               $(api.element).find('.buttons').show();
           }
       });
   </script>


</body></html>