Team:UCSD Software/Teaml

From 2014.igem.org

(Difference between revisions)
Line 12: Line 12:
         <link rel="stylesheet" href="masterCSS.css">
         <link rel="stylesheet" href="masterCSS.css">
         <script src="masterJS.js"></script>
         <script src="masterJS.js"></script>
 +
 +
    <Style>
 +
 +
body{
 +
    background-color: #0174DF;
 +
   
 +
}
 +
#nav{
 +
    background-color: rgba(0,0,0,0.5);
 +
    color: white;
 +
    //border: 1px solid white;
 +
    padding: 1px;
 +
  box-sizing: border-box;   
 +
}
 +
 +
#nav .btn{
 +
    //border-right: 2px solid grey;
 +
   
 +
   
 +
}
 +
p{
 +
color: black;
 +
}
 +
 +
#nav .btn:hover{
 +
    color: white;
 +
  background-color: rgba(204,204,204,0.5);
 +
 
 +
}
 +
 +
#nav .btn:active{
 +
    color: white;
 +
  background-color: rgba(204,204,204,0.5);
 +
}
 +
 +
 +
#thumbnail-preview-indicators {
 +
  position: relative;
 +
  overflow: hidden;
 +
}
 +
#thumbnail-preview-indicators .slides .slide-1,
 +
#thumbnail-preview-indicators .slides .slide-2,
 +
#thumbnail-preview-indicators .slides .slide-3 {
 +
  background-size: cover;
 +
  background-position: center center;
 +
  background-repeat: no-repeat;
 +
}
 +
    #thumbnail-preview-indicators,
 +
    #thumbnail-preview-indicators .slides,
 +
    #thumbnail-preview-indicators .slides .slide-1,
 +
    #thumbnail-preview-indicators .slides .slide-2,
 +
    #thumbnail-preview-indicators .slides .slide-3 {
 +
      height: 480px;
 +
    }
 +
#thumbnail-preview-indicators .slides .slide-1 {
 +
  background-image: url(https://s3.amazonaws.com/ooomf-com-files/wdXqHcTwSTmLuKOGz92L_Landscape.jpg);
 +
}
 +
#thumbnail-preview-indicators .slides .slide-2 {
 +
  background-image: url(https://s3.amazonaws.com/ooomf-com-files/tU3ptNgGSP6U2fE67Gvy_SYDNEY-162.jpg);
 +
}
 +
#thumbnail-preview-indicators .slides .slide-3 {
 +
  background-image: url(https://s3.amazonaws.com/ooomf-com-files/mtNrf7oxS4uSxTzMBWfQ_DSC_0043.jpg);
 +
}
 +
#thumbnail-preview-indicators .carousel-inner .item .carousel-caption {
 +
  top: 20%;
 +
  bottom: inherit;
 +
}
 +
#thumbnail-preview-indicators .carousel-indicators li,
 +
#thumbnail-preview-indicators .carousel-indicators li.active {
 +
  position: relative;
 +
  width: 100px;
 +
  height: 8px; 
 +
}
 +
#thumbnail-preview-indicators .carousel-indicators li > .thumbnail {
 +
  position: absolute;
 +
  top: 0;
 +
  width: 100px;
 +
  display: none;
 +
  opacity: 0;
 +
  left: 50%;
 +
  margin-top: -80px;
 +
  margin-left: -50px;
 +
}
 +
#thumbnail-preview-indicators .carousel-indicators li:hover > .thumbnail,
 +
#thumbnail-preview-indicators .carousel-indicators li.active > .thumbnail {
 +
  display: block;
 +
  opacity: .8;
 +
}
 +
#thumbnail-preview-indicators .carousel-indicators li.active > .thumbnail:hover{
 +
  opacity: 1;
 +
}
 +
@media screen and (max-width : 480px) {   
 +
    #thumbnail-preview-indicators .carousel-indicators li,
 +
    #thumbnail-preview-indicators .carousel-indicators li.active {
 +
      width: 50px;
 +
      height: 8px;
 +
      position: relative;
 +
    }
 +
    #thumbnail-preview-indicators .carousel-indicators li > .thumbnail {
 +
      width: 50px;
 +
      left: 50%;
 +
      margin-top: -50px;
 +
      margin-left: -25px;
 +
    }
 +
}
 +
 +
/******************************DEFAULT WIKI SETTINGS CSS: CHANGING IT TO REFLECT OUR OWN PAGE********************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
******************************* THIS IS TO MAKE THE DISTINCTION CLEAR *******************************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************
 +
*******************************/
 +
.firstHeading {
 +
width: 975px;
 +
margin: 0px auto;
 +
padding-top: 100px;
 +
margin-bottom: 20px;
 +
font-family: Georgia, Times, "Times New Roman", serif;
 +
}
 +
 +
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
 +
 +
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 +
background-color: #383838;
 +
border: 0 none;
 +
height: 14px;
 +
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
 +
}
 +
 +
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
 +
background-color: #383838;
 +
height: 14px;
 +
display: 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.) --*/
 +
color: #727272;
 +
text-decoration: none;
 +
background-color: transparent;
 +
}
 +
 +
 +
 +
#globalWrapper, #content { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
 +
html, body, .wrapper { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
background-color: transparent;
 +
}
 +
 +
#contentcontainer { /*-- creates container for all content on page --*/
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-weight: normal;
 +
font-size: 14px;
 +
color: #414141;
 +
width: 960px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #transparent;
 +
margin-top: 0px;
 +
}
 +
 +
.sidemenu, .sidemenu li {
 +
list-style-type: none;
 +
list-style-image: none;
 +
font-family: verdana;
 +
text-decoration: none;
 +
color:#000;
 +
font-size: 14px;
 +
}
 +
 +
.sidemenu li {display: block;}
 +
 +
.sidemenu a {
 +
text-decoration:none;
 +
color: #000;
 +
display: block;
 +
width: 180px;
 +
height: 100%;
 +
padding: 3px 5px;
 +
transition: .25s ease-in-out;
 +
-moz-transition: .25s ease-in-out;
 +
-webkit-transition: .25s ease-in-out;
 +
}
 +
 +
.sidemenu a.greyout { color: #909090; }
 +
 +
.sidemenu a:hover {
 +
color:#666;
 +
background-color: #d9f5aa;
 +
}
 +
 +
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
 +
.sub-sidemenu a {color: #666;}
 +
 +
div.underconst
 +
{
 +
padding:10px;
 +
border-radius:5px;
 +
background-color:pink;
 +
text-align:center;
 +
}
 +
 +
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
 +
 +
.contentpara {margin-bottom: 30px;}
 +
 +
span.email{font-family: monospace; font-weight: normal;}
 +
 +
fieldset {border: 1px solid #337f53;}
 +
 +
.greyout {color: #A0A0A0;}
 +
.highlightme {background-color: #FFFF00;}
 +
 +
#alertContainer { margin-bottom: 10px; width: 936px;}
 +
#annContainer {margin-left: 8px;}
 +
#newsContainer {border: 1px solid #ccc;}
 +
 +
.newsTitle {
 +
display: block;
 +
color: #414141;
 +
font-size: 25px; 
 +
        font-family: Georgia, Times, "Times New Roman", serif;
 +
padding: 10px 15px 5px 10px;
 +
border-bottom: 1px solid #ccc;
 +
margin-bottom: 0px;
 +
}
 +
 +
.newsItem {
 +
border-bottom: 1px solid #ccc;
 +
display: block;
 +
padding: 5px 15px 0px 10px;
 +
margin-bottom: 0px;
 +
}
 +
 +
.newsItem h3 {
 +
width: auto;
 +
display: inline;
 +
font-size: 14px;
 +
font-family: Arial, Helvetica, sans-serif;
 +
padding: 0px;
 +
margin: 0px;
 +
}
 +
 +
.newsItem img {
 +
float: right;
 +
clear: right;
 +
width: 80px;
 +
padding-left: 15px;
 +
display: inline-block;
 +
}
 +
 +
.newsItem .newsDate {
 +
font-style: italic;
 +
font-size: 14px;
 +
display: inline-block;
 +
color: #999;
 +
float: right;
 +
padding: 0px 0px 10px 15px;
 +
}
 +
 +
.newsItem p, .newsItem ul, .newsItem li {
 +
padding: 0px;
 +
margin-left: 20px;
 +
font-size: 12px;
 +
line-height: 1.2;
 +
}
 +
 +
.newsItem p {margin-top: 10px;}
 +
 +
.annItem {
 +
border: 2px solid #414141;
 +
display: block;
 +
padding: 0px 15px 10px 10px;
 +
margin-bottom: 18px;
 +
position: relative;
 +
height: 160px;
 +
vertical-align: middle;
 +
}
 +
 +
.annItem .annCentered {
 +
display: table-cell;
 +
vertical-align: middle;
 +
height: 160px;
 +
}
 +
 +
.annCentered h3 {
 +
padding: 0px;
 +
display: block;
 +
margin-left: auto;
 +
margin-right: auto;
 +
text-align: center;
 +
}
 +
 +
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
 +
.annItem li {list-style: none; margin: 5px}
 +
</style>
 +
 +
 +
   
     </head>
     </head>
     <body>
     <body>

Revision as of 10:06, 13 October 2014

About

Genetic circuits are often difficult to engineer, requiring months to design, build, and test each individual genetic device involved in the circuit. SBiDer, a web tool developed by the UCSD Software iGEM team, will leverage existing devices to construct a database with consideration for the function of each device interpreted as boolean logic. The data can be queried by the user through SBiDer's visual interface to explore circuit designs. The displayed circuit's literature reference, characterization data, and images of included devices can be viewed through the built-in table. Basic validation of the circuit performance is also provided within in the interface. SBiDer's web of information can be expanded through user-generated additions to the database to improve the efficiency of the application and the accuracy of the models.

The Team

Huwate Yeerna

Joaquin Reyna

Valeriy Sosnovskiy

  • Biochemistry, Computer Science, 2015
  • LinkedIn

Lauren Crudup

Gary Le

  • Human Biology, Business, 2017
  • LinkedIn

Kartikeya Puri

Luyao Zhou

Fernando Contreras

Advisors

Jenhan Tao

  • Bioinformatics PhD, 2018
    Bioengineering, UC Berkeley, 2012
  • LinkedIn

Jenhan is a PhD student in the Bioinformatics and Systems Biology program at UCSD. He's interested in utilizing computational technqiues to increase our capacity to understand complex biological problems such as cell signalling. This is Jenhan's second year working as an iGEM mentor. Previously Jenhan was involved in synthetic biology research as an iGEM team member at Boston University and as a research assistant at UC Berkeley, the BioFAB, and Boston University.

Justin Huang

  • Bioinformatics PhD, 2018
    Biology,Mathematics University of North Carolina-Chapel Hill, 2013
  • LinkedIn

Justin Huang is a second year Bioinformatics PhD student at UC San Diego. Originally hailing from the great state of North Carolina, Justin completed his undergraduate studies with a BS in Biology and a BA in Mathematics from the University of North Carolina at Chapel Hill in 2013. Justin's research interests are in translational medicine, specifically in the role of translational medicine in cancer. Justin is also an avid sports fan, and an advocate for Asian American issues. You can follow him @huangger on Twitter.

Benjamin Kellman

  • Bioinformatics PhD, 2018
    Biology, University of Rochester, 2012
  • LinkedIn

My name is Benjamin Kellman. I am a PhD student at the University of California at San Diego studying Bioinformatics and Systems Biology. My work uses existing formalisms in mathematics and computer science to consolidate the spurious information of experimental biology to a more codified rule set; many such reductions have already been made. I hope to apply fundamental biological axioms formalism to increase the power of my biological predictions.

Andreas Dräger

  • Bioinformatics PhD, 2018
    Bioengineering, UC Berkeley, 2012
  • LinkedIn

Jenhan is a PhD student in the Bioinformatics and Systems Biology program at UCSD. He's interested in utilizing computational technqiues to increase our capacity to understand complex biological problems such as cell signalling. This is Jenhan's second year working as an iGEM mentor. Previously Jenhan was involved in synthetic biology research as an iGEM team member at Boston University and as a research assistant at UC Berkeley, the BioFAB, and Boston University.

Retrieved from "http://2014.igem.org/Team:UCSD_Software/Teaml"