Team:NYMU-Taipei/Templates/Header
From 2011.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
{{:Team:NYMU-Taipei/Templates/Header/menu}} | {{:Team:NYMU-Taipei/Templates/Header/menu}} | ||
- | + | <!DOCTYPE html> | |
<html> | <html> | ||
<head> | <head> | ||
Line 6: | Line 6: | ||
<meta http-equiv="Content-type" content="text/html;charset=UTF-8"/> | <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/> | ||
<meta name="generator" content="0.8.682.87"/> | <meta name="generator" content="0.8.682.87"/> | ||
- | <title> | + | <title>Home</title> |
<!-- CSS --> | <!-- CSS --> | ||
<link rel="stylesheet" type="text/css" href="http://gel.ym.edu.tw/~evelyn132/igem/css/site_global.css"/> | <link rel="stylesheet" type="text/css" href="http://gel.ym.edu.tw/~evelyn132/igem/css/site_global.css"/> | ||
- | <link rel="stylesheet" type="text/css" href="http://gel.ym.edu.tw/~evelyn132/igem/css/ | + | <link rel="stylesheet" type="text/css" href="http://gel.ym.edu.tw/~evelyn132/igem/css/index.css"/> |
</head> | </head> | ||
<body> | <body> | ||
Line 16: | Line 16: | ||
<div class="clearfix colelem" id="master-header"><!-- group --> | <div class="clearfix colelem" id="master-header"><!-- group --> | ||
<div class="PamphletWidget clearfix grpelem" id="pamphlet"><!-- group --> | <div class="PamphletWidget clearfix grpelem" id="pamphlet"><!-- group --> | ||
- | + | <div class="popup_anchor"> | |
- | <div class="ThumbGroup clearfix grpelem" id=" | + | <div class="ContainerGroup clearfix" id="n1"><!-- stack box --> |
+ | <div class="Container clearfix grpelem" id="n2"><!-- group --> | ||
+ | <div class="grpelem" id="n3"><!-- image --> | ||
+ | <img id="n3_img" src="image/master_u2678.jpg" alt="" width="942" height="487"/> | ||
+ | </div> | ||
+ | <div class="clearfix grpelem" id="n5"><!-- content --> | ||
+ | <p id="n7">Hello world <span id="n9">=)</span></p> | ||
+ | </div> | ||
+ | <div class="clearfix grpelem" id="n10"><!-- content --> | ||
+ | <p id="n12"> </p> | ||
+ | </div> | ||
+ | <div class="clearfix grpelem" id="n14"><!-- content --> | ||
+ | <p id="n16">This is the story of iD Avatar, the optomagnetogenetic bacterium</p> | ||
+ | <p id="n18">an synthetic biology approach for non-invasive wireless DBS </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="Container clearfix grpelem" id="n20"><!-- group --> | ||
+ | <div class="grpelem" id="n21"><!-- image --> | ||
+ | <img id="n21_img" src="image/master_u6307.jpg" alt="" width="922" height="440"/> | ||
+ | </div> | ||
+ | <div class="clearfix grpelem" id="n23"><!-- content --> | ||
+ | <p id="n25">Idea</p> | ||
+ | </div> | ||
+ | <div class="clearfix grpelem" id="n27"><!-- content --> | ||
+ | <p id="n29"><a class="nonblock" href="concept-on-interface-and-biomedicine.html"><span id="n31">Concept</span></a></p> | ||
+ | <p id="n32"><span id="n33">Background </span><a class="nonblock" href="background-review.html"><span id="n35">Review</span></a></p> | ||
+ | <p id="n36"><a class="nonblock" href="brainstorming-(tagcloud).html"><span id="n38">Brainstorming</span></a></p> | ||
+ | <p id="n39"> </p> | ||
+ | <p id="n41"> <span id="n42"></span></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="Container clearfix grpelem" id="n43"><!-- group --> | ||
+ | <div class="grpelem" id="n44"><!-- image --> | ||
+ | <img id="n44_img" src="image/master_u1741.jpg" alt="" width="711" height="474"/> | ||
+ | </div> | ||
+ | <div class="clearfix grpelem" id="n46"><!-- content --> | ||
+ | <p id="n48">Design/</p> | ||
+ | <p id="n50">Experiments</p> | ||
+ | </div> | ||
+ | <div class="clearfix grpelem" id="n52"><!-- content --> | ||
+ | <p id="n54"><a class="nonblock" href="optomagnetic-design.html"><span id="n56">Optomagnetic Design</span></a></p> | ||
+ | <p id="n57"><a class="nonblock" href="modelling-protein-structure-champ-design.html"><span id="n59">Protein Modelling</span></a></p> | ||
+ | <p id="n60"><a class="nonblock" href="immunological-solution.html"><span id="n62">Immunological Solution</span></a></p> | ||
+ | <p id="n63"><a class="nonblock" href="chassis.html"><span id="n65">Chassis</span></a></p> | ||
+ | <p id="n66"><a class="nonblock" href="synthoprime.html"><span id="n68">SynthoPrime</span></a></p> | ||
+ | <p id="n69"><a class="nonblock" href="lab-protocols.html"><span id="n71">Lab Protocol</span></a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="Container clearfix grpelem" id="n72"><!-- group --> | ||
+ | <div class="grpelem" id="n73"><!-- rasterized frame --> | ||
+ | <img id="n73_img" src="image/master_u2696.png" alt="" width="857" height="468"/> | ||
+ | </div> | ||
+ | <div class="clearfix grpelem" id="n75"><!-- content --> | ||
+ | <p id="n77">Results</p> | ||
+ | </div> | ||
+ | <div class="clearfix grpelem" id="n79"><!-- content --> | ||
+ | <p id="n81"><a class="nonblock" href="optomagnetic-design1.html"><span id="n83">Optomagnetic Bacteria</span></a></p> | ||
+ | <p id="n84"><a class="nonblock" href="immunological-solution1.html"><span id="n86">Immunological Solution</span></a></p> | ||
+ | <p id="n87"><a class="nonblock" href="chassis1.html"><span id="n89">Chassis</span></a></p> | ||
+ | <p id="n90"><a class="nonblock" href="parts.html"><span id="n92">Parts</span></a></p> | ||
+ | <p id="n93"><a class="nonblock" href="lab-journals.html"><span id="n95">Lab Journal</span></a></p> | ||
+ | <p id="n96"><a class="nonblock" href="achievements.html"><span id="n98">Achievements</span></a></p> | ||
+ | <p id="n99"><a class="nonblock" href="international-collaboration(bloc-magneto-worldwide).html"><span id="n101">International Collaboration</span></a></p> | ||
+ | <p id="n102"> <span id="n103"></span></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="Container clearfix grpelem" id="n104"><!-- group --> | ||
+ | <div class="grpelem" id="n105"><!-- image --> | ||
+ | <img id="n105_img" src="image/17optic-articlelarge.jpg" alt="" width="615" height="338"/> | ||
+ | </div> | ||
+ | <div class="grpelem" id="n107"><!-- image --> | ||
+ | <img id="n107_img" src="image/parkinson_surgery.jpg" alt="" width="327" height="488"/> | ||
+ | </div> | ||
+ | <div class="clearfix grpelem" id="n109"><!-- content --> | ||
+ | <p id="n111">Science, Technology, Society</p> | ||
+ | </div> | ||
+ | <div class="clearfix grpelem" id="n113"><!-- content --> | ||
+ | <p id="n115"><a class="nonblock" href="synthetic-neurobiology.html"><span id="n117">Synthetic</span> <span id="n119">Neurbiology</span></a></p> | ||
+ | <p id="n120"><a class="nonblock" href="human-practices.html"><span id="n122">Human Practice</span></a></p> | ||
+ | <p id="n123"><a class="nonblock" href="evaluation---safety-assessment.html"><span id="n125">Evaluation & Safety Assess.</span></a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="Container clearfix grpelem" id="n126"><!-- group --> | ||
+ | <div class="grpelem" id="n127"><!-- image --> | ||
+ | <img id="n127_img" src="image/master_u1746.jpg" alt="" width="915" height="475"/> | ||
+ | </div> | ||
+ | <div class="clearfix grpelem" id="n129"><!-- content --> | ||
+ | <p id="n131">About Us</p> | ||
+ | </div> | ||
+ | <div class="clearfix grpelem" id="n133"><!-- content --> | ||
+ | <p id="n135"><a class="nonblock" href="the-school.html"><span id="n137">The School</span></a></p> | ||
+ | <p id="n138"><a class="nonblock" href="the-team.html"><span id="n140">The Team</span></a></p> | ||
+ | <p id="n141"><a class="nonblock" href="china-meetup.html"><span id="n143">China Meetup</span></a></p> | ||
+ | </div> | ||
+ | <div class="grpelem" id="n144"><!-- image --> | ||
+ | <img id="n144_img" src="image/%E5%9C%8B%E7%AB%8B%E9%99%BD%E6%98%8E%E5%A4%A7%E5%AD%B8logo_trans.png" alt="" width="916" height="253"/> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="ThumbGroup clearfix grpelem" id="n146"><!-- none box --> | ||
<div class="popup_anchor"> | <div class="popup_anchor"> | ||
- | <div class="pointer_cursor Thumb popup_element clearfix" id=" | + | <div class="pointer_cursor Thumb MuseLinkActive popup_element clearfix" id="n147"><!-- group --> |
<a class="block" href="index.html"></a> | <a class="block" href="index.html"></a> | ||
- | <a class="nonblock nontext clearfix grpelem" id=" | + | <a class="nonblock nontext MuseLinkActive clearfix grpelem" id="n148" href="index.html"><!-- content --><p id="n150">Home</p></a> |
</div> | </div> | ||
</div> | </div> | ||
<div class="popup_anchor"> | <div class="popup_anchor"> | ||
- | <a class="nonblock nontext Thumb popup_element target_blank clearfix" id=" | + | <a class="nonblock nontext Thumb popup_element target_blank clearfix" id="n152" href="idea.html"><!-- group --><div class="clearfix grpelem" id="n153"><!-- content --><p id="n155">Idea</p></div></a> |
</div> | </div> | ||
<div class="popup_anchor"> | <div class="popup_anchor"> | ||
- | <a class="nonblock nontext Thumb popup_element clearfix" id=" | + | <a class="nonblock nontext Thumb popup_element clearfix" id="n157" href="design--experiment.html"><!-- group --><div class="clearfix grpelem" id="n158"><!-- content --><p id="n160">Design / Exp</p></div></a> |
</div> | </div> | ||
<div class="popup_anchor"> | <div class="popup_anchor"> | ||
- | <a class="nonblock nontext Thumb | + | <a class="nonblock nontext Thumb popup_element clearfix" id="n162" href="results--performances.html"><!-- group --><div class="clearfix grpelem" id="n163"><!-- content --><p id="n165">Results</p></div></a> |
</div> | </div> | ||
<div class="popup_anchor"> | <div class="popup_anchor"> | ||
- | <a class="nonblock nontext Thumb popup_element clearfix" id=" | + | <a class="nonblock nontext Thumb popup_element clearfix" id="n167" href="science%2C-technology%2C-society.html"><!-- group --><div class="clearfix grpelem" id="n168"><!-- content --><p id="n170">STS</p></div></a> |
</div> | </div> | ||
<div class="popup_anchor"> | <div class="popup_anchor"> | ||
- | <a class="nonblock nontext Thumb popup_element clearfix" id=" | + | <a class="nonblock nontext Thumb popup_element clearfix" id="n172" href="about-us.html"><!-- group --><div class="clearfix grpelem" id="n173"><!-- content --><p id="n175">About Us</p></div></a> |
+ | </div> | ||
+ | </div> | ||
+ | <div class="popup_anchor"> | ||
+ | <div class="PamphletPrevButton PamphletLightboxPart popup_element clearfix" id="n177"><!-- group --> | ||
+ | <div class="clearfix grpelem" id="n178"><!-- content --> | ||
+ | <p id="n180"><</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="popup_anchor"> | ||
+ | <div class="PamphletNextButton PamphletLightboxPart popup_element clearfix" id="n182"><!-- group --> | ||
+ | <div class="clearfix grpelem" id="n183"><!-- content --> | ||
+ | <p id="n185">></p> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
- | |||
- | |||
</div> | </div> | ||
- | + | <a class="nonblock nontext MuseLinkActive grpelem" id="n187" href="index.html"><!-- rasterized frame --><img id="n187_img" src="image/master_u2656.png" alt="Yang Ming University | |
+ | " width="310" height="58"/></a> | ||
+ | <a class="nonblock nontext grpelem" id="n193" href="https://2011.igem.org/Main_Page"><!-- image --><img id="n193_img" src="image/nymu-logo.png" alt="" width="134" height="109"/></a> | ||
+ | <div class="clearfix grpelem" id="n195"><!-- content --> | ||
<p> </p> | <p> </p> | ||
</div> | </div> | ||
+ | <a class="nonblock nontext MuseLinkActive grpelem" id="n199" href="index.html"><!-- rasterized frame --><img id="n199_img" src="image/master_u2671.png" alt="Taipei, Taiwan" width="204" height="43"/></a> | ||
</div> | </div> | ||
- | <div class=" | + | <div class="colelem" id="n203"><!-- simple frame --> |
- | + | | |
- | + | </div> | |
- | + | <div class="clearfix colelem" id="master-footer"><!-- group --> | |
- | + | <div class="clearfix grpelem" id="n204"><!-- column --> | |
- | + | <div class="clearfix colelem" id="n205"><!-- group --> | |
- | + | <div class="clearfix grpelem" id="n206"><!-- group --> | |
- | + | <div class="grpelem" id="n207"><!-- image --> | |
- | + | <img id="n207_img" src="image/genomics.gif" alt="" width="172" height="61"/> | |
- | <div class=" | + | |
- | + | ||
- | <div class=" | + | |
- | < | + | |
- | + | ||
</div> | </div> | ||
- | + | <div class="clearfix grpelem" id="n209"><!-- content --> | |
- | + | <p id="n211">SPONSORED BY</p> | |
- | + | ||
- | + | ||
- | + | ||
- | <div class=" | + | |
- | + | ||
- | <p id=" | + | |
</div> | </div> | ||
</div> | </div> | ||
- | + | <div class="grpelem" id="n213"><!-- image --> | |
- | + | <img id="n213_img" src="image/usu_genscript.png" alt="" width="184" height="52"/> | |
- | <div class=" | + | |
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | </ | + | </div> |
- | < | + | <div class="colelem" id="n215"><!-- rasterized frame --> |
- | <div class=" | + | <img id="n215_img" src="image/master_u5803.png" alt="For Non-commercial Use Only. All Rights Belong To Their Respective Owners." width="380" height="27"/> |
- | + | </div> | |
- | + | </div> | |
- | + | <div class="grpelem" id="n219"><!-- image --> | |
- | + | <img id="n219_img" src="image/435px-nymu_nontext_logo.jpg" alt="" width="43" height="59"/> | |
- | + | </div> | |
- | + | <div class="grpelem" id="n221"><!-- image --> | |
- | + | <img id="n221_img" src="image/600px-nymu_name_logo.jpg" alt="" width="240" height="42"/> | |
- | + | </div> | |
- | + | <div class="grpelem" id="n223"><!-- image --> | |
- | + | <img id="n223_img" src="image/hc_logo.png" alt="" width="69" height="69"/> | |
- | + | </div> | |
- | + | <div class="grpelem" id="n225"><!-- image --> | |
- | + | <img id="n225_img" src="image/evernew-logo2.gif" alt="" width="101" height="101"/> | |
- | </ | + | </div> |
</div> | </div> | ||
- | |||
- | |||
</div> | </div> | ||
<!-- JS includes --> | <!-- JS includes --> | ||
Line 117: | Line 208: | ||
<script src="http://gel.ym.edu.tw/~evelyn132/igem/scripts/0.9/jquery.musepamphlet.js" type="text/javascript"></script> | <script src="http://gel.ym.edu.tw/~evelyn132/igem/scripts/0.9/jquery.musepamphlet.js" type="text/javascript"></script> | ||
<script src="http://gel.ym.edu.tw/~evelyn132/igem/scripts/0.9/jquery.museoverlay.js" type="text/javascript"></script> | <script src="http://gel.ym.edu.tw/~evelyn132/igem/scripts/0.9/jquery.museoverlay.js" type="text/javascript"></script> | ||
- | |||
<!-- Other scripts --> | <!-- Other scripts --> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 124: | Line 214: | ||
Muse.Utils.addSelectorFn('a.block', Muse.Utils.addHyperlinkBlock); /* a.block */ | Muse.Utils.addSelectorFn('a.block', Muse.Utils.addHyperlinkBlock); /* a.block */ | ||
Muse.Utils.addSelectorFn('#pamphlet', function(elem) { $(elem).musePamphlet({contentLayout_runtime:'stack',event:'mouseover',deactivationEvent:'',autoPlay:true,displayInterval:3000,transitionStyle:'fading',transitionDuration:500,hideAllContentsFirst:false}); });/* #pamphlet */ | Muse.Utils.addSelectorFn('#pamphlet', function(elem) { $(elem).musePamphlet({contentLayout_runtime:'stack',event:'mouseover',deactivationEvent:'',autoPlay:true,displayInterval:3000,transitionStyle:'fading',transitionDuration:500,hideAllContentsFirst:false}); });/* #pamphlet */ | ||
- | |||
Muse.Utils.addSelectorFn('body', Muse.Utils.showWidgetsWhenReady);/* body */ | Muse.Utils.addSelectorFn('body', Muse.Utils.showWidgetsWhenReady);/* body */ | ||
Muse.Utils.addSelectorFn('body', Muse.Utils.transformMarkupToFixBrowserProblems);/* body */ | Muse.Utils.addSelectorFn('body', Muse.Utils.transformMarkupToFixBrowserProblems);/* body */ |
Revision as of 07:43, 5 October 2011
Hello world =)
This is the story of iD Avatar, the optomagnetogenetic bacterium
an synthetic biology approach for non-invasive wireless DBS
Design/
Experiments
Results
<
>