Difference between revisions of "Team:IISc Bangalore/Parts"

(Prototype team page)
 
Line 1: Line 1:
−
{{IISc_Bangalore}}
+
{{Template:IISc_Bangalore/hide}}
−
<html>
+
{{Template:IISc_Bangalore/bootstrap.css}}
 +
{{Template:IISc_Bangalore/fontawesome.css}}
 +
{{Template:IISc_Bangalore/style.css}}
 +
{{Template:IISc_Bangalore/sidebar.css}}
 +
{{Template:IISc_Bangalore/parts.css}}
 +
{{Template:IISc_Bangalore/animate.css}}
 +
{{Template:IISc_Bangalore/hover.css}}
 +
{{Template:IISc_Bangalore/sidebar.js}}
 +
{{Template:IISc_Bangalore/anijs.js}}
  
  
 +
<html>
 +
<head>
 +
<title>Team IISc iGem</title>
 +
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
 +
<script src="https://use.fontawesome.com/fce310c82d.js"></script>
  
 +
<script src="js/jquery-1.11.0.min.js"></script>
 +
<script type="text/javascript" src="js/bootstrap.js"></script>
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  
 +
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
 +
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
  
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }>
 +
</script>
 +
<meta name="keywords" content="Team IISc igem" />
 +
<!--Google Fonts-->
 +
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
 +
<link href='//fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
 +
<link href="https://fonts.googleapis.com/css?family=Bitter" rel="stylesheet">
 +
<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
 +
<!--JS for animate-->
 +
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
  
−
<div class="column full_size">
 
  
 +
<!-- here are mine -->
 +
<link rel="stylesheet" href="sidebar.css">
 +
<link rel="stylesheet" href="parts.css">
 +
<link rel="stylesheet" href="hover.css" >
 +
<script src="sidebar.js"></script>
 +
</head>
 +
<body>
 +
<!--banner start here-->
 +
<!-- <div class="banner">
 +
  <div class="container"> -->
 +
<nav class="navbar navbar-fixed-top text-center navbar-inverse">
 +
        <div class="container-fluid">
 +
        <div class="navbar-header">
 +
  </div>
 +
        <div class="collapse navbar-collapse" id="myNavbar">
 +
        <ul class="nav navbar-nav">
 +
          <li class=" hvr-underline-from-left"><a href="#">Home</a></li>
 +
          <li class="hvr-underline-from-left"><a href="#">Team</a></li>
 +
<li class="hvr-underline-from-left"><a href="#">Project</a></li>
 +
<li class="active hvr-underline-from-left"><a href="#">Parts</a></li>
 +
        <li class="hvr-underline-from-left"><a href="#">Safety</a></li>
 +
        <li class="hvr-underline-from-left"><a href="#">Attributions</a></li>
 +
        <li class="hvr-underline-from-left"><a href="#">Practices</a></li>
 +
        <li class="hvr-underline-from-left"><a href="#">Awards</a></li>
 +
        </ul>
  
−
<p>Each team will make new parts during iGEM and will submit them to the Registry of Standard Biological Parts. The iGEM software provides an easy way to present the parts your team has created. The <code>&lt;groupparts&gt;</code> tag (see below) will generate a table with all of the parts that your team adds to your team sandbox.</p>
+
      </div>
−
<p>Remember that the goal of proper part documentation is to describe and define a part, so that it can be used without needing to refer to the primary literature. Registry users in future years should be able to read your documentation and be able to use the part successfully. Also, you should provide proper references to acknowledge previous authors and to provide for users who wish to know more.</p>
+
  
 +
      </div>
 +
      </nav>
  
−
</div>
+
<div class="banner-main">
  
 +
  <section class="slider">
 +
          <div class="flexslider">
 +
<span class="attri hvr-bounce-to-right ">Parts</span>
  
 +
        </div>
 +
      </section>
  
 +
</div>
  
−
 
+
<!--FlexSlider-->
−
<div class="column half_size">
+
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
−
<div class="highlight">
+
<script defer src="js/jquery.flexslider.js"></script>
−
<h5>Note</h5>
+
<script type="text/javascript">
−
<p>Note that parts must be documented on the <a href="http://parts.igem.org/Main_Page"> Registry</a>. This page serves to <i>showcase</i> the parts you have made. Future teams and other users and are much more likely to find parts by looking in the Registry than by looking at your team wiki.</p>
+
    $(function(){
 +
      SyntaxHighlighter.all();
 +
    });
 +
    $(window).load(function(){
 +
      $('.flexslider').flexslider({
 +
        animation: "slide",
 +
        start: function(slider){
 +
          $('body').removeClass('loading');
 +
        }
 +
      });
 +
    });
 +
  </script>
 
</div>
 
</div>
 
</div>
 
</div>
 +
<!--banner end here-->
 +
<!--welcome-->
 +
<div id="welcome" class="welcome w3l">
 +
<div class="container">
  
 +
<div class="welcome-grids">
 +
<!-- <div class="row">
 +
<div class="col-md-12 welcome-grid wow slideInDown animated" data-wow-delay=".5s" onclick="openPerson1()" id="overv">
 +
<div class="wel1 hvr-hang">
 +
<span class="glyphicon glyphicon-chevron-down" aria-hidden="true" ></span>
 +
<h4>Overview</h4>
 +
<p>With the advent of rDNA technology...</p>
 +
</div>
 +
</div>
 +
</div> -->
 +
<div class="row">
 +
<div class="col-md-4 welcome-grid animated wow slideInLeft animated animated" data-wow-duration="1200ms" data-wow-delay="500ms" onclick="openPerson2()">
 +
<div class="wel2 hvr-hang">
 +
<span class="glyphicon glyphicon-chevron-down" aria-hidden="true" ></span>
 +
<h4>Basic</h4>
 +
<p>Basic ... </p>
 +
</div>
 +
</div>
  
 +
<div class="col-md-4 welcome-grid wow slideInUp animated" data-wow-delay=".5s" onclick="openPerson3()">
  
 +
<div class="wel3 hvr-hang">
 +
<span class="glyphicon glyphicon-chevron-down" aria-hidden="true" ></span>
 +
<h4>Composite</h4>
 +
<p>Composite ... </p>
 +
</div>
 +
</div>
 +
<div class="col-md-4 welcome-grid wow slideInRight animated" data-wow-delay=".5s" onclick="openPerson4()">
  
−
<div class="column half_size">
+
<div class="wel4 hvr-hang">
 +
<span class="glyphicon glyphicon-chevron-down" aria-hidden="true" ></span>
 +
<h4>Parts collection</h4>
 +
<p>Parts collection...</p>
 +
</div>
 +
</div>
 +
<div class="clearfix"></div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!--welcome-->
  
−
<h5>Adding parts to the registry</h5>
+
<!--content-middle-->
−
<p>You can add parts to the Registry at our <a href="http://parts.igem.org/Add_a_Part_to_the_Registry">Add a Part to the Registry</a> link.</p>
+
<div class="content-middle wthree">
−
<p>We encourage teams to start completing documentation for their parts on the Registry as soon as you have it available. The sooner you put up your parts, the better you will remember all the details about your parts. Remember, you don't need to send us the DNA sample before you create an entry for a part on the Registry. (However, you <b>do</b> need to send us the DNA sample before the Jamboree. If you don't send us a DNA sample of a part, that part will not be eligible for awards and medal criteria.)</p>
+
<div class="container" id="refer">
−
</div>
+
<div class="mid-content wow fadeInRight animated" data-wow-delay=".5s">
 +
<h3>End note</h3>
 +
</div>
 +
<div class="row">
 +
<div class="refer col-md-6">
 +
End note
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!--content-middle-->
 +
<!--events
  
 +
events-->
  
 +
<div id="person1Tab" class="person1Tab">
  
 +
  <div class="row">
 +
    <div class="trans col-md-12">
  
 +
    </div>
 +
  </div>
 +
  <div class="row">
 +
    <div class="col-md-6 person1Tabcontent">
 +
      <a href="javascript:void(0)" class="closebtn" onclick="closeTab()">&times;</a>
 +
      <h1>Overview</h1>
 +
      <p class="whitef">With the advent of rDNA technology in the late 1970s, medicine, agriculture and several other areas underwent a quantum leap and from that point, progress only hastened, from one only one recombinant pharmaceutical  approved for human use (insulin) in 1982 to one hundred and fifty-one FDA approved protein based recombinant pharmaceuticals by 2009<a href="#refer">[1]</a>.
 +
Despite being in high demand (due to the fact that most recombinant products produced on an industrial scale are therapies for chronic diseases like cancer and diabetes), recombinant products are expensive due to several factors like long and expensive development time, high failure rate (~80%) of the products developed, manufacturing costs requiring expensive technologies and processes (bioreactors, column chromatography, sterile conditions, etc) and the involvement of skilled labor on both the manufacturing and the healthcare provider’s side<a href="#refer">[2]</a>. Treatments with these pharmaceuticals can cost from around 10,000 to 100,000 € per year for a single patient[2]. As scientists and engineers, it seems obvious that our contribution can be most easily and effectively be made at the level of manufacturing costs; to try to bring down the cost of these life-saving products.
 +
      <br><span class="readm hvr-ripple-out">Read more</span>
 +
</p>
 +
    </div>
 +
      </div>
 +
    </div>
  
−
<div class="column half_size">
+
<div id="person2Tab" class="person2Tab">
  
−
<h5>What information do I need to start putting my parts on the Registry?</h5>
+
  <div class="row">
−
<p>The information needed to initially create a part on the Registry is:</p>
+
    <div class="trans col-md-12">
−
<ul>
+
−
<li>Part Name</li>
+
−
<li>Part type</li>
+
−
<li>Creator</li>
+
−
<li>Sequence</li>
+
−
<li>Short Description (60 characters on what the DNA does)</li>
+
−
<li>Long Description (Longer description of what the DNA does)</li>
+
−
<li>Design considerations</li>
+
−
</ul>
+
  
−
<p>
+
    </div>
−
We encourage you to put up <em>much more</em> information as you gather it over the summer. If you have images, plots, characterization data and other information, please also put it up on the part page. </p>
+
  </div>
 +
  <div class="row">
 +
    <div class="col-md-6 person2Tabcontent">
 +
      <a href="javascript:void(0)" class="closebtn" onclick="closeTab()">&times;</a>
 +
      <h1>Basic</h1>
 +
      <p class="whitef">basic
 +
      <br><span class="readm hvr-ripple-out">Read more</span>
 +
</p>
 +
    </div>
 +
      </div>
 +
    </div>
  
−
</div>
+
<div id="person3Tab" class="person3Tab">
  
 +
  <div class="row">
 +
    <div class="trans col-md-12">
  
−
<div class="column half_size">
+
    </div>
 +
  </div>
 +
  <div class="row">
 +
    <div class="col-md-6 person3Tabcontent">
 +
      <a href="javascript:void(0)" class="closebtn" onclick="closeTab()">&times;</a>
 +
      <h1>Composite</h1>
 +
      <p class="whitef">Composite
 +
      <br><span class="readm hvr-ripple-out">Read more</span>
 +
</p>
 +
    </div>
 +
      </div>
 +
    </div>
  
−
<h5>Inspiration</h5>
 
−
<p>We have a created  a <a href="http://parts.igem.org/Well_Documented_Parts">collection of well documented parts</a> that can help you get started.</p>
 
  
−
<p> You can also take a look at how other teams have documented their parts in their wiki:</p>
+
<div id="person4Tab" class="person4Tab">
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:MIT/Parts"> 2014 MIT </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Heidelberg/Parts"> 2014 Heidelberg</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Tokyo_Tech/Parts">2014 Tokyo Tech</a></li>
+
−
</ul>
+
−
</div>
+
  
−
<div class="column full_size">
+
  <div class="row">
−
<h5>Part Table </h5>
+
    <div class="trans col-md-12">
−
<div class="highlight">
+
  
 +
    </div>
 +
  </div>
 +
  <div class="row">
 +
    <div class="col-md-6 person4Tabcontent">
 +
      <a href="javascript:void(0)" class="closebtn" onclick="closeTab()">&times;</a>
 +
      <h1>Collection</h1>
 +
      <p class="whitef">Collection
 +
      <br><span class="readm hvr-ripple-out">Read more</span>
 +
</p>
 +
 +
    </div>
 +
      </div>
 +
    </div>
  
−
</html>
 
−
<groupparts>iGEM2016 Example</groupparts>
 
−
<html>
 
−
</div>
 
−
</div>
 
  
  
 +
<!--footer-->
 +
<div class="footer">
 +
<div class="container">
 +
<div class="footer-grids">
 +
<div class="col-md-4 footer-grid wow fadeInUp animated" data-wow-delay=".5s">
 +
<h3>About Cellfiefuge</h3>
 +
<p>From IISc.</p>
 +
</div>
 +
<div class="col-md-4 footer-grid animated wow fadeInDown animated animated" data-wow-duration="1200ms" data-wow-delay="500ms">
 +
<h3>Sponsors</h3>
 +
<ul>
 +
<li>[[File:snapgene.jpg|200px]]</li>
 +
<li><img src=""></li>
 +
<li><img src=""></li>
 +
</ul>
 +
</div>
 +
<div class="col-md-4 footer-grid animated wow fadeInUp animated animated" data-wow-duration="1200ms" data-wow-delay="500ms">
 +
<h3>Social</h3>
 +
<ul class="social-icons1">
 +
<li><a href="https://www.facebook.com/iiscbangaloreigem/?fref=ts" target="_blank"><i class="fa fa-facebook hvr-buzz"></i></a></li>
 +
<li><a href="https://twitter.com/IISc_iGEM" target="_blank"><i class="fa fa-twitter hvr-buzz"></i></a></li>
 +
</ul>
 +
</div>
  
 +
<div class="clearfix"> </div>
 +
</div>
  
 +
</div>
 +
</div>
 +
<!--footer-->
 +
</body>
 
</html>
 
</html>

Revision as of 13:14, 8 October 2016


Team IISc iGem

Basic

Basic ...

Composite

Composite ...

Parts collection

Parts collection...

End note

End note
×

Overview

With the advent of rDNA technology in the late 1970s, medicine, agriculture and several other areas underwent a quantum leap and from that point, progress only hastened, from one only one recombinant pharmaceutical approved for human use (insulin) in 1982 to one hundred and fifty-one FDA approved protein based recombinant pharmaceuticals by 2009[1]. Despite being in high demand (due to the fact that most recombinant products produced on an industrial scale are therapies for chronic diseases like cancer and diabetes), recombinant products are expensive due to several factors like long and expensive development time, high failure rate (~80%) of the products developed, manufacturing costs requiring expensive technologies and processes (bioreactors, column chromatography, sterile conditions, etc) and the involvement of skilled labor on both the manufacturing and the healthcare provider’s side[2]. Treatments with these pharmaceuticals can cost from around 10,000 to 100,000 € per year for a single patient[2]. As scientists and engineers, it seems obvious that our contribution can be most easily and effectively be made at the level of manufacturing costs; to try to bring down the cost of these life-saving products.
Read more

×

Basic

basic
Read more

×

Composite

Composite
Read more

×

Collection

Collection
Read more

About Cellfiefuge

From IISc.

Sponsors

  • [[File:snapgene.jpg|200px]]

Social