Template:SUSTC/3

From 2012.igem.org

(Difference between revisions)
(Created page with "{{Template:SUSTC/1}} {{Template:SUSTC/2}} {|align="justify" <html> <head> <style> body { background-image:url(https://static.igem.org/mediawiki/2012/6/69/SUSTC_SHENZHEN_A_Backgroun...")
Line 1: Line 1:
-
{{Template:SUSTC/1}}
 
-
{{Template:SUSTC/2}}
 
-
{|align="justify"
 
-
 
-
 
<html>
<html>
<head>
<head>
-
<style>
+
<style type="text/css">
-
body
+
<!--我们需要先把igem原网站的一些东西删掉-->
 +
 
 +
<!--删除完毕-->
 +
 
 +
#sustc_wrapper
{
{
-
   background-image:url(https://static.igem.org/mediawiki/2012/6/69/SUSTC_SHENZHEN_A_Background.png);
+
   width:100%;
-
background-attachment:fixed;
+
  margin:0 auto;
}
}
 +
 +
#sustc_header
 +
{
 +
  height:440px;
 +
 +
  border-width:2px;
 +
  border-color: #F6C739 ;
 +
  border-style:solid none solid none;
 +
<!--  background-color:red;-->
 +
}
 +
#sustc_menu
 +
{
 +
  height:35px;
 +
  width:920px;
 +
  margin-left:20px;
 +
  color:blue;
 +
  display:block;
 +
<!--  background-color:yellow;-->
 +
  border-radius: 7px;
 +
}
 +
 +
#sustc_menu li
 +
{
 +
  list-style:none;
 +
  float:left;
 +
  display:block;
 +
  margin-left:10px;
 +
<!-- background-color:green;-->
 +
  height:35px;
 +
  width:130px;
 +
  border-radius:7px;
 +
  text-align:center;
 +
 
 +
}
 +
.mainMenuBtn
 +
{
 +
  padding-left:10px;
 +
 +
}
 +
#sustc_menu a
 +
{
 +
  padding-top:10px;
 +
  padding-left:10px;
 +
}
 +
#sustc_menu li:hover
 +
{
 +
<!-- background-color:red-->
 +
  border-radius: 7px;
 +
  text-decoration;
 +
  background-color:#F6C739;
 +
}
 +
 +
 +
#sustc_menu a
 +
{
 +
  margin:0;
 +
  padding-bottom:10px;
 +
  display:block;
 +
}
 +
#sust_menu a:hover
 +
{
 +
  background-color:#F6C739
 +
}
 +
 +
#sustc_menu li li
 +
{
 +
  margin-left:0px;
 +
  float:none;
 +
  text-align:left;
 +
  padding-left:10px;
 +
  padding-top:5px;
 +
  width:130px;
 +
<!-- background-color:black;-->
 +
}
 +
#sustc_menu li ul { /* second-level lists */
 +
position: absolute;
 +
width: 140px;
 +
margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
 +
margin-top:2.2em;
 +
        border-width:1px;
 +
        border-color: #C3D46A ;
 +
        border-style:solid;
 +
        border-radius: 7px;
 +
}
 +
#sustc_menu li:hover ul
 +
{
 +
  margin-left: 0px;
 +
  margin-top:0;
 +
}
 +
 +
 +
 +
 +
 +
/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
 +
#nav li li{ float:none; }
 +
 +
#nav li li a{ /* Just submenu links*/
 +
position:relative;
 +
float:none;
 +
}
 +
 +
#nav li ul { /* second-level lists */
 +
position: absolute;
 +
width: 10em;
 +
margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
 +
margin-top:2.2em;
 +
}
 +
 +
/* third-and-above-level lists */
 +
#nav li ul ul { margin: -1em 0 0 -1000em; }
 +
#nav li:hover ul ul { margin-left: -1000em; }
 +
 +
/* lists nested under hovered list items */
 +
#nav li:hover ul{ margin-left: 0; }
 +
#nav li li:hover ul { margin-left: 10em; margin-top:-2.5em;}
 +
 +
/* extra positioning rules for limited noscript keyboard accessibility */
 +
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
 +
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
 +
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
 +
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
 +
#nav li:hover a:focus{ margin-left: 0; }
 +
#nav li li:hover a:focus + ul { margin-left: 10em; }
 +
 +
 +
/* --------------------------[ The above is just for non-javscript users ]--------------------------*/
 +
 +
</style>
</style>
 +
<script type="text/javascript">
 +
function mainMenuBtnMouseOver()
 +
{
 +
  document.image1.src="https://static.igem.org/mediawiki/2012/0/0f/Arrow_down.gif";
 +
}
 +
function mainMenuBtnMouseOut()
 +
{
 +
  document.image1.src="https://static.igem.org/mediawiki/2012/0/02/Arrow_down_over.gif";
 +
}
 +
</script>
</head>
</head>
<body>
<body>
 +
<div id="sustc_wrapper">
 +
  <div id="sustc_header">
 +
    <div id="sustc_menu">
 +
 +
    <ul>
 +
        <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A">Home<img class="mainMenuBtn" src="https://static.igem.org/mediawiki/2012/0/0f/Arrow_down.gif"></img> 
 +
              </a>
 +
            <ul> 
 +
                    <li> sdfaf</li>
 +
                    <li> sdfaf</li>     
 +
            </ul>
 +
        </li>
 +
    </ul>
 +
    <ul>
 +
        <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Team">Team<img class="mainMenuBtn" src="https://static.igem.org/mediawiki/2012/0/0f/Arrow_down.gif">
 +
                </img></a>
 +
            <ul>  <li> sdfaf</li>        </ul>
 +
             
 +
        </li>
 +
    </ul>
 +
    <ul>
 +
        <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Project">Project<img class="mainMenuBtn" src="https://static.igem.org/mediawiki/2012/0/0f/Arrow_down.gif">
 +
                </img></a>
 +
            <ul>  <li> sdfaf</li>        </ul>
 +
             
 +
        </li>
 +
    </ul>
 +
    <ul>
 +
        <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Notebook">Notebook<img class="mainMenuBtn"
 +
                        src="https://static.igem.org/mediawiki/2012/0/0f/Arrow_down.gif"></img></a>
 +
            <ul>  <li> sdfaf</li>        </ul>
 +
             
 +
        </li>
 +
    </ul>
 +
    <ul>
 +
        <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Safety">Safety<img class="mainMenuBtn" src="https://static.igem.org/mediawiki/2012/0/0f/Arrow_down.gif">
 +
                </img></a>
 +
            <ul>  <li> sdfaf</li>        </ul>
 +
             
 +
        </li>
 +
    </ul>
 +
    <ul>
 +
        <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Contribution">Contribution<img class="mainMenuBtn"
 +
                src="https://static.igem.org/mediawiki/2012/0/0f/Arrow_down.gif"></img></a>
 +
            <ul>  <li> sdfaf</li>        </ul>
 +
             
 +
        </li>
 +
    </ul>
-
</body>
 
-
</html>
 
-
__NOTOC__== '''About our team''' ==
+
-
[[Image:SUSTC-Shenzhen-A_team.png|right|400px]]
+
      </div>
-
This iGEM team is set up by South University of Science and Technology of China, which is a public institution funded by the municipality of Shenzhen, a special economic zone city in southern China.
 
-
All the undergrads in this team are sophomore, and not all the members will join Biology Division, so our team is multi-disciplinary.
 
 +
  </div>    <!--end of header-->
 +
</div>      <!--end of wrapper-->
-
__NOTOC__== '''About our project''' ==
 
-
===Abstract===
 
-
The website "Registry of Standard Biological Parts" promotes the development of synthetic biology through providing genetic parts. To expand its influence in data exchange, we found it necessary to build an app client for it. In order to save time in searching BioBrick, simplify the process of selecting classifications, and facilitate changing selected category, we will dedicate ourselves to adjust database structure so that we can change the interface of BioBrick searching into spinner-formed .
 
-
__NOTOC__===Motivation===
 
-
Nowadays, the focal point of electronic devices is shifting from the  fixed to portable, people use mobile devices in routine to save time. With a nice appearance and the support of APP store , which is the biggest market for smartphone applications, iPhone attracts a huge amount of consumers, and is becoming an important office platform.However, the Registry of Standard Biological Parts website does not fit the operating system of iPhone. Therefore, considering the wide range of users of iPhone, and to benefit those who are interested in or working in synthetic biology, we’re going to build and improve a search engine of BioBrick.
 
-
__NOTOC__===Background===
 
-
Registry of Standard Biological Parts is a website that provides a collection of biological parts with known functions used in synthetic biology, ranging from plasmids to protein generators. The parts conform to BioBrick standard and form a categorization system so that new genetic parts can be simply constructed through hierarchy implement. Based on the "get some, to give some" principle, the resource is continuously improved and cooperation among researchers is achieved. The active role of the website in promoting the development of synthetic biology is self-evident. On the other hand, the ubiquitous mobile device shows that traditional websites cannot satisfy our needs to update data and disseminate the information timely. A client on mobile devices seems necessary. According to statistical data, the user amount of iPhone is rather huge, which implies that iPhone client might be an excellent choice.
 
-
__NOTOC__== '''Expected Results''' ==
 
-
As shown in the figures, two ways will be provided to search BioBricks .
 
-
The first method is a kind of web-of-knowledge-way searching technique which resembles the website www.webofknowledge.com. A common vocabulary for varied search terms related to BioBricks will be provided.Such terms are browse by functions, browse by types, etc. And users can choose the terms they need on their own. This will provide a powerful search function.
 
-
The second way is a keyword-way search technique. This kind search is simple yet quick.  A keyword is input and a set of BioBricks with this key word is returned.
 
-
We believe that users can find their target BioBricks quickly with the aid of these two search techniques.
 
-
Besides, we hope that all of our members can enjoy the process of preparing and presenting our project.
 
-
HAVE A DIFFERENT HOLIDAY~
 
-
[[Image:Category.png|200px|thumb|left|Figure 1]]
 
-
[[Image:Keyword.png|200px|thumb|left|Figure 2]]
 
-
|
 
-
|-
 
-
|
 
-
|
 
-
|-
 
-
|
 
-
|
 
-
|}
 
-
<!--- The Mission, Experiments --->
+
</body>
 +
</html>

Revision as of 07:59, 1 August 2012

Retrieved from "http://2012.igem.org/Template:SUSTC/3"