"
Team:NTU Taiwan/index.html
From 2013.igem.org
(Difference between revisions)
Ddmail2009 (Talk | contribs) |
Ddmail2009 (Talk | contribs) |
||
| Line 6: | Line 6: | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
| + | |||
<link rel="stylesheet" type="text/css" href="stylesheet/other.css?action=raw&ctype=text/css"> | <link rel="stylesheet" type="text/css" href="stylesheet/other.css?action=raw&ctype=text/css"> | ||
<link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css"> | <link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css"> | ||
| + | <!--[if IE 7]> | ||
| + | <link rel="stylesheet" href="stylesheet/font-awesome-ie7.min.css"> | ||
| + | <![endif]--> | ||
<link rel="stylesheet" type="text/css" href="stylesheet/index.css?action=raw&ctype=text/css"> | <link rel="stylesheet" type="text/css" href="stylesheet/index.css?action=raw&ctype=text/css"> | ||
| Line 106: | Line 110: | ||
<li> <a href="#BasicResearch">Basic Research</a> </li> | <li> <a href="#BasicResearch">Basic Research</a> </li> | ||
<li> <a href="#Application">Application</a> </li> | <li> <a href="#Application">Application</a> </li> | ||
| + | <li> <a href="#Modeling">Modeling</a></li> | ||
<li> <a href="#Protocol">Protocol</a> </li> | <li> <a href="#Protocol">Protocol</a> </li> | ||
| + | <li> <a href="#Parts">Parts</a></li> | ||
<li> <a href="#ProjectResult">Result</a></li> | <li> <a href="#ProjectResult">Result</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
| - | + | ||
| - | + | ||
<li><a href="#Safety">Safety</a></li> | <li><a href="#Safety">Safety</a></li> | ||
| - | <li><a | + | <li class="dropdown"> |
| - | <li><a href="# | + | <a class="dropdown-toggle pointer-cursor" data-toggle="dropdown">Human practice <b class="caret"></b></a> |
| + | <ul class="dropdown-menu"> | ||
| + | <li> <a href="#Cooperation">Cooperation</a> </li> | ||
| + | <li> <a href="#App">App</a> </li> | ||
| + | <li> <a href="#Conference">Conference</a></li> | ||
| + | <li> <a href="#Azalea_Festival">Azalea Festival</a> </li> | ||
| + | <li> <a href="#Poster">Poster Presentation</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | |||
| + | <li class="dropdown"> | ||
| + | <a class="dropdown-toggle pointer-cursor" data-toggle="dropdown">Team<b class="caret"></b></a> | ||
| + | <ul class="dropdown-menu"> | ||
| + | <li> <a href="#teamMember">Team Member</a> </li> | ||
| + | <li> <a href="#attribution">Attribution</a> </li> | ||
| + | <li> <a href="#acknowledgement">Acknowledgement</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
<li><a href="#Calendar"> Calendar </a> </li> | <li><a href="#Calendar"> Calendar </a> </li> | ||
<li><a href="#Photos"> Photos </a> </li> | <li><a href="#Photos"> Photos </a> </li> | ||
</ul> | </ul> | ||
| + | |||
<ul class="nav navbar-nav navbar-right"> | <ul class="nav navbar-nav navbar-right"> | ||
<li><a href="https://www.facebook.com/NationalTaiwanUniversityBSTiGEM"> | <li><a href="https://www.facebook.com/NationalTaiwanUniversityBSTiGEM"> | ||
| Line 342: | Line 365: | ||
</script> | </script> | ||
| - | + | ||
| - | + | <script type="text/template" id="Cooperation"> | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | <script type="text/template" id=" | + | |
<section class="red-background"> | <section class="red-background"> | ||
<h1 class="header">Cooperation</h1> | <h1 class="header">Cooperation</h1> | ||
| Line 359: | Line 372: | ||
<div class="container divide essay"> | <div class="container divide essay"> | ||
| - | <ul | + | <ul> |
<li> | <li> | ||
Collaborate with Perdue iGEM team: <br/><br/> | Collaborate with Perdue iGEM team: <br/><br/> | ||
| Line 393: | Line 406: | ||
</ul> | </ul> | ||
</div> | </div> | ||
| + | </script> | ||
| + | <script type="text/template" id="App"> | ||
<section class="yellow-background"> | <section class="yellow-background"> | ||
<h1 class="header">App</h1> | <h1 class="header">App</h1> | ||
| Line 414: | Line 429: | ||
</p> | </p> | ||
</div> | </div> | ||
| - | + | </script> | |
| + | |||
| + | <script type="text/template" id="Conference"> | ||
<section class="blue-background"> | <section class="blue-background"> | ||
<h1 class="header">Conference</h1> | <h1 class="header">Conference</h1> | ||
</section> | </section> | ||
| - | <div class="row" style="margin-left: 20px; margin-right: 20px"> | + | <div class="divide"> |
| - | + | <div class="row" style="margin-left: 20px; margin-right: 20px"> | |
| - | + | <img class="pull-right img-responsive" src="https://static.igem.org/mediawiki/2013/7/7b/NTU_TAIWAN_UT_conference.jpg" alt-src="./images/UT_conference.jpg"> | |
| - | + | <div class="row text-center" style="margin-top: 90px"> | |
| - | + | <b><h2>Conference with UT_Tokyo Team</h2></b><br/> | |
| + | On 4th May, We held a video conference with UT_Tokyo team. It's our first time to have video conference with foreign iGEM team! We gave a briefly project introduction and discussed about experimental problems to each other. By the discussion, we found out some bugs but some new ideas in our project. On the other hand, we also gave some advices to UT_Tokyo team. That's a great chance for us to practice how can we express our project entirely and clearly. | ||
| + | </div> | ||
</div> | </div> | ||
| - | |||
| - | + | <div class="row" style="margin-left: 20px; margin-right: 20px"> | |
| - | + | <img class="pull-left img-responsive" src="https://static.igem.org/mediawiki/2013/2/27/NTU_TAIWAN_UT_conference_in_Tokyo.jpg" alt-src="./images/UT_conference in Tokyo.jpg"> | |
| - | + | <div class="row text-center" style="margin-top: 150px"> | |
| - | + | <b><h2>Conference in Tokyo University</h2></b><br/> | |
| - | + | On 14th July, Yi-Yuan Lee met UT_Tokyo iGEM team in Tokyo University. UT_Tokyo team briefly performed their currently progress and started to discuss their project. For Yi-Yuan, he learned more experience about how to well organitze an iGEM team. | |
| + | </div> | ||
</div> | </div> | ||
| - | |||
| - | + | <div class="row" style="margin-left: 20px; margin-right: 20px"> | |
| - | + | <img class="pull-right img-responsive" src="https://static.igem.org/mediawiki/2013/8/80/NTU_TAIWAN_Purdue_conference.jpg" alt-src="./images/Purdue_conference.jpg"> | |
| - | + | <div class="row text-center" style="margin-top: 150px"> | |
| - | + | <b><h2>Conference with Purdue iGEM Team</h2></b><br/> | |
| - | + | We had a video conference with Purdue iGEM team, Manchester iGEM team, TU Eindhoven iGEM team, and Kyoto iGEM team on July 8th. This is Purdue iGEM team’s project. They want to build up a new standardized form for BioBricks register by cooperating and discussing with worldwide iGEM teams. We complete the questionnaire and gave them some advices. | |
| + | </div> | ||
</div> | </div> | ||
| - | |||
| - | + | <div class="row" style="margin-left: 20px; margin-right: 20px"> | |
| - | + | <img class="pull-left img-responsive" src="https://static.igem.org/mediawiki/2013/b/bc/NTU_TAIWAN_Berkeley_conference.jpg" alt-src="./images/Berkeley_conference.jpg"> | |
| - | + | <div class="row text-center" style="margin-top: 150px"> | |
| - | + | <b><h2>Conference in UC Berkeley</h2></b><br/> | |
| - | + | YI-Yuan and Chi-Wei had a face to face conference with Berkeley iGEM team on July 10th. We presented project and experimental design to each other, and discussed about better methods to break through our problems.<br/> | |
| - | + | After the conference, we had a late lunch together in fornt of the UC Berkeley with Berkeley iGEMers. We talked from our major to where did we come from. That was a great meal with them. | |
| + | </div> | ||
</div> | </div> | ||
| - | |||
| - | + | <div class="row" style="margin-left: 20px; margin-right: 20px"> | |
<img class="pull-right img-responsive" src="https://static.igem.org/mediawiki/2013/5/55/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%2827%29.jpg" alt-src="./images/Chiao_Tung_Conference/(27).jpg" width=700> | <img class="pull-right img-responsive" src="https://static.igem.org/mediawiki/2013/5/55/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%2827%29.jpg" alt-src="./images/Chiao_Tung_Conference/(27).jpg" width=700> | ||
<div class="row text-center" style="margin-top: 100px"> | <div class="row text-center" style="margin-top: 100px"> | ||
| Line 459: | Line 477: | ||
</div> | </div> | ||
</div> | </div> | ||
| + | </div> | ||
| + | </script> | ||
| + | <script type="text/template" id="Azalea_Festival"> | ||
<section class="purple-background"> | <section class="purple-background"> | ||
<h1 class="header">NTU Azalea Festival</h1> | <h1 class="header">NTU Azalea Festival</h1> | ||
</section> | </section> | ||
<div class="container divide essay"> | <div class="container divide essay"> | ||
| - | <div class="row divide | + | <div class="row divide"> |
<div class="col-md-6"> | <div class="col-md-6"> | ||
<img class="pull-left img-responsive" src="https://static.igem.org/mediawiki/2013/7/7a/NTU_TAIWAN_AZALEA%281%29.jpg" alt-src="./images/AZALEA/(1).jpg"> | <img class="pull-left img-responsive" src="https://static.igem.org/mediawiki/2013/7/7a/NTU_TAIWAN_AZALEA%281%29.jpg" alt-src="./images/AZALEA/(1).jpg"> | ||
| Line 478: | Line 499: | ||
<a class="hover-shodow hover-no-underline" href="http://ntu-taiwan-azalea.herokuapp.com"><i class="icon-gamepad icon-2x">Here’s our Little Game</i></a> | <a class="hover-shodow hover-no-underline" href="http://ntu-taiwan-azalea.herokuapp.com"><i class="icon-gamepad icon-2x">Here’s our Little Game</i></a> | ||
</div> | </div> | ||
| - | + | </script> | |
| + | |||
| + | <script type="text/template" id="Poster"> | ||
<section class="green-background"> | <section class="green-background"> | ||
<h1 class="header">Poster Presentation</h1> | <h1 class="header">Poster Presentation</h1> | ||
| Line 498: | Line 521: | ||
</script> | </script> | ||
| - | <script type="text/template" id=" | + | <script type="text/template" id="teamMember"> |
<section class="purple-background" style="padding-bottom: 0;"> | <section class="purple-background" style="padding-bottom: 0;"> | ||
<h1 class="header" style="margin: 0;">Team Members</h1> | <h1 class="header" style="margin: 0;">Team Members</h1> | ||
| Line 776: | Line 799: | ||
</div> | </div> | ||
</section> | </section> | ||
| - | |||
<div class="teamMember divide"> | <div class="teamMember divide"> | ||
| - | <section id="teamContainer" class="blue-background" | + | <section id="teamContainer" class="blue-background"> |
| + | <h1 class="header">Team Members</h1> | ||
<div class="row"> | <div class="row"> | ||
<div class="col-md-4"><img class="img-responsive" src="https://static.igem.org/mediawiki/2013/3/38/李易遠.jpg" alt-src="./images/people/李易遠.jpg"></div> | <div class="col-md-4"><img class="img-responsive" src="https://static.igem.org/mediawiki/2013/3/38/李易遠.jpg" alt-src="./images/people/李易遠.jpg"></div> | ||
| Line 1,175: | Line 1,198: | ||
</div> | </div> | ||
</section> | </section> | ||
| + | </div> | ||
| + | </script> | ||
| + | |||
| + | <script type="text/template" id="attribution"> | ||
| + | <section class="yellow-background"> | ||
| + | <h1 class="header">attribution</h1> | ||
| + | <p class="header"><i class="icon-paper-clip"> our works</i></p> | ||
| + | </section> | ||
| + | <div class="divide essay container"> | ||
| + | <div> | ||
| + | <legend><h2 style="border-bottom: 0">Website</h2></legend> | ||
| + | <ol> | ||
| + | <li> | ||
| + | <a href="http://jquery.com/">jQuery</a><br /> | ||
| + | a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript. | ||
| + | </li> | ||
| + | <li> | ||
| + | <a href="http://getbootstrap.com/">BootStrap</a><br /> | ||
| + | Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development. | ||
| + | </li> | ||
| + | <li> | ||
| + | <a href="http://underscorejs.org/">UnderScore</a><br /> | ||
| + | a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects. | ||
| + | </li> | ||
| + | <li> | ||
| + | <a href="http://backbonejs.org/">BackBone</a><br /> | ||
| + | BackBone gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface. | ||
| + | </li> | ||
| + | <li> | ||
| + | <a href="http://lokeshdhakar.com/projects/lightbox2/">Lightbox</a><br /> | ||
| + | Lightbox is small javascript library used to overlay images on top of the current page. It's a snap to setup and works on all modern browsers. | ||
| + | </li> | ||
| + | <li> | ||
| + | <a href="http://fortawesome.github.io/Font-Awesome/">FontAwesome</a><br /> | ||
| + | Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. | ||
| + | </li> | ||
| + | <li> | ||
| + | <a href="http://fittextjs.com/">FitText</a><br /> | ||
| + | FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element. | ||
| + | </li> | ||
| + | </ol> | ||
| + | </div> | ||
| + | </div> | ||
| + | </script> | ||
| + | |||
| + | <script type="text/template" id="acknowledgement"> | ||
| + | <section class="red-background"> | ||
| + | <h1 class="header">acknowledgement</h1> | ||
| + | </section> | ||
| + | <div class="divide essay container"> | ||
| + | opasdk | ||
</div> | </div> | ||
</script> | </script> | ||
| Line 1,747: | Line 1,821: | ||
<img class="pull-right" src="https://static.igem.org/mediawiki/igem.org/e/e2/Meeting-%2827%29.jpg" alt-src="./images/MEETING/Meeting-(27).jpg" width=500> | <img class="pull-right" src="https://static.igem.org/mediawiki/igem.org/e/e2/Meeting-%2827%29.jpg" alt-src="./images/MEETING/Meeting-(27).jpg" width=500> | ||
<p> | <p> | ||
| - | <i><u>Rhodotorula</u></i>is pigment produce yeast quite easily identifiable by distinctive orange/red colonies when grown on SDA. This distinctive color is the result of pigments that the yeast creates to block out certain wavelengths of light that would otherwise be damaging to the cell. Colony color can vary from being cream colored to orange/red/pink or yellow. | + | <i><u>Rhodotorula</u></i> is pigment produce yeast quite easily identifiable by distinctive orange/red colonies when grown on SDA. This distinctive color is the result of pigments that the yeast creates to block out certain wavelengths of light that would otherwise be damaging to the cell. Colony color can vary from being cream colored to orange/red/pink or yellow. |
</p> | </p> | ||
<p> | <p> | ||
| Line 1,966: | Line 2,040: | ||
</div> | </div> | ||
</script> | </script> | ||
| + | |||
<script type="text/template" id="undefined"> | <script type="text/template" id="undefined"> | ||
Revision as of 15:20, 27 September 2013
<!DOCTYPE html>
