Team:Mingdao

From 2014hs.igem.org

(Difference between revisions)
(Team)
 
(177 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
{{:Mingdao_remove_header}}
-
<html>
+
<!DOCTYPE html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #fe2b33; /*background-color: #fe2b33;*/">
+
<html class="html">
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; /*color: #f6f6f6*/; padding: 5px;">
+
<head>
-
This is a template page. READ THESE INSTRUCTIONS.
+
google-site-verification: google5ae61348d13c6d42.html
 +
  <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
 +
  <meta name="generator" content="7.4.30.244"/>
 +
  <title>iGEM Team Mingdao</title>
 +
  <!-- CSS -->
 +
  <link rel="stylesheet" type="text/css" href="https://2014hs.igem.org/Mingdao_CSS_site_global?action=raw&ctype=text/css"/>
 +
  <link rel="stylesheet" type="text/css" href="https://2014hs.igem.org/Mingdao_CSS_master_main-template?action=raw&ctype=text/css"/>
 +
  <link rel="stylesheet" type="text/css" href="https://2014hs.igem.org/Mingdao_CSS_index?action=raw&ctype=text/css" id="pagesheet"/>
 +
  <!-- Other scripts -->
 +
  <script type="text/javascript">
 +
  document.documentElement.className += ' js';
 +
</script>
 +
  </head>
 +
<body>
 +
 
 +
  <!--HTML Widget code-->
 +
 
 +
<div id="fb-root"></div>
 +
<script>
 +
(function(d, s, id) {
 +
  var js, fjs = d.getElementsByTagName(s)[0];
 +
  if (d.getElementById(id)) return;
 +
  js = d.createElement(s); js.id = id;
 +
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
 +
  fjs.parentNode.insertBefore(js, fjs);
 +
}(document, 'script', 'facebook-jssdk'));
 +
</script>
 +
 
 +
 
 +
  <div class="clearfix" id="page" ><!-- column -->
 +
  <div class="position_content" id="page_position_content" >
 +
    <div class="browser_width colelem" id="u1673"><!-- group -->
 +
    <div class="clearfix" id="u1673_align_to_page">
 +
      <a class="anchor_item grpelem" id="top"></a>
 +
      <div class="clip_frame grpelem" id="u1674"><!-- image -->
 +
      <img class="block" id="u1674_img" src="https://static.igem.org/mediawiki/2014hs/2/2b/Mingdaologo.png" alt="" width="235" height="68"/>
 +
      </div>
 +
      <img class="grpelem" id="u6162-4" src="https://static.igem.org/mediawiki/2014hs/1/1e/U6162-4.png" alt="Odor&#45; Let it Die" width="175" height="42"/><!-- rasterized frame -->
 +
      <div class="clip_frame grpelem" id="u1676"><!-- image -->
 +
      <img class="block" id="u1676_img" src="https://static.igem.org/mediawiki/2014hs/2/29/Igem_official_logo.png" alt="" width="88" height="67"/>
 +
      </div>
 +
    </div>
 +
    </div>
 +
    <div class="clearfix colelem" id="pu1682-3"><!-- group -->
 +
    <div class="clearfix browser_width grpelem" id="u1682-3"><!-- content -->
 +
      <p>&nbsp;</p>
 +
    </div>
 +
    <ul class="MenuBar clearfix grpelem" id="menuu468"><!-- horizontal box -->
 +
      <li class="MenuItemContainer clearfix grpelem" id="u616"><!-- vertical box -->
 +
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu MuseMenuActive clearfix colelem" id="u617" href="https://2014hs.igem.org/Team:Mingdao"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u619-4"><!-- content --><p>Home</p></div></a>
 +
      </li>
 +
      <li class="MenuItemContainer clearfix grpelem" id="u623"><!-- vertical box -->
 +
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u624" href="https://2014hs.igem.org/Team:Mingdao/team.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u625-4"><!-- content --><p>Team</p></div></a>
 +
      </li>
 +
      <li class="MenuItemContainer clearfix grpelem" id="u630"><!-- vertical box -->
 +
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u631" href="https://2014hs.igem.org/Team:Mingdao/project.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u632-4"><!-- content --><p>Project</p></div></a>
 +
      </li>
 +
      <li class="MenuItemContainer clearfix grpelem" id="u637"><!-- vertical box -->
 +
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u638" href="https://2014hs.igem.org/Team:Mingdao/bio-brick.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u639-4"><!-- content --><p>BioBrick</p></div></a>
 +
      </li>
 +
      <li class="MenuItemContainer clearfix grpelem" id="u651"><!-- vertical box -->
 +
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u652" href="https://2014hs.igem.org/Team:Mingdao/modeling.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u653-4"><!-- content --><p>Modeling</p></div></a>
 +
      </li>
 +
      <li class="MenuItemContainer clearfix grpelem" id="u5718"><!-- vertical box -->
 +
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u5721" href="https://2014hs.igem.org/Team:Mingdao/safety.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u5722-4"><!-- content --><p>Safety</p></div></a>
 +
      </li>
 +
      <li class="MenuItemContainer clearfix grpelem" id="u644"><!-- vertical box -->
 +
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u645" href="https://2014hs.igem.org/Team:Mingdao/human-practices.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u646-4"><!-- content --><p>Human Practices</p></div></a>
 +
      </li>
 +
      <li class="MenuItemContainer clearfix grpelem" id="u671"><!-- vertical box -->
 +
      <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u674" href="https://2014hs.igem.org/Team:Mingdao/media.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u676-4"><!-- content --><p>Media</p></div></a>
 +
      </li>
 +
    </ul>
 +
    <div class="browser_width grpelem" id="u1681"><!-- simple frame --></div>
 +
    </div>
 +
    <div class="clearfix colelem" id="pu4270-3"><!-- group -->
 +
    <div class="clearfix grpelem" id="u4270-3"><!-- content -->
 +
      <p>&nbsp;</p>
 +
    </div>
 +
    <img class="grpelem" id="u4264" src="https://static.igem.org/mediawiki/2014hs/5/5a/Temd_team_go-u4264.png" alt="" width="752" height="597"/><!-- rasterized frame -->
 +
    </div>
 +
    <div class="clearfix colelem" id="u4269-4"><!-- content -->
 +
    <p>Eliminate noisome odor when decomposing food</p>
 +
    </div>
 +
    <div class="colelem" id="u4506"><!-- custom html -->
 +
    <iframe width="753" height="380" src="//www.youtube.com/embed/dXBgcgtoYLM" frameborder="0" allowfullscreen>" frameborder="0" allowfullscreen></iframe>
</div>
</div>
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; /*color: #f6f6f6*/; padding: 5px;">
+
    <div class="shadow clearfix browser_width colelem" id="u3898-4"><!-- content -->
-
You are provided with this team page template with which to start the iGEM season. You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki. You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
    <p id="u3898-2">Site Map: Navigate by using this</p>
 +
    </div>
 +
    <div class="TabbedPanelsWidget clearfix colelem" id="tab-panelu4297"><!-- vertical box -->
 +
    <div class="TabbedPanelsTabGroup clearfix colelem" id="u4298"><!-- horizontal box -->
 +
      <div class="TabbedPanelsTab clearfix grpelem" id="u4303"><!-- horizontal box -->
 +
      <a class="nonblock nontext  NoWrap clearfix grpelem" id="u4304-4" href="https://2014hs.igem.org/Team:Mingdao/team.html"><!-- content --><p>Team</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsTab clearfix grpelem" id="u4307"><!-- horizontal box -->
 +
      <a class="nonblock nontext  NoWrap clearfix grpelem" id="u4309-4" href="https://2014hs.igem.org/Team:Mingdao/project.html"><!-- content --><p>Project</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsTab clearfix grpelem" id="u4299"><!-- horizontal box -->
 +
      <a class="nonblock nontext  NoWrap clearfix grpelem" id="u4300-4" href="https://2014hs.igem.org/Team:Mingdao/bio-brick.html"><!-- content --><p>Biobrick</p></a>
 +
      </div>
 +
      <a class="nonblock nontext TabbedPanelsTab clearfix grpelem" id="u4393" href="https://2014hs.igem.org/Team:Mingdao/modeling.html"><!-- horizontal box --><div class=" NoWrap clearfix grpelem" id="u4395-4"><!-- content --><p>Modeling</p></div></a>
 +
      <div class="TabbedPanelsTab clearfix grpelem" id="u5725"><!-- horizontal box -->
 +
      <a class="nonblock nontext  NoWrap clearfix grpelem" id="u5727-4" href="https://2014hs.igem.org/Team:Mingdao/safety.html"><!-- content --><p>Safety</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsTab clearfix grpelem" id="u4375"><!-- horizontal box -->
 +
      <a class="nonblock nontext  NoWrap clearfix grpelem" id="u4377-4" href="https://2014hs.igem.org/Team:Mingdao/human-practices.html"><!-- content --><p>Human Practices</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsTab clearfix grpelem" id="u4384"><!-- horizontal box -->
 +
      <a class="nonblock nontext  NoWrap clearfix grpelem" id="u4387-4" href="https://2014hs.igem.org/Team:Mingdao/media.html"><!-- content --><p>Media</p></a>
 +
      </div>
 +
    </div>
 +
    <div class="TabbedPanelsContentGroup clearfix colelem" id="u4311"><!-- stack box -->
 +
      <div class="TabbedPanelsContent clearfix grpelem" id="u4312"><!-- group -->
 +
      <a class="nonblock nontext rounded-corners grpelem" id="u4417" href="team.html"><!-- simple frame --></a>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4416-9" href="https://2014hs.igem.org/Team:Mingdao/team.html"><!-- content --><p id="u4416-2">Our team consists of 22 members and 2 advisors</p><p id="u4416-4">All of us are binded together by the passion to synthetic biology.</p><p id="u4416-5">&nbsp;</p><p id="u4416-7">click to learn more</p></a>
 +
      </div>
 +
      <div class="pointer_cursor TabbedPanelsContent invi clearfix grpelem" id="u4320"><!-- group -->
 +
      <a class="block" href="project.html"></a>
 +
      <div class="rounded-corners grpelem" id="u4414"><!-- simple frame --></div>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4415-9" href="https://2014hs.igem.org/Team:Mingdao/project.html"><!-- content --><p id="u4415-2">A odorless decomposing process</p><p id="u4415-4">How pleasant that is.</p><p id="u4415-5">&nbsp;</p><p id="u4415-7">click to learn more</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsContent invi clearfix grpelem" id="u4316"><!-- group -->
 +
      <a class="nonblock nontext rounded-corners grpelem" id="u4412" href="bio-brick.html"><!-- simple frame --></a>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4413-9" href="https://2014hs.igem.org/Team:Mingdao/bio-brick.html"><!-- content --><p id="u4413-2">The building blocks of biology</p><p id="u4413-4">Our team was very interested in this part, so we designed 14 of those.</p><p id="u4413-5">&nbsp;</p><p id="u4413-7">click to learn more</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsContent invi clearfix grpelem" id="u4397"><!-- group -->
 +
      <div class="rounded-corners grpelem" id="u4410"><!-- simple frame --></div>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4411-9" href="https://2014hs.igem.org/Team:Mingdao/modeling.html"><!-- content --><p id="u4411-2">Remember that all models are wrong; the practical question is how wrong do they have to be to not to be useful.</p><p id="u4411-4">— George E.P. Box</p><p id="u4411-5">&nbsp;</p><p id="u4411-7">click to learn more</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsContent invi clearfix grpelem" id="u5729"><!-- group -->
 +
      <a class="nonblock nontext grpelem" id="u5737" href="safety.html"><!-- simple frame --></a>
 +
      <a class="nonblock nontext clearfix grpelem" id="u5738-9" href="https://2014hs.igem.org/Team:Mingdao/safety.html"><!-- content --><p id="u5738-2">We must respect the past, and mistrust the present, if we wish to provide for the safety of the future.</p><p id="u5738-4">— Joseph Joubert</p><p id="u5738-5">&nbsp;</p><p id="u5738-7">click to learn more</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsContent invi clearfix grpelem" id="u4379"><!-- group -->
 +
      <div class="rounded-corners grpelem" id="u4391"><!-- simple frame --></div>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4392-9" href="https://2014hs.igem.org/Team:Mingdao/human-practices.html"><!-- content --><p id="u4392-2">Implement dream to reality</p><p id="u4392-4">We have held conferences within our school to introduce other students to iGEM, and traveled to Taipei to visit schools.</p><p id="u4392-5">&nbsp;</p><p id="u4392-7">click to learn more</p></a>
 +
      </div>
 +
      <div class="TabbedPanelsContent invi clearfix grpelem" id="u4388"><!-- group -->
 +
      <div class="rounded-corners grpelem" id="u4389"><!-- simple frame --></div>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4390-9" href="https://2014hs.igem.org/Team:Mingdao/media.html"><!-- content --><p id="u4390-2">Videos and photos</p><p id="u4390-4">The best way to take in information is by looking at it.</p><p id="u4390-5">&nbsp;</p><p id="u4390-7">click to learn more</p></a>
 +
      </div>
 +
    </div>
 +
    </div>
 +
    <div class="shadow clearfix browser_width colelem" id="u4247-4"><!-- content -->
 +
    <p id="u4247-2">Social Media: Say hi to us on Google+ &amp;&nbsp; YouTube</p>
 +
    </div>
 +
    <div class="clearfix colelem" id="pu4888"><!-- group -->
 +
    <div class="clearfix grpelem" id="u4888"><!-- column -->
 +
      <div class="clearfix colelem" id="u4867"><!-- group -->
 +
      <a class="nonblock nontext grpelem" id="u4857"><!-- state-based BG images --></a>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4864-4" href="https://www.youtube.com/channel/UCx8hjqKHRXo4hmzKhf0q4iw"><!-- content --><p>iGEM Mingdao YouTube Channel</p></a>
 +
      </div>
 +
      <div class="clearfix colelem" id="u4868"><!-- group -->
 +
      <a class="nonblock nontext grpelem" id="u4852"><!-- state-based BG images --></a>
 +
      <a class="nonblock nontext clearfix grpelem" id="u4866-4" href="https://plus.google.com/u/0/b/107872206047402606212/107872206047402606212/posts"><!-- content --><p>iGEM Mingdao Google+ Page</p></a>
 +
      </div>
 +
      <div class="clearfix colelem" id="u4869-4"><!-- content -->
 +
      <p style="color:gray;">Also, please help the world know about us by sharing this website if you liked it</p>
 +
      </div>
 +
      <div class="clearfix colelem" id="pu4872"><!-- group -->
 +
      <div class="grpelem" id="u4872"><!-- custom html -->
 +
       
 +
<div class="g-plusone" data-action="share" data-size="standard" data-annotation="bubble" data-width="192" data-href="https://2014hs.igem.org/Team:Mingdao/index.html"></div>
 +
 
</div>
</div>
-
<div id="warning" style="/*text-align: center;*/ font-weight: bold; font-size: small; /*color: #f6f6f6*/; padding: 5px;">
+
      <div class="grpelem" id="u4874"><!-- custom html -->
-
You <strong>MUST</strong> have the following information on your wiki:
+
       
-
<ul style="font-weight:normal;">
+
<div class="fb-like" data-href="https://2014hs.igem.org/Team:Mingdao/index.html" data-send="false" data-width="290" data-show-faces="false" data-colorscheme="light" data-layout="button_count" data-action="recommend"></div>
-
<li>a team description</li>
+
 
-
<li>project description</li>
+
-
<li>safety information (did your team take a safety training course? were you supervised in the lab?)</li>
+
-
<li>team attribution (who did what part of your project?)</li>
+
-
</ul>
+
-
You may also wish to add other page such as:
+
-
<ul style="font-weight:normal;">
+
-
<li>lab notebook</li>
+
-
<li>sponsor information</li>
+
-
<li>other information</li>
+
-
</ul>
+
-
REMEMBER, keep all of your pages within your teams namespace. <br><span style="font-weight:normal; font-style:italic;">Example: 2013hs.igem.org/Team:Mingdao/Our_Pets</span>
+
</div>
</div>
 +
      </div>
 +
    </div>
 +
    <div class="grpelem" id="u4884"><!-- custom html -->
 +
      <iframe width="480" height="270" src="//www.youtube.com/embed/6AvkF5dBZIs?list=UUx8hjqKHRXo4hmzKhf0q4iw" frameborder="0" allowfullscreen></iframe>
</div>
</div>
-
</html>
+
    </div>
 +
    <div class="clearfix pinned-colelem" id="u6171"><!-- column -->
 +
    <div class="position_content" id="u6171_position_content">
 +
      <a class="nonblock nontext anim_swing pinned-colelem" id="u6165" href="index.html#top"><!-- rasterized frame --><img id="u6165_img" src="https://static.igem.org/mediawiki/2014hs/2/27/To_top_icon-u6165.png" alt="" width="71" height="71"/></a>
 +
      <a class="nonblock nontext anim_swing clearfix pinned-colelem" id="u5182-4" href="index.html#top"><!-- content --><p><font color="black">Top</font></p></a>
 +
    </div>
 +
    </div>
 +
    <div class="verticalspacer"></div>
 +
    <div class="clearfix colelem" id="pu2040-3"><!-- group -->
 +
    <div class="clearfix browser_width grpelem" id="u2040-3"><!-- content -->
 +
      <p>&nbsp;</p>
 +
    </div>
 +
    <a class="nonblock nontext clip_frame grpelem" id="u1692" href="http://www.bertec.com.tw/"><!-- image --><img class="block" id="u1692_img" src="https://static.igem.org/mediawiki/2014hs/b/bf/Bertec_logo-u1692.png" alt="" width="94" height="63"/></a>
 +
    <div class="clearfix grpelem" id="u1698-4"><!-- content -->
 +
      <p>Sponsored by:</p>
 +
    </div>
 +
    <div class="clearfix grpelem" id="u1702-6"><!-- content -->
 +
      <p><a class="nonblock" href="team.html#sponsors">and more</a></p>
 +
    </div>
 +
    <div class="clearfix grpelem" id="u6138-4"><!-- content -->
 +
      <p>Website best viewed with a 1920px wide screen with chrome</p>
 +
    </div>
 +
    </div>
 +
  </div>
 +
  </div>
 +
  <div class="preload_images">
 +
  <img class="preload" src="https://static.igem.org/mediawiki/2014hs/7/7f/U4857-r.png" alt=""/>
 +
  <img class="preload" src="https://static.igem.org/mediawiki/2014hs/3/36/U4852-r.png" alt=""/>
 +
  </div>
 +
  <!-- JS includes -->
 +
  <script type="text/javascript">
 +
  if (document.location.protocol != 'https:') document.write('\x3Cscript src="http://musecdn.businesscatalyst.com/scripts/4.0/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
 +
</script>
 +
  <script type="text/javascript">
 +
  window.jQuery || document.write('\x3Cscript src="scripts/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
 +
</script>
 +
  <script src="https://2014hs.igem.org/Mingdao_JS_museutils?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
  <script src="https://2014hs.igem.org/Mingdao_JS_jquery.tobrowserwidth?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
  <script src="https://2014hs.igem.org/Mingdao_JS_jquery.musemenu?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
  <script src="https://2014hs.igem.org/Mingdao_JS_webpro?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
  <script src="https://2014hs.igem.org/Mingdao_JS_musewpdisclosure?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
  <script src="https://2014hs.igem.org/Mingdao_JS_jquery.watch?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
  <!-- Other scripts -->
 +
  <script type="text/javascript">
 +
  $(document).ready(function() { try {
 +
Muse.Utils.transformMarkupToFixBrowserProblemsPreInit();/* body */
 +
$('.browser_width').toBrowserWidth();/* browser width elements */
 +
Muse.Utils.prepHyperlinks(true);/* body */
 +
Muse.Utils.initWidget('.MenuBar', function(elem) { return $(elem).museMenu(); });/* unifiedNavBar */
 +
Muse.Utils.initWidget('#tab-panelu4297', function(elem) { return new WebPro.Widget.TabbedPanels(elem, {event:'mouseover',defaultIndex:0}); });/* #tab-panelu4297 */
 +
Muse.Utils.fullPage('#page');/* 100% height page */
 +
Muse.Utils.showWidgetsWhenReady();/* body */
 +
Muse.Utils.transformMarkupToFixBrowserProblems();/* body */
 +
} catch(e) { Muse.Assert.fail('Error calling selector function:' + e); }});
 +
</script>
 +
 
 +
  <!--HTML Widget code-->
 +
 
 +
<script type="text/javascript">
 +
      window.___gcfg = {
 +
        lang: 'en-US'
 +
      };
-
<!-- *********************** End of the alert box *********************** -->
+
      (function() {
 +
        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
 +
        po.src = 'https://apis.google.com/js/plusone.js';
 +
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
 +
      })();
 +
</script>
-
 
+
  </body>
-
 
+
-
{|align="justify"
+
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
+
-
|[[Image:Mingdao_logo.png|200px|right|frame]]
+
-
|-
+
-
|
+
-
''Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
-
|[[Image:Mingdao_team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:Mingdao | Team Mingdao]]
+
-
|}
+
-
 
+
-
<!--- Team Information Link --->
+
-
 
+
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
-
!align="center"|[https://igem.org/Team.cgi?year=2013&division=high_school&team_name=Mingdao Official Team Profile]
+
-
|}
+
-
 
+
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
-
<head>
+
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
-
<!-- TemplateBeginEditable name="doctitle" -->
+
-
<title>無標題文件</title>
+
-
<!-- TemplateEndEditable -->
+
-
<!-- TemplateBeginEditable name="head" -->
+
-
<!-- TemplateEndEditable -->
+
-
<style type="text/css">
+
-
<!--
+
-
body  {
+
-
font: 100% Verdana, Arial, Helvetica, sans-serif;
+
-
background: #666666;
+
-
margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零,以處理不同的瀏覽器預設值 */
+
-
padding: 0;
+
-
text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後,文字會在 #container 選取器中設定為靠左對齊預設值 */
+
-
color: #000000;
+
-
}
+
-
 
+
-
/* 彈性版面的提示
+
-
1. 由於彈性版面的整體尺寸調整是以使用者的預設字體大小為基礎,所以比較無法預期。如果正確使用,它們也會比需要較大字體大小的版面更容易存取,這是因為行長度會維持一定比例。
+
-
2. 這種版面的 Div 尺寸調整是以 Body 元素中的 100% 字體大小為基礎。如果您在 Body 元素或 #container 上使用 font-size: 80% 藉以減少整體文字大小,請記住,整個版面將會依比例縮小。您可能會想要增加各種 Div 的寬度來補償這種情況。
+
-
3. 如果字體尺寸調整是以不同的量在每個 Div 而非整體設計上變更 (亦即:#sidebar1 指定為 70% 字體大小而 #mainContent 指定為 85% 字體大小),這樣就會依比例變更每個 Div 的整體大小。您可能會想要根據最終的字體尺寸來對這些 Div 進行調整。
+
-
*/
+
-
.twoColElsLt #container {
+
-
width: 46em;  /* 如果文字保持瀏覽器的預設字體大小,這個寬度將會建立可容納在 800px 瀏覽器視窗中的容器 */
+
-
background: #FFFFFF;
+
-
margin: 0 auto; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
+
-
border: 1px solid #000000;
+
-
text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
+
-
}
+
-
 
+
-
/* sidebar1 的提示:
+
-
1. 請注意,如果您在這個 Div 上設定 font-size 值,Div 的整體寬度將加以調整。
+
-
2. 因為我們是以 em 為單位進行工作,所以最好不要在邊列本身上使用欄位間隔。它將會新增至寬度,而讓符合標準的瀏覽器建立不明的實際寬度。
+
-
3. 您可以根據在 ".twoColElsLt #sidebar1 p" 規則中看見的方式,將左和右邊界放置於 Div 內部的元素上,藉以建立 Div 側邊與內部元素之間的空間。
+
-
*/
+
-
.twoColElsLt #sidebar1 {
+
-
float: left;
+
-
width: 12em; /* 因為這個元素是浮動元素,所以您必須指定寬度 */
+
-
background: #EBEBEB; /* 背景顏色將會針對欄的內容長度而顯示,但僅止於此 */
+
-
padding: 15px 0; /* 頂端和底部欄位間隔會在這個 Div 內部建立視覺空間 */
+
-
}
+
-
.twoColElsLt #sidebar1 h3, .twoColElsLt #sidebar1 p {
+
-
margin-left: 10px; /* 您應該針對將要放置於側邊欄的每個元素,指定左和右邊界 */
+
-
margin-right: 10px;
+
-
}
+
-
 
+
-
/* mainContent 的提示:
+
-
1. 如果您針對這個 #mainContent Div 和 #sidebar1 Div 指定不同的 font-size 值,則 #mainContent Div 的邊界將會以其 font-size 為基礎,而 #sidebar1 Div 的寬度將會以其 font-size 為基礎。您可能會想要調整這些 Div 的值。
+
-
2. mainContent 和 sidebar1 之間的空間是以 mainContent Div 的左邊界建立的。不論 sidebar1 Div 包含多少內容,欄空間將維持不變。當 #sidebar1 的內容結束時,如果您想讓 #mainContent Div 的文字填滿 #sidebar1 的空間,就可以移除這個左邊界。
+
-
3. 若要避免浮動遺失,您可能需要進行測試以便判斷約略的影像/元素大小上限,因為這個版面是以使用者的字體尺寸結合您所設定的值為基礎。不過,如果使用者將他們的瀏覽器字體大小設定為低於一般大小,#mainContent Div 中的可用空間將會比您在測試時看見的空間更少。
+
-
4. 在下列 Internet Explorer 條件註解中,縮放屬性是用來提供 mainContent "hasLayout"。這樣做可避免許多可能會發生的 IE 特有錯誤。
+
-
*/
+
-
.twoColElsLt #mainContent {
+
-
margin: 0 1.5em 0 13em; /* 右邊界的指定方式可以使用 em 或像素為單位。它會在頁面的右下方建立空間。 */
+
-
}
+
-
 
+
-
/* 可重複使用的雜項類別 */
+
-
.fltrt { /* 這個類別可用來讓頁面右邊的元素浮動。浮動元素必須位於頁面上必須相鄰的元素前面。 */
+
-
float: right;
+
-
margin-left: 8px;
+
-
}
+
-
.fltlft { /* 這個類別可用來讓頁面左邊的元素浮動 */
+
-
float: left;
+
-
margin-right: 8px;
+
-
}
+
-
.clearfloat { /* 這個類別應該放置於 Div 或 Break 元素上,而且應該是完整包含浮動的容器關閉前的最後一個元素 */
+
-
clear:both;
+
-
    height:0;
+
-
    font-size: 1px;
+
-
    line-height: 0px;
+
-
}
+
-
-->
+
-
</style><!--[if IE]>
+
-
<style type="text/css">
+
-
/* 在這個條件註解中,放置所有 IE 版本的 CSS 修正 */
+
-
.twoColElsLt #sidebar1 { padding-top: 30px; }
+
-
.twoColElsLt #mainContent { zoom: 1; padding-top: 15px; }
+
-
/* 上面的專用縮放屬性會提供 IE 所需的 hasLayout,以避免許多錯誤 */
+
-
</style>
+
-
<![endif]-->
+
-
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
+
-
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
+
-
</head>
+
-
 
+
-
<body class="twoColElsLt">
+
-
 
+
-
<div id="container">
+
-
  <div id="sidebar1">
+
-
<h3>sidebar1 內容</h3>
+
-
<p>這個 Div 的背景顏色只會針對內容長度而顯示。如果您想要改用分隔行,而且 #mainContent Div 總是會比 #sidebar1 Div 包含較多內容,請將邊框放置於 #mainContent Div 的左邊。 </p>
+
-
    <p>Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque  eget, cursus et, fermentum ut, sapien. </p>
+
-
  <!-- end #sidebar1 --></div>
+
-
  <div id="mainContent">
+
-
<ul id="MenuBar1" class="MenuBarHorizontal">
+
-
  <li><a class="MenuBarItemSubmenu" href="#">項目 1</a>
+
-
      <ul>
+
-
        <li><a href="#">項目 1.1</a></li>
+
-
        <li><a href="#">項目 1.2</a></li>
+
-
        <li><a href="#">項目 1.3</a></li>
+
-
      </ul>
+
-
  </li>
+
-
  <li></li>
+
-
  <li><a class="MenuBarItemSubmenu" href="#">項目 3</a>
+
-
      <ul>
+
-
        <li><a class="MenuBarItemSubmenu" href="#">項目 3.1</a>
+
-
            <ul>
+
-
              <li><a href="#">項目 3.1.1</a></li>
+
-
              <li><a href="#">項目 3.1.2</a></li>
+
-
            </ul>
+
-
        </li>
+
-
        <li><a href="#">項目 3.2</a></li>
+
-
        <li><a href="#">項目 3.3</a></li>
+
-
      </ul>
+
-
  </li>
+
-
  <li><a href="#">項目 4</a></li>
+
-
</ul>
+
-
<h1>&nbsp; </h1>
+
-
<h1>主要內容 </h1>
+
-
<p>Test</p>
+
-
    <p>&nbsp;</p>
+
-
    <p>&nbsp;</p>
+
-
    <p>&nbsp;</p>
+
-
    <p>&nbsp;</p>
+
-
    <h2>H2 層級標題 </h2>
+
-
    <p>Test thingy</p>
+
-
    <p>&nbsp;</p>
+
-
    <h3>H3 Tag</h3>
+
-
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
+
-
  <!-- end #mainContent --></div>
+
-
<!-- 這個清除元素應該緊接在 #mainContent Div 之後,以便強制 #container Div 包含所有子浮動 --><br class="clearfloat" />
+
-
<!-- end #container --></div>
+
-
<script type="text/javascript">
+
-
<!--
+
-
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
+
-
//-->
+
-
</script>
+
-
</body>
+
</html>
</html>
-
 
-
===Project===
 
-
:Food wastes are discarded and unable to be used. Recycling and reuse of the wastes are getting increasingly attention. Generating fertilizer from kitchen wastes are benefit for the environment and even profitable. However, fertilizers made from the wastes are always with bad smell even deodorants have been used.
 
-
 
-
:In our project, we will analyze where the bad smells are produced. We are going to genetically engineer bacteria to diminish or reduce the smell.
 
-
 
-
===Notebook===
 
-
Show us how you spent your days.
 
-
 
-
 
-
===Results/Conclusions===
 
-
What did you achieve over the course of your semester?
 
-
 
-
 
-
===Safety===
 
-
What safety precautions did your team take? Did you take a safety training course? Were you supervised at all times in the lab?
 
-
 
-
 
-
===Attributions===
 
-
Who worked on what?
 
-
 
-
 
-
===Human Practices===
 
-
What impact does/will your project have on the public? 
 
-
 
-
 
-
===Fun!===
 
-
What was your favorite team snack?? Have a picture of your team mascot?
 
-
 
-
 
-
 
-
<forum_subtle />
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
[[ABC]]
 
-
[[明道iGEM]]
 

Latest revision as of 06:52, 20 June 2014

<!DOCTYPE html> google-site-verification: google5ae61348d13c6d42.html iGEM Team Mingdao