Team:UCSD Software/SoftwareAchievements
From 2014.igem.org
(Difference between revisions)
(48 intermediate revisions not shown) | |||
Line 13: | Line 13: | ||
<Style> | <Style> | ||
+ | |||
+ | #topUp { | ||
+ | margin-top: -20px; | ||
+ | } | ||
body{ | body{ | ||
Line 134: | Line 138: | ||
*******************************/ | *******************************/ | ||
.firstHeading { | .firstHeading { | ||
- | width: | + | width: 0px; //575px; |
margin: 0px auto; | margin: 0px auto; | ||
padding-top: 100px; | padding-top: 100px; | ||
Line 144: | 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: #003D99;//#383838; | ||
+ | border: 0 none; | ||
+ | height: 1px; // 46 px | ||
+ | z-index: 100; | ||
+ | top: 0; | ||
+ | color: #fff; | ||
+ | //display: none; | ||
+ | position: static; | ||
+ | width: 100%;//1000px;//2975px; | ||
+ | left: 50%; | ||
+ | margin-left: -480px;//-687px; | ||
+ | } | ||
+ | |||
+ | #top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/ | ||
+ | background-color: #333; | ||
+ | height: 1px; //DEFAULT 14 PX | ||
+ | display: none;//block; | ||
+ | color: #fff; | ||
+ | z-index: 10; | ||
+ | position: fixed; | ||
+ | width: 100%; | ||
+ | top: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /*#top-section { | ||
background-color: #333;//#383838; | background-color: #333;//#383838; | ||
border: 0 none; | border: 0 none; | ||
Line 156: | Line 187: | ||
} | } | ||
- | #top-section-bar { | + | #top-section-bar { |
background-color: #333; | background-color: #333; | ||
height: 1px; //DEFAULT 14 PX | height: 1px; //DEFAULT 14 PX | ||
Line 165: | Line 196: | ||
width: 100%; | width: 100%; | ||
top: 0; | 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 188: | Line 218: | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
- | background-color: transparent; | + | background-color: #003D99;//transparent; |
} | } | ||
Line 196: | 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 203: | Line 233: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</style> | </style> | ||
</head> | </head> | ||
Line 342: | Line 238: | ||
<body> | <body> | ||
- | + | <nav class="navbar nav-justified" role="navigation" id='nav'> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <nav class="navbar | + | |
<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="home">Home</div> | ||
<div class="btn btn-lg " id="team">Team</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="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="safety">Safety</div> | ||
- | <div class="btn btn-lg" id="achieve"> | + | <div class="btn btn-lg" id="attributions">Sponsors</div> |
- | <div class="btn btn-lg" id=" | + | <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> | ||
Line 393: | Line 254: | ||
</nav> | </nav> | ||
- | + | <div style = "background-color: #fff" id = "topUp"> | |
- | + | ||
<!--<div class = "neighborhood-guides"> | <!--<div class = "neighborhood-guides"> | ||
- | + | <div clss = "container">--> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<!-- START GOLD MEDAL--> | <!-- START GOLD MEDAL--> | ||
- | <div class="row marketing"> | + | <div class="row marketing" > |
- | <div class="col-lg- | + | <div class="col-lg-4"> |
- | <img src = "http:// | + | <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="col-lg- | + | <div class="col-lg-8"> |
- | <h1> | + | <h1>iGEM Gold Medal requirements</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> | ||
Line 425: | Line 277: | ||
- | |||
Line 432: | Line 283: | ||
<div class="row marketing"> | <div class="row marketing"> | ||
- | <div class="col-lg- | + | <div class="col-lg-4"> |
- | <img src = "http:// | + | <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> | ||
- | <div class="col-lg- | + | <div class="col-lg-8"> |
- | <h1> | + | <h1>iGEM Silver Medal requirements</h1> |
<ul> | <ul> | ||
- | <li> | + | <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 | + | <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> | + | <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> | </ul> | ||
</div> | </div> | ||
Line 448: | Line 299: | ||
<!-- END SILVER MEDAL--> | <!-- END SILVER MEDAL--> | ||
- | + | ||
<!-- START BRONZE MEDAL--> | <!-- START BRONZE MEDAL--> | ||
<div class="row marketing"> | <div class="row marketing"> | ||
- | <div class="col-lg- | + | <div class="col-lg-4"> |
- | <img src = "http:// | + | <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> | ||
- | <div class="col-lg- | + | <div class="col-lg-8"> |
- | <h1> | + | <h1>iGEM Bronze Medal requirements</h1> |
- | < | + | <ul> |
- | + | <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've created a project description for our application <a href = "https://2014.igem.org/Team:UCSD_Software/Project">here</a>.</li> |
- | < | + | <li>Find us ready with a Poster to talk about SBiDer at the Regional Jamboree and World Championship Jamboree, 2014.</li> |
- | We | + | <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> |
- | + | ||
- | < | + | |
- | < | + | |
- | </ | + | |
</div> | </div> | ||
</div> | </div> | ||
<!-- END BRONZE MEDAL--> | <!-- END BRONZE MEDAL--> | ||
- | + | </div> | |
- | + | ||
- | + | ||
- | </div | + | |
<script> | <script> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
Line 488: | 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 501: | 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 508: | 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 513: | 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.