Line 2: | Line 2: | ||
<head> | <head> | ||
− | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
− | + | <title>Team:HFUT-China</title> | |
− | <link href="https://2017.igem.org/Template:HFUT-China/Safety/css/headerCss?action=raw&ctype=text/css" rel="stylesheet"/> | + | <link href="https://2017.igem.org/Template:HFUT-China/Safety/css/headerCss?action=raw&ctype=text/css" rel="stylesheet" /> |
− | <link href="https://2017.igem.org/Template:HFUT-China/Safety/css/stylewikiCss?action=raw&ctype=text/css" rel="stylesheet"/> | + | <link href="https://2017.igem.org/Template:HFUT-China/Safety/css/stylewikiCss?action=raw&ctype=text/css" rel="stylesheet"/> |
− | <link href="https://2017.igem.org/Template:HFUT-China/MainPage/css/styleCss?action=raw&ctype=text/css" rel="stylesheet" /> | + | <link href="https://2017.igem.org/Template:HFUT-China/MainPage/css/styleCss?action=raw&ctype=text/css" rel="stylesheet" /> |
− | + | <style> | |
− | <style> | + | body { |
− | body{background:#f7f5e6;width:100%;} | + | background: #f7f5e6; |
+ | width: 100%; | ||
+ | text-align: center | ||
+ | } | ||
− | .pic1 | + | .pic1 { |
− | { | + | background: url(https://static.igem.org/mediawiki/2017/c/c7/Pic1.png); |
− | background:url(https://static.igem.org/mediawiki/2017/c/c7/Pic1.png); | + | background-size: 100% auto; |
− | background-size:100% auto; | + | background-repeat: no-repeat; |
− | background-repeat:no-repeat; | + | width: 166px; |
− | width:166px;height:166px; | + | height: 166px; |
− | float: left | + | float: left; |
− | + | margin: 3px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | . | + | .pic1:hover { |
− | { | + | background: url(https://static.igem.org/mediawiki/2017/7/72/111.png); |
− | background:url(https://static.igem.org/mediawiki/2017/5/57/Pic2.png); | + | background-size: 100% auto; |
− | background-size:100% auto; | + | background-repeat: no-repeat; |
− | background-repeat:no-repeat; | + | width: 166px; |
− | width:166px;height:166px; | + | height: 166px; |
− | float: left;margin:3px; | + | float: left; |
− | } | + | margin: 3px; |
− | .pic2:hover | + | } |
− | { | + | |
− | background:url(https://static.igem.org/mediawiki/2017/7/75/22.png | + | .pic2 { |
+ | background: url(https://static.igem.org/mediawiki/2017/5/57/Pic2.png); | ||
+ | background-size: 100% auto; | ||
+ | background-repeat: no-repeat; | ||
+ | width: 166px; | ||
+ | height: 166px; | ||
+ | float: left; | ||
+ | margin: 3px; | ||
+ | } | ||
+ | |||
+ | .pic2:hover { | ||
+ | background: url(https://static.igem.org/mediawiki/2017/7/75/22.png | ||
); | ); | ||
− | background-size:100% auto; | + | background-size: 100% auto; |
− | background-repeat:no-repeat; | + | background-repeat: no-repeat; |
− | width:166px;height:166px; | + | width: 166px; |
− | float: left;margin:3px; | + | height: 166px; |
− | } | + | float: left; |
+ | margin: 3px; | ||
+ | } | ||
− | .pic3 | + | .pic3 { |
− | { | + | background: url(https://static.igem.org/mediawiki/2017/0/07/Pic3-china.png |
− | background:url(https://static.igem.org/mediawiki/2017/0/07/Pic3-china.png | + | |
); | ); | ||
− | background-size:100% auto; | + | background-size: 100% auto; |
− | background-repeat:no-repeat; | + | background-repeat: no-repeat; |
− | width:166px;height:166px; | + | width: 166px; |
− | float: left;margin:3px; | + | height: 166px; |
− | } | + | float: left; |
− | .pic3:hover | + | margin: 3px; |
− | { | + | } |
− | background:url(https://static.igem.org/mediawiki/2017/9/9c/33.png | + | |
+ | .pic3:hover { | ||
+ | background: url(https://static.igem.org/mediawiki/2017/9/9c/33.png | ||
); | ); | ||
− | background-size:100% auto; | + | background-size: 100% auto; |
− | background-repeat:no-repeat; | + | background-repeat: no-repeat; |
− | width:166px;height:166px; | + | width: 166px; |
− | float: left;margin:3px; | + | height: 166px; |
− | } | + | float: left; |
+ | margin: 3px; | ||
+ | } | ||
− | .pic4 | + | .pic4 { |
− | { | + | background: url(https://static.igem.org/mediawiki/2017/c/cd/Pic4.png |
− | background:url(https://static.igem.org/mediawiki/2017/c/cd/Pic4.png | + | |
); | ); | ||
− | background-size:100% auto; | + | background-size: 100% auto; |
− | background-repeat:no-repeat; | + | background-repeat: no-repeat; |
− | width:166px;height:166px; | + | width: 166px; |
− | float: left;margin:3px; | + | height: 166px; |
− | } | + | float: left; |
− | .pic4:hover | + | margin: 3px; |
− | { | + | } |
− | background:url(https://static.igem.org/mediawiki/2017/8/8b/44.png | + | |
+ | .pic4:hover { | ||
+ | background: url(https://static.igem.org/mediawiki/2017/8/8b/44.png | ||
); | ); | ||
− | background-size:100% auto; | + | background-size: 100% auto; |
− | background-repeat:no-repeat; | + | background-repeat: no-repeat; |
− | width:166px;height:166px; | + | width: 166px; |
− | float: left;margin:3px; | + | height: 166px; |
− | } | + | float: left; |
+ | margin: 3px; | ||
+ | } | ||
− | .pic5 | + | .pic5 { |
− | { | + | background: url(https://static.igem.org/mediawiki/2017/1/16/Pic5.png |
− | background:url(https://static.igem.org/mediawiki/2017/1/16/Pic5.png | + | |
); | ); | ||
− | background-size:100% auto; | + | background-size: 100% auto; |
− | background-repeat:no-repeat; | + | background-repeat: no-repeat; |
− | width:166px;height:166px; | + | width: 166px; |
− | float: left;margin:3px; | + | height: 166px; |
− | } | + | float: left; |
− | .pic5:hover | + | margin: 3px; |
− | { | + | } |
− | background:url(https://static.igem.org/mediawiki/2017/8/83/55.png | + | |
+ | .pic5:hover { | ||
+ | background: url(https://static.igem.org/mediawiki/2017/8/83/55.png | ||
); | ); | ||
− | background-size:100% auto; | + | background-size: 100% auto; |
− | background-repeat:no-repeat; | + | background-repeat: no-repeat; |
− | width:166px;height:166px; | + | width: 166px; |
− | float: left;margin:3px; | + | height: 166px; |
− | } | + | float: left; |
− | </style> | + | margin: 3px; |
+ | } | ||
+ | </style> | ||
</head> | </head> | ||
<center> | <center> | ||
− | <div class="header" style="z-index:999; position:fixed;left:0px;top:16px;"> | + | <div class="header" style="z-index:999; position:fixed;left:0px;top:16px;"> |
− | + | <ul class="nav"> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:HFUT-China"> Main page </a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:HFUT-China/Description"> Project | |
− | + | <img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px" ;> </a> | |
− | + | <ul> | |
− | + | <li class="selfnav hef"> | |
− | + | <a href="https://2017.igem.org/Team:HFUT-China/Description"> | |
− | + | <font class="hef">Description</font> | |
− | + | </a> | |
− | <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Software"><font class="hef" color="#000">Software</font></a></li> | + | </li> |
− | + | <li class="selfnav hef"> | |
− | + | <a href="https://2017.igem.org/Team:HFUT-China/Design"> | |
− | + | <font class="hef">Design</font> | |
− | + | </a> | |
− | + | </li> | |
− | + | <li class="selfnav hef"> | |
− | + | <a href="https://2017.igem.org/Team:HFUT-China/Contribution"> | |
− | + | <font class="hef">Contribution</font> | |
− | <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Safety"><font class="hef" color="#000">Safety</font></a></li> | + | </a> |
− | + | </li> | |
− | + | <li class="selfnav hef"> | |
− | + | <a href="https://2017.igem.org/Team:HFUT-China/Demonstrate"> | |
− | + | <font class="hef">Demonstrate</font> | |
− | + | </a> | |
− | + | </li> | |
− | <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Attributions"><font class="hef" color="#000">Attributions</font></a></li> | + | </ul> |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:HFUT-China/Software"> Software | |
− | + | <img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px" ;> </a> | |
− | + | <ul> | |
− | + | <li class="selfnav"> | |
− | + | <a href="https://2017.igem.org/Team:HFUT-China/Software"> | |
− | + | <font class="hef" color="#000">Software</font> | |
− | + | </a> | |
− | + | </li> | |
− | + | <li class="selfnav"> | |
− | + | <a href="https://2017.igem.org/Team:HFUT-China/Model"> | |
− | + | <font class="hef" color="#000">Model</font> | |
− | + | </a> | |
− | + | </li> | |
− | + | <li class="selfnav"> | |
− | + | <a href="https://2017.igem.org/Team:HFUT-China/Improve"> | |
− | + | <font class="hef" color="#000">Improve</font> | |
− | + | </a> | |
− | + | </li> | |
− | + | <li class="selfnav"> | |
− | + | <a href="https://2017.igem.org/Team:HFUT-China/Unit_Test"> | |
− | + | <font class="hef" color="#000">Unit Test</font> | |
− | + | </a> | |
− | + | </li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:HFUT-China/Notebook"> Documents | |
− | + | <img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px" ;> </a> | |
− | + | <ul> | |
− | + | <li class="selfnav"> | |
− | + | <a href="https://2017.igem.org/Team:HFUT-China/Notebook"> | |
− | + | <font class="hef" color="#000">Notebook</font> | |
− | + | </a> | |
− | + | </li> | |
− | + | <li class="selfnav"> | |
− | + | <a href="https://2017.igem.org/Team:HFUT-China/Medals"> | |
− | + | <font class="hef" color="#000">Medals</font> | |
− | + | </a> | |
− | + | </li> | |
− | + | <li class="selfnav"> | |
− | + | <a href="https://2017.igem.org/Team:HFUT-China/Safety"> | |
− | + | <font class="hef" color="#000">Safety</font> | |
− | + | </a> | |
− | + | </li> | |
− | + | <li class="selfnav"> | |
− | + | <a href="https://2017.igem.org/Team:HFUT-China/User_guide"> | |
− | + | <font class="hef" color="#000">User guide</font> | |
− | + | </a> | |
− | + | </li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:HFUT-China/Team">Team | |
− | + | <img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px" ;> | |
− | + | </a> | |
− | + | <ul> | |
− | + | <li class="selfnav"> | |
− | + | <a href="https://2017.igem.org/Team:HFUT-China/Team"> | |
− | + | <font class="hef" color="#000">Members</font> | |
− | + | </a> | |
− | + | </li> | |
− | + | <li class="selfnav"> | |
− | + | <a href="https://2017.igem.org/Team:HFUT-China/Attributions"> | |
− | + | <font class="hef" color="#000">Attributions</font> | |
− | + | </a> | |
− | + | </li> | |
− | + | <li class="selfnav"> | |
− | + | <a href="https://2017.igem.org/Team:HFUT-China/Collaborations"> | |
− | + | <font class="hef" color="#000">Collaborations</font> | |
− | + | </a> | |
− | + | </li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <a href=" | + | </ul> |
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:HFUT-China/HP/Silver"> Human practice | ||
+ | <img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px" ;> </a> | ||
+ | <ul> | ||
+ | <li class="selfnav"> | ||
+ | <a href="https://2017.igem.org/Team:HFUT-China/HP/Silver"> | ||
+ | <font class="hef" color="#000">Silver HP</font> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="selfnav"> | ||
+ | <a href="https://2017.igem.org/Team:HFUT-China/HP/Gold_Integrated"> | ||
+ | <font class="hef" color="#000">Integrated | ||
+ | <br>and Gold</font> | ||
+ | </a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://igem.org/2017_Judging_Form?id=2466" target="blank"> Judging Form </a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
− | < | + | <div class="title" style="margin-top: 10px"> |
− | |||
− | + | <div style="width:100%;height:160px;"></div> | |
− | < | + | <b> |
− | + | <font color="#0089a7">Descrip</font> | |
+ | <font color="#555555">tion</font> | ||
+ | </b> | ||
+ | </div> | ||
− | < | + | <div style="width:100%;height:60px;"></div> |
− | < | + | <div class="p"> |
− | < | + | <div class="q">Hey there, iGEMers! Are you still looking for information of biobricks? Are you still having difficulty in finding |
+ | references of former teams? Are you still feeling hard to design your biobricks? Don’t worry now,BioDesigner | ||
+ | can do this for you! | ||
+ | <br> | ||
+ | <br> | ||
+ | </div> | ||
+ | <div style="text-align:center"> | ||
− | |||
+ | </div> | ||
+ | <div style="width:100%;height:60px;"></div> | ||
− | + | <div class="title" style="margin-top: 10px"> | |
− | + | <b> | |
− | + | <font color="555555" size="6px">Applications </font> | |
− | </div> | + | <font color="#555555" size="6px"> of BioDesigner |
+ | <br> | ||
+ | </font> | ||
+ | </b> | ||
+ | </div> | ||
+ | <div style="width:100%;height:60px;"></div> | ||
+ | <div style="margin:0 auto"> | ||
+ | <div class="pic1"></div> | ||
+ | <div class="pic2"></div> | ||
+ | <div class="pic3"></div> | ||
+ | <div class="pic4"></div> | ||
+ | <div class="pic5"></div> | ||
+ | </div> | ||
+ | </div> | ||
− | <div style="width:100%;height:190px;"></div> | + | <div style="width:100%;height:190px;"></div> |
− | <div class="p"> | + | <div class="p"> |
− | + | <div class="q">You are free to search for team and biobrick information. Searching for teams under certain tracks Participants or | |
− | </div> | + | any combination of tracks is also available. You will only be shown teams which are under the selected tracks. |
+ | Selecting no tracks means searching in all teams. What’s more, once a team is chosen, recommended teams, which | ||
+ | is similar to this one, will appear on the right of the screen. The recommendation is based on how much two teams | ||
+ | are related according to their content and themes. | ||
+ | <br> | ||
+ | <br> | ||
+ | </div> | ||
+ | </div> | ||
− | <div class="p"> | + | <div class="p"> |
− | + | <div class="q">Guess what, you will find a big surprise in the design panel of BioDesigner, especially for those who have problem | |
− | </div> | + | designing parts. In the designing panel, you can devise your own parts in three steps: Drag, and Drop, and Done. |
− | <div class="footer""> | + | Once a part is selected, the detailed information will appear on the right. After a part is set, you will get |
− | <div class="foot-icon"> | + | recommended parts that are most likely to be added behind or ahead of this part. |
− | <a href="http://bio.measurex.top" target="blank"><img src="https://static.igem.org/mediawiki/2017/f/fb/Bio.png" class="icon"></a> | + | <br> |
− | <a href=""><img src="https://static.igem.org/mediawiki/2017/5/51/Fb.png" class="icon"></a> | + | <br> |
− | <a href=""><img src="https://static.igem.org/mediawiki/2017/d/da/Emial.png" class="icon"></a> | + | </div> |
− | <a href=""><img src="https://static.igem.org/mediawiki/2017/5/51/Git.png" class="icon"></a> | + | </div> |
+ | <div class="footer" "> | ||
+ | <div class="foot-icon "> | ||
+ | <a href="http://bio.measurex.top " target="blank "><img src="https://static.igem.org/mediawiki/2017/f/fb/Bio.png " class="icon "></a> | ||
+ | <a href=" "><img src="https://static.igem.org/mediawiki/2017/5/51/Fb.png " class="icon "></a> | ||
+ | <a href=" "><img src="https://static.igem.org/mediawiki/2017/d/da/Emial.png " class="icon "></a> | ||
+ | <a href=" "><img src="https://static.igem.org/mediawiki/2017/5/51/Git.png " class="icon "></a> | ||
</div> | </div> | ||
</div> | </div> |
Revision as of 05:50, 29 October 2017
Descrip
tion
Hey there, iGEMers! Are you still looking for information of biobricks? Are you still having difficulty in finding
references of former teams? Are you still feeling hard to design your biobricks? Don’t worry now,BioDesigner
can do this for you!
Applications
of BioDesigner
You are free to search for team and biobrick information. Searching for teams under certain tracks Participants or
any combination of tracks is also available. You will only be shown teams which are under the selected tracks.
Selecting no tracks means searching in all teams. What’s more, once a team is chosen, recommended teams, which
is similar to this one, will appear on the right of the screen. The recommendation is based on how much two teams
are related according to their content and themes.
Guess what, you will find a big surprise in the design panel of BioDesigner, especially for those who have problem
designing parts. In the designing panel, you can devise your own parts in three steps: Drag, and Drop, and Done.
Once a part is selected, the detailed information will appear on the right. After a part is set, you will get
recommended parts that are most likely to be added behind or ahead of this part.