Team:KIT-Kyoto/test

From 2013.igem.org

(Difference between revisions)
 
(37 intermediate revisions not shown)
Line 1: Line 1:
-
{{Template:KIT-Kyoto-1}}
+
{{Template:KIT-Kyoto-header}}
<html class="no-js">
<html class="no-js">
<head>
<head>
-
  <meta charset="utf-8" />
 
-
  <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
 
-
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 
-
  <!-- Mobile viewport optimized: h5bp.com/viewport -->
 
-
  <meta name="viewport" content="width=device-width">
 
-
 
-
  <title>BootMetro Demo - Metro</title>
 
-
 
-
  <meta name="robots" content="noindex, nofollow">
 
-
  <meta name="description" content="BootMetro : Simple and complete web UI framework to create web apps with Windows 8 Metro user interface." />
 
-
  <meta name="keywords" content="bootmetro, modern ui, modern-ui, metro, metroui, metro-ui, metro ui, windows 8, metro style, bootstrap, framework, web framework, css, html" />
 
-
  <meta name="author" content="AozoraLabs by Marcello Palmitessa"/>
 
-
 
 
-
  <!-- remove or comment this line if you want to use the local fonts -->
 
-
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
 
-
 
-
  <link rel="stylesheet" type="text/css" href="http://technouskit.net/igem/bootmetro/assets/css/bootmetro.css">
 
-
  <link rel="stylesheet" type="text/css" href="http://technouskit.net/igem/bootmetro/assets/css/bootmetro-responsive.css">
 
-
  <link rel="stylesheet" type="text/css" href="http://technouskit.net/igem/bootmetro/assets/css/bootmetro-icons.css">
 
-
  <link rel="stylesheet" type="text/css" href="http://technouskit.net/igem/bootmetro/assets/css/bootmetro-ui-light.css">
 
-
  <link rel="stylesheet" type="text/css" href="http://technouskit.net/igem/bootmetro/assets/css/datepicker.css">
 
-
 
-
  <!--  these two css are to use only for documentation -->
 
-
  <link rel="stylesheet" type="text/css" href="http://technouskit.net/igem/bootmetro/assets/css/demo.css">
 
-
 
-
 
-
  <!-- Le fav and touch icons -->
 
-
  <link rel="shortcut icon" href="http://technouskit.net/igem/bootmetro/assets/ico/favicon.ico">
 
-
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://technouskit.net/igem/bootmetro/assets/ico/apple-touch-icon-144-precomposed.png">
 
-
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://technouskit.net/igem/bootmetro/assets/ico/apple-touch-icon-114-precomposed.png">
 
-
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://technouskit.net/igem/bootmetro/assets/ico/apple-touch-icon-72-precomposed.png">
 
-
  <link rel="apple-touch-icon-precomposed" href="http://technouskit.net/igem/bootmetro/assets/ico/apple-touch-icon-57-precomposed.png">
 
-
 
 
-
  <!-- All JavaScript at the bottom, except for Modernizr and Respond.
 
-
      Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
 
-
      For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
 
-
  <script src="http://technouskit.net/igem/bootmetro/assets/js/modernizr-2.6.2.min.js"></script>
 
-
 
-
  <script type="text/javascript">
 
-
      var _gaq = _gaq || [];
 
-
      _gaq.push(['_setAccount', 'UA-3182578-6']);
 
-
      _gaq.push(['_trackPageview']);
 
-
      (function() {
 
-
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 
-
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 
-
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 
-
      })();
 
-
  </script>
 
-
     
 
-
     
 
</head>
</head>
Line 60: Line 10:
   <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
   <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
   <![endif]-->
   <![endif]-->
-
 
-
  <div class="btn-toolbar" style="margin: 0;">
 
-
      <div class="btn-group">
 
-
        <button class="btn dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
 
-
        <ul class="dropdown-menu">
 
-
            <li><a href="#">Action</a></li>
 
-
            <li><a href="#">Another action</a></li>
 
-
            <li><a href="#">Something else here</a></li>
 
-
            <li class="divider"></li>
 
-
            <li><a href="#">Separated link</a></li>
 
-
        </ul>
 
-
      </div><!-- /btn-group -->
 
-
      <div class="btn-group">
 
-
        <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
 
-
        <ul class="dropdown-menu">
 
-
            <li><a href="#">Action</a></li>
 
-
            <li><a href="#">Another action</a></li>
 
-
            <li><a href="#">Something else here</a></li>
 
-
            <li class="divider"></li>
 
-
            <li><a href="#">Separated link</a></li>
 
-
        </ul>
 
-
      </div><!-- /btn-group -->
 
-
      <div class="btn-group">
 
-
        <button class="btn btn-danger dropdown-toggle" data-toggle="dropdown">Danger <span class="caret"></span></button>
 
-
        <ul class="dropdown-menu">
 
-
            <li><a href="#">Action</a></li>
 
-
            <li><a href="#">Another action</a></li>
 
-
            <li><a href="#">Something else here</a></li>
 
-
            <li class="divider"></li>
 
-
            <li><a href="#">Separated link</a></li>
 
-
        </ul>
 
-
      </div><!-- /btn-group -->
 
-
      <div class="btn-group">
 
-
        <button class="btn btn-warning dropdown-toggle" data-toggle="dropdown">Warning <span class="caret"></span></button>
 
-
        <ul class="dropdown-menu">
 
-
            <li><a href="#">Action</a></li>
 
-
            <li><a href="#">Another action</a></li>
 
-
            <li><a href="#">Something else here</a></li>
 
-
            <li class="divider"></li>
 
-
            <li><a href="#">Separated link</a></li>
 
-
        </ul>
 
-
      </div><!-- /btn-group -->
 
-
      <div class="btn-group">
 
-
        <button class="btn btn-success dropdown-toggle" data-toggle="dropdown">Success <span class="caret"></span></button>
 
-
        <ul class="dropdown-menu">
 
-
            <li><a href="#">Action</a></li>
 
-
            <li><a href="#">Another action</a></li>
 
-
            <li><a href="#">Something else here</a></li>
 
-
            <li class="divider"></li>
 
-
            <li><a href="#">Separated link</a></li>
 
-
        </ul>
 
-
      </div><!-- /btn-group -->
 
-
      <div class="btn-group">
 
-
        <button class="btn btn-info dropdown-toggle" data-toggle="dropdown">Info <span class="caret"></span></button>
 
-
        <ul class="dropdown-menu">
 
-
            <li><a href="#">Action</a></li>
 
-
            <li><a href="#">Another action</a></li>
 
-
            <li><a href="#">Something else here</a></li>
 
-
            <li class="divider"></li>
 
-
            <li><a href="#">Separated link</a></li>
 
-
        </ul>
 
-
      </div><!-- /btn-group -->
 
-
  </div><!-- /btn-toolbar -->
 
-
 
-
  <!-- Header
 
-
  ================================================== -->
 
-
  <header id="nav-bar" class="container">
 
-
      <div class="row">
 
-
        <div class="span12">
 
-
            <div id="header-container">
 
-
              <a id="backbutton" class="win-backbutton" href="./hub.html"></a>
 
-
              <h3>iGEM</h3>
 
-
            </div>
 
-
            <div id="top-info" class="pull-right">
 
-
            <a id="logged-user" href="#" class="win-command pull-right">
 
-
              <span class="win-commandicon win-commandring icon-user"></span>
 
-
            </a>
 
-
            <div class="pull-left">
 
-
              <h3>KIT-Kyoto</h3>
 
-
            </div>
 
-
        </div>
 
-
      </div>
 
-
      </div>
 
-
  </header>
 
    
    
   <div class="container">
   <div class="container">
Line 151: Line 17:
                         <div class="tile-column-span-2">
                         <div class="tile-column-span-2">
-
                           <a class="tile widepeek" href="#">
+
                           <a class="tile widepeek" href="https://2013.igem.org/Team:KIT-Kyoto/Project">
                               <div class="tile wide image">
                               <div class="tile wide image">
-
                                 <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/Fuso_Trial_Heading_Left.jpg/640px-Fuso_Trial_Heading_Left.jpg" alt=""/>
+
                                 <img src="https://static.igem.org/mediawiki/2013/4/47/KITwiki.jpg" alt=""/>
                               </div>
                               </div>
                               <div class="tile wide text">
                               <div class="tile wide text">
Line 161: Line 27:
                           </a>
                           </a>
    
    
-
                           <a class="tile widepeek" href="#">
+
                           <a class="tile widepeek" href="https://2013.igem.org/Team:KIT-Kyoto/Parts">
                               <div class="tile wide image">
                               <div class="tile wide image">
-
                                 <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/Fuso_Trial_Heading_Left.jpg/640px-Fuso_Trial_Heading_Left.jpg" alt=""/>
+
                                 <img src="https://static.igem.org/mediawiki/2013/1/15/Wtile2.jpg" alt=""/>
                               </div>
                               </div>
                               <div class="tile wide text">
                               <div class="tile wide text">
Line 175: Line 41:
                         <div class="tile-column-span-2">
                         <div class="tile-column-span-2">
-
                           <a class="tile wide imagetext wideimage bg-color-green" href="#">
+
                           <a class="tile wide imagetext wideimage bg-color-green" href="https://2013.igem.org/Team:KIT-Kyoto/Notebook">
-
                               <img src="http://upload.wikimedia.org/wikipedia/en/e/e9/Famous_Fantastic_Mysteries_August_1942_cover.jpg" alt=""/>
+
                               <img src="https://static.igem.org/mediawiki/2013/archive/b/b8/20130926085312%21130926_1625~01.jpg" alt=""/>
                               <div class="textover-wrapper transparent">
                               <div class="textover-wrapper transparent">
                                 <div class="text2">LabNote</div>
                                 <div class="text2">LabNote</div>
Line 182: Line 48:
                           </a>
                           </a>
-
                           <a class="tile wide imagetext wideimage bg-color-green" href="#">
+
                           <a class="tile wide imagetext wideimage bg-color-green" href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol">
-
                               <img src="http://upload.wikimedia.org/wikipedia/en/e/e9/Famous_Fantastic_Mysteries_August_1942_cover.jpg" alt=""/>
+
                               <img src="https://static.igem.org/mediawiki/2013/8/87/Wtile1.jpg" alt=""/>
                               <div class="textover-wrapper transparent">
                               <div class="textover-wrapper transparent">
                                 <div class="text2">Protocol</div>
                                 <div class="text2">Protocol</div>
Line 189: Line 55:
                           </a>
                           </a>
-
                           <a class="tile widepeek" href="#">
+
                           <a class="tile widepeek" href="https://2013.igem.org/Team:KIT-Kyoto/Humanpractice">
                               <div class="tile wide image">
                               <div class="tile wide image">
-
                                 <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/Fuso_Trial_Heading_Left.jpg/640px-Fuso_Trial_Heading_Left.jpg" alt=""/>
+
                                 <img src="https://static.igem.org/mediawiki/2010/b/b7/KITOC4.jpg" alt=""/>
                               </div>
                               </div>
                               <div class="tile wide text">
                               <div class="tile wide text">
Line 203: Line 69:
               <div class="metro-section" id="section1">
               <div class="metro-section" id="section1">
-
                           <a class="tile widepeek" href="#">
+
                           <a class="tile widepeek" href="https://2013.igem.org/Team:KIT-Kyoto/Team">
                               <div class="tile wide image">
                               <div class="tile wide image">
-
                                 <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/Fuso_Trial_Heading_Left.jpg/640px-Fuso_Trial_Heading_Left.jpg" alt=""/>
+
                                 <img src="https://static.igem.org/mediawiki/2013/9/99/P2.jpg" alt=""/>
                               </div>
                               </div>
                               <div class="tile wide text">
                               <div class="tile wide text">
Line 213: Line 79:
                           </a>
                           </a>
    
    
-
                   <a class="tile wide imagetext bg-color-orange" href="./list-detail.html">
+
                   <a class="tile wide imagetext bg-color-orange" href="https://2013.igem.org/Team:KIT-Kyoto/Safety">
                     <div class="column-text">
                     <div class="column-text">
                         <div class="text-header3">SAFETY</div>
                         <div class="text-header3">SAFETY</div>
Line 219: Line 85:
                   </a>
                   </a>
    
    
-
                   <a class="tile wide imagetext tile-double bg-color-green" href="#">
+
                   <a class="tile wide imagetext tile-double bg-color-green" href="https://2013.igem.org/Team:KIT-Kyoto/Link">
                     <div class="column-text">
                     <div class="column-text">
                         <div class="text-header3">LINK</div>
                         <div class="text-header3">LINK</div>
Line 231: Line 97:
       </div>
       </div>
   </div>
   </div>
-
 
-
  <!-- Grab Google CDN's jQuery. fall back to local if necessary -->
 
-
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 
-
  <script>window.jQuery || document.write("<script src='http://technouskit.net/igem/bootmetro/assets/js/jquery-1.8.3.min.js'>\x3C/script>")</script>
 
-
 
-
  <!--[if IE 7]>
 
-
  <script type="text/javascript" src="scripts/bootmetro-icons-ie7.js">
 
-
  <![endif]-->
 
-
 
-
  <script type="text/javascript" src="http://technouskit.net/igem/bootmetro/assets/js/bootstrap.min.js"></script>
 
-
  <script type="text/javascript" src="http://technouskit.net/igem/bootmetro/assets/js/bootmetro-panorama.js"></script>
 
-
  <script type="text/javascript" src="http://technouskit.net/igem/bootmetro/assets/js/bootmetro-pivot.js"></script>
 
-
  <script type="text/javascript" src="http://technouskit.net/igem/bootmetro/assets/js/bootmetro-charms.js"></script>
 
-
  <script type="text/javascript" src="http://technouskit.net/igem/bootmetro/assets/js/bootstrap-datepicker.js"></script>
 
-
 
-
  <script type="text/javascript" src="http://technouskit.net/igem/bootmetro/assets/js/jquery.mousewheel.min.js"></script>
 
-
  <script type="text/javascript" src="http://technouskit.net/igem/bootmetro/assets/js/jquery.touchSwipe.min.js"></script>
 
-
 
-
  <script type="text/javascript" src="http://technouskit.net/igem/bootmetro/assets/js/holder.js"></script>
 
-
  <!--<script type="text/javascript" src="http://technouskit.net/igem/bootmetro/assets/js/perfect-scrollbar.with-mousewheel.min.js"></script>-->
 
-
  <script type="text/javascript" src="http://technouskit.net/igem/bootmetro/assets/js/demo.js"></script>
 
-
 
-
 
-
  <script type="text/javascript">
 
-
 
-
      $('.panorama').panorama({
 
-
        //nicescroll: false,
 
-
        showscrollbuttons: true,
 
-
        keyboard: true,
 
-
        parallax: true
 
-
      });
 
-
 
-
//      $(".panorama").perfectScrollbar();
 
-
 
-
      $('#pivot').pivot();
 
-
 
-
  </script>
 
</body>
</body>
</html>
</html>

Latest revision as of 08:20, 27 September 2013