Team:UCSD Software/SoftwareAchievements
From 2014.igem.org
(Difference between revisions)
(61 intermediate revisions not shown) | |||
Line 13: | Line 13: | ||
<Style> | <Style> | ||
+ | |||
+ | #topUp { | ||
+ | margin-top: -20px; | ||
+ | } | ||
body{ | body{ | ||
background-color: #0174DF; | background-color: #0174DF; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 36: | Line 33: | ||
#nav .btn:hover{ | #nav .btn:hover{ | ||
- | color: | + | color: gold; |
- | background-color: rgba(204,204,204,0.5); | + | //background-color: rgba(204,204,204,0.5); |
} | } | ||
#nav .btn:active{ | #nav .btn:active{ | ||
- | color: white; | + | //color: white; |
- | background-color: rgba(204,204,204,0.5); | + | //background-color: rgba(204,204,204,0.5); |
} | } | ||
Line 141: | Line 138: | ||
*******************************/ | *******************************/ | ||
.firstHeading { | .firstHeading { | ||
- | width: | + | width: 0px; //575px; |
margin: 0px auto; | margin: 0px auto; | ||
padding-top: 100px; | padding-top: 100px; | ||
Line 151: | Line 148: | ||
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/ | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/ | ||
- | background-color: #383838; | + | background-color: #003D99;//#383838; |
border: 0 none; | border: 0 none; | ||
- | height: | + | height: 1px; // 46 px |
z-index: 100; | z-index: 100; | ||
top: 0; | top: 0; | ||
- | position: | + | color: #fff; |
- | width: | + | //display: none; |
+ | position: static; | ||
+ | width: 100%;//1000px;//2975px; | ||
left: 50%; | left: 50%; | ||
- | margin-left: - | + | margin-left: -480px;//-687px; |
} | } | ||
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/ | #top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/ | ||
- | background-color: # | + | background-color: #333; |
- | height: | + | height: 1px; //DEFAULT 14 PX |
- | display: block; | + | display: none;//block; |
+ | color: #fff; | ||
z-index: 10; | z-index: 10; | ||
position: fixed; | position: fixed; | ||
Line 171: | Line 171: | ||
top: 0; | top: 0; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | /*#top-section { | ||
+ | background-color: #333;//#383838; | ||
+ | border: 0 none; | ||
+ | height: 46px; // DEFAULT 14 px | ||
+ | z-index: 100; | ||
+ | top: 0; | ||
+ | //display: none; | ||
+ | position: fixed; | ||
+ | width: 2975px; | ||
+ | left: 50%; | ||
+ | margin-left: -687px; | ||
+ | } | ||
+ | |||
+ | #top-section-bar { | ||
+ | background-color: #333; | ||
+ | height: 1px; //DEFAULT 14 PX | ||
+ | display: none;//block; | ||
+ | |||
+ | z-index: 10; | ||
+ | position: fixed; | ||
+ | width: 100%; | ||
+ | top: 0; | ||
+ | }*/ | ||
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/ | #menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/ | ||
Line 192: | Line 218: | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
- | background-color: transparent; | + | background-color: #003D99;//transparent; |
} | } | ||
Line 200: | Line 226: | ||
font-size: 14px; | font-size: 14px; | ||
color: #414141; | color: #414141; | ||
- | width: 960px; | + | width: 960px;//960px; |
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
Line 207: | Line 233: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</style> | </style> | ||
</head> | </head> | ||
Line 346: | Line 238: | ||
<body> | <body> | ||
- | + | <nav class="navbar nav-justified" role="navigation" id='nav'> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<div class="btn-group btn-group btn-group-justified"> | <div class="btn-group btn-group btn-group-justified"> | ||
- | + | <div class="btn btn-lg " id="home">Home</div> | |
- | < | + | <div class="btn btn-lg " id="team">Team</div> |
- | < | + | <div class="btn btn-lg " id="project">Project</div> |
+ | <div class="btn btn-lg " id="doc">Documentation</div> | ||
+ | <div class="btn btn-lg" id="notebook">Notebook</div> | ||
+ | <div class="btn btn-lg" id="safety">Safety</div> | ||
+ | <div class="btn btn-lg" id="attributions">Sponsors</div> | ||
+ | <div class="btn btn-lg" id="achieve">Achievements</div> | ||
+ | <div class="btn btn-lg" id="logo"><a href = "https://igem.org/Main_Page"><img src = "http://i.imgur.com/mGHw11P.png?1"></a></div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</div> | </div> | ||
- | |||
- | + | </nav> | |
- | + | ||
+ | <div style = "background-color: #fff" id = "topUp"> | ||
+ | <!--<div class = "neighborhood-guides"> | ||
+ | <div clss = "container">--> | ||
+ | <!-- START GOLD MEDAL--> | ||
+ | <div class="row marketing" > | ||
+ | |||
+ | <div class="col-lg-4"> | ||
+ | <img src = "http://www.wpclipart.com/education/awards/medal_gold/Gold_Medal_10.png" width = "360px" height = "350px" style = "border-radius: 5px 20px 5px;"> | ||
</div> | </div> | ||
- | + | ||
- | <div class = " | + | <div class="col-lg-8"> |
- | + | <h1>iGEM Gold Medal requirements</h1> | |
- | + | ||
- | <h1> | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<ul> | <ul> | ||
- | <li> | + | <li>We did some modeling of circuits predicted by our tool, validation of search results, and complexity analysis work of our project. You can find details under the Validation section and Modeling section of the <a href = "https://2014.igem.org/Team:UCSD_Software/Project">Project</a> page. Using our tool, we were able to predict several novel circuit topologies recently published by <a href="http://www.nature.com/nbt/journal/v31/n5/pdf/nbt.2510.pdf">Piro et al</a></li> |
- | <li> | + | <li>We re-used and improved an existing database, & developed on it (<a href = "http://pubs.acs.org/doi/abs/10.1021/sb400139h">Linh's paper</a>). We also made use of SBOL visual (decribed in further detail under the "Web Application" section of the <a href = "https://2014.igem.org/Team:UCSD_Software/Project">Project</a> page). Furthermore, we utilize and extend the web-application architecture used by the <a href="http://cidar.bu.edu/owl/"> Owl Datasheet generator project</a> from iGEM 2013</li> |
- | </ | + | <li>We created a Python API for interacting with our database. The API documentation is available on the <a href = "https://2014.igem.org/Team:UCSD_Software/Documentation">Documentation</a> page as well as on <a href="https://github.com/igemsoftware/UCSD-iGEM_2014/tree/master/CircuitNetwork/web/doc">Github</a>. This way, other developers can use to build on our project or use it in novel ways for their own projects.</li> |
+ | <li>As mentioned earlier, we made use of SBOLv standard.</li> | ||
</ul> | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- END GOLD MEDAL--> | ||
- | < | + | |
+ | |||
+ | |||
+ | |||
+ | <!-- START SILVER MEDAL--> | ||
+ | <div class="row marketing"> | ||
+ | |||
+ | <div class="col-lg-4"> | ||
+ | <img src = "http://www.wpclipart.com/education/awards/medal_silver/silver_medal.png" width = "360px" height = "350px" style = "border-radius: 5px 20px 5px;"> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-lg-8"> | ||
+ | <h1>iGEM Silver Medal requirements</h1> | ||
+ | <ul> | ||
+ | <li>We've demonstrated the relevance of our project to Synthetic Biology <a href = "https://2014.igem.org/Team:UCSD_Software/Project">here</a>.</li> | ||
+ | <li>We have a comprehensive and well-designed <a href = "https://2014.igem.org/Team:UCSD_Software/Documentation">Tutorial</a> for using our app.</li> | ||
+ | <li>We created a Python API for interacting with our database. The API documentation is available on the <a href = "https://2014.igem.org/Team:UCSD_Software/Documentation">Documentation</a> page as well as on <a href="https://github.com/igemsoftware/UCSD-iGEM_2014/tree/master/CircuitNetwork/web/doc">Github</a>. This way, other developers can use to build on our project or use it in novel ways for their own projects.</li> | ||
+ | <li>We used QUnit, a JavaScript unit testing framework, for some of our work during the summer. In addition, we utilized a number of realistic test cases (pulled from published literature to validate our tool during development. <a href = "https://2014.igem.org/Team:UCSD_Software/Documentation">Look here</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- END SILVER MEDAL--> | ||
+ | |||
+ | |||
+ | <!-- START BRONZE MEDAL--> | ||
+ | <div class="row marketing"> | ||
+ | |||
+ | <div class="col-lg-4"> | ||
+ | <img src = "http://www.wpclipart.com/education/awards/medal_bronze/Bronze_Medal_4.png" width = "360px" height = "350px" style = "border-radius: 5px 20px 5px;"> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-lg-8"> | ||
+ | <h1>iGEM Bronze Medal requirements</h1> | ||
<ul> | <ul> | ||
- | <li>Our | + | <li>Our team is all registered and ready to go! We're all immensely excited to represent UC San Diego at Boston.</li> |
- | <li>We | + | <li>We've created a project description for our application <a href = "https://2014.igem.org/Team:UCSD_Software/Project">here</a>.</li> |
- | <li> | + | <li>Find us ready with a Poster to talk about SBiDer at the Regional Jamboree and World Championship Jamboree, 2014.</li> |
- | <li> | + | <li>Our code is well-documented and available via <a href = "https://github.com/igemsoftware/UCSD-iGEM_2014">The iGEM Software Registry</a> on GitHub.</li> |
</ul> | </ul> | ||
- | + | </div> | |
- | + | </div> | |
- | + | <!-- END BRONZE MEDAL--> | |
- | + | ||
- | </ | + | |
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
<script> | <script> | ||
Line 435: | Line 332: | ||
window.location.href="https://igem.org/Team.cgi?year=2013&team_name=UCSD_Software"; | window.location.href="https://igem.org/Team.cgi?year=2013&team_name=UCSD_Software"; | ||
}); | }); | ||
- | + | $("#project").click(function(){ | |
window.location.href="https://2014.igem.org/Team:UCSD_Software/Project"; | window.location.href="https://2014.igem.org/Team:UCSD_Software/Project"; | ||
- | }); | + | }); |
$("#parts").click(function(){ | $("#parts").click(function(){ | ||
window.location.href="https://2014.igem.org/Team:UCSD_Software/Parts"; | window.location.href="https://2014.igem.org/Team:UCSD_Software/Parts"; | ||
Line 448: | Line 345: | ||
}); | }); | ||
$("#achieve").click(function(){ | $("#achieve").click(function(){ | ||
- | window.location.href="https://2014.igem.org/Team:UCSD_Software/ | + | window.location.href="https://2014.igem.org/Team:UCSD_Software/SoftwareAchievements"; |
}); | }); | ||
$("#safety").click(function(){ | $("#safety").click(function(){ | ||
Line 455: | Line 352: | ||
$("#attributions").click(function(){ | $("#attributions").click(function(){ | ||
window.location.href="https://2014.igem.org/Team:UCSD_Software/Attributions"; | window.location.href="https://2014.igem.org/Team:UCSD_Software/Attributions"; | ||
+ | }); | ||
+ | |||
+ | $("#doc").click(function(){ | ||
+ | window.location.href="https://2014.igem.org/Team:UCSD_Software/Documentation"; | ||
}); | }); | ||
Line 460: | Line 361: | ||
</script> | </script> | ||
</body> | </body> | ||
+ | </html> |
Latest revision as of 03:27, 18 October 2014
iGEM Gold Medal requirements
- We did some modeling of circuits predicted by our tool, validation of search results, and complexity analysis work of our project. You can find details under the Validation section and Modeling section of the Project page. Using our tool, we were able to predict several novel circuit topologies recently published by Piro et al
- We re-used and improved an existing database, & developed on it (Linh's paper). We also made use of SBOL visual (decribed in further detail under the "Web Application" section of the Project page). Furthermore, we utilize and extend the web-application architecture used by the Owl Datasheet generator project from iGEM 2013
- We created a Python API for interacting with our database. The API documentation is available on the Documentation page as well as on Github. This way, other developers can use to build on our project or use it in novel ways for their own projects.
- As mentioned earlier, we made use of SBOLv standard.
iGEM Silver Medal requirements
- We've demonstrated the relevance of our project to Synthetic Biology here.
- We have a comprehensive and well-designed Tutorial for using our app.
- We created a Python API for interacting with our database. The API documentation is available on the Documentation page as well as on Github. This way, other developers can use to build on our project or use it in novel ways for their own projects.
- We used QUnit, a JavaScript unit testing framework, for some of our work during the summer. In addition, we utilized a number of realistic test cases (pulled from published literature to validate our tool during development. Look here
iGEM Bronze Medal requirements
- Our team is all registered and ready to go! We're all immensely excited to represent UC San Diego at Boston.
- We've created a project description for our application here.
- Find us ready with a Poster to talk about SBiDer at the Regional Jamboree and World Championship Jamboree, 2014.
- Our code is well-documented and available via The iGEM Software Registry on GitHub.