Difference between revisions of "Team:SVCE Chennai/Brainstorm"

 
(11 intermediate revisions by the same user not shown)
Line 12: Line 12:
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  
<nav class="navBarIGEM navbar navbar-default navbar-fixed-top hide">
+
<nav class="navBarIGEM navbar navbar-default navbar-fixed-top">
  
 
   <div class="navbar-header">
 
   <div class="navbar-header">
Line 21: Line 21:
 
<span class="icon-bar"></span>
 
<span class="icon-bar"></span>
 
</button>
 
</button>
<a class="navbar-brand" href="#" style="padding-top:0px;"><img src="https://static.igem.org/mediawiki/2015/2/25/MainLogo_Title.png" class="teamLogo"></a>
+
<a class="navbar-brand" href="https://2015.igem.org/Team:SVCE_Chennai" style="padding-top:0px;"><img src="https://static.igem.org/mediawiki/2015/2/25/MainLogo_Title.png" class="teamLogo" style="    padding-left: 15px;"></a>
 
</div>
 
</div>
 
 
Line 27: Line 27:
 
<div class="collapse navbar-collapse js-navbar-collapse">
 
<div class="collapse navbar-collapse js-navbar-collapse">
 
<ul id="sdt_menu" class="sdt_menu">
 
<ul id="sdt_menu" class="sdt_menu">
 +
            <li>
 +
<a href="https://2015.igem.org/Team:SVCE_Chennai/Results">
 +
<img src="https://static.igem.org/mediawiki/2015/b/b9/MenuImgs_results.jpg" alt=""/>
 +
<span class="sdt_active"></span>
 +
<span class="sdt_wrap">
 +
<span class="sdt_link">Results</span>
 +
<span class="sdt_descr">Data and Chart</span>
 +
</span>
 +
</a>
 +
                           
 +
</li>
 
<li>
 
<li>
 
<a href="https://2015.igem.org/Team:SVCE_Chennai/Gallery">
 
<a href="https://2015.igem.org/Team:SVCE_Chennai/Gallery">
Line 49: Line 60:
 
                  
 
                  
 
                     <div class="sdt_box">
 
                     <div class="sdt_box">
<a href="#">Human Practices</a>
+
<a href="https://2015.igem.org/Team:SVCE_Chennai/Practices">Human Practices</a>
<a href="#">Collaboration</a>
+
<a href="https://2015.igem.org/Team:SVCE_Chennai/Collaboration">Collaboration</a>
 +
                        <a href="https://2015.igem.org/Team:SVCE_Chennai/Entrepreneurship">Entrepreneurship</a>
 
</div>
 
</div>
 
</li>
 
</li>
Line 88: Line 100:
 
      
 
      
 
                     <div class="sdt_box">
 
                     <div class="sdt_box">
<a href="#">Members</a>
+
<a href="https://2015.igem.org/Team:SVCE_Chennai/Team">Members</a>
<a href="#">Brainstorm</a>
+
<a href="https://2015.igem.org/Team:SVCE_Chennai/Brainstorm">Brainstorm</a>
<a href="#">Attributions</a>
+
<a href="https://2015.igem.org/Team:SVCE_Chennai/Attributions">Attributions</a>
 
                        
 
                        
 
</div>
 
</div>
Line 111: Line 123:
 
</nav>
 
</nav>
  
<style>
+
    <div class="container">
    * {
+
        <h2 class="titleStyle">Brainstorm</h2>
  -webkit-box-sizing: border-box;
+
<div class="row stickyNotification">
  -moz-box-sizing: border-box;
+
    <aside class="note-wrap note-yellow">
  box-sizing: border-box;
+
        <h3>April</h3>
}
+
      <ul>
 +
          <li>Invitro Phage</li>
  
::-moz-selection {
+
<li>Nail Cleaning Bacteria</li>
  background: #C6FF91;
+
  text-shadow: none;
+
}
+
  
::selection {
+
<li>Doubling Time increase -Bac</li>
  background: #C6FF91;
+
  text-shadow: none;
+
}
+
  
.clearfix:before,
+
<li>Odour Absorbing bacteria
.clearfix:after {
+
</li>
  content: " ";
+
<li>Odour producing Bacteria</li>
  display: table;
+
}
+
  
.clearfix:after {
+
<li>Corrosion resistance Baceria</li>
  clear: both;
+
<li>Bac Dance</li>
}
+
  
.clearfix {
+
<li>Oil producing Bacteria</li>
  *zoom: 1;
+
}
+
  
body {
+
<li> Wool producing Bacteria</li>
  background: url(http://i.imgur.com/2BdQt0g.jpg);
+
  margin: 0;
+
  padding: 0;
+
}
+
  
.wrapper {
+
<li>Electronic Waste degradation</li>
  margin: 60px auto 0 auto;
+
}
+
  
/* Note styles */
+
<li>Dna sequencing using plasmid</li>
.note-wrap {
+
  width: 235px;
+
  min-height: 235px;
+
  padding: 35px;
+
  margin: 0 22px 44px 22px;
+
  position: relative;
+
  font-size: 24px;
+
  vertical-align: top;
+
  display: inline-block;
+
  font-family: Englebert, Arial;
+
  color: #4b453c;
+
  background: #F7E999;
+
  line-height: 34px;
+
  text-align: center;
+
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
+
}
+
.note-wrap:before {
+
  display: block;
+
  content: "";
+
  background: rgba(227, 200, 114, 0.4);
+
  width: 130px;
+
  height: 28px;
+
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+
  border-radius: 6px/18px 0;
+
  position: absolute;
+
  top: -13px;
+
  left: 50px;
+
  -webkit-transform: rotate(-2deg);
+
  -moz-transform: rotate(-2deg);
+
  -o-transform: rotate(-2deg);
+
  -ms-transform: rotate(-2deg);
+
  transform: rotate(-2deg);
+
}
+
.note-wrap a {
+
  color: #6b824f;
+
  text-decoration: none;
+
  font-size: 20px;
+
  -webkit-transition: all 0.4s ease;
+
  -moz-transition: all 0.4s ease;
+
  -o-transition: all 0.4s ease;
+
  -ms-transition: all 0.4s ease;
+
  transition: all 0.4s ease;
+
}
+
.note-wrap a:hover {
+
  color: #D83A25;
+
}
+
  
.note-yellow {
+
<li>Gold purity analysis Bac</li>
  background: #F7E999;
+
  -webkit-transform: rotate(2deg);
+
  -moz-transform: rotate(2deg);
+
  -o-transform: rotate(2deg);
+
  -ms-transform: rotate(2deg);
+
  transform: rotate(2deg);
+
}
+
  
.note-blue {
+
<li>Gold accumulating bacteria</li>
  background: #b9dcf4;
+
  -webkit-transform: rotate(-2deg);
+
  -moz-transform: rotate(-2deg);
+
  -o-transform: rotate(-2deg);
+
  -ms-transform: rotate(-2deg);
+
  transform: rotate(-2deg);
+
}
+
  
.note-pink {
+
<li> Idly Batter</li>
  background: #FFBDA3;
+
  -webkit-transform: rotate(1deg);
+
  -moz-transform: rotate(1deg);
+
  -o-transform: rotate(1deg);
+
  -ms-transform: rotate(1deg);
+
  transform: rotate(1deg);
+
}
+
  
.note-green {
+
<li>Dna degrading Bacteria</li>
  background: #CAF4B9;
+
        </ul>
  -webkit-transform: rotate(-1deg);
+
  -moz-transform: rotate(-1deg);
+
  -o-transform: rotate(-1deg);
+
  -ms-transform: rotate(-1deg);
+
  transform: rotate(-1deg);
+
}
+
 
+
    </style>
+
    <div class="container">
+
<div class="row wrapper clearfix stickyNotification">
+
    <aside class="note-wrap note-yellow">
+
      <p>Driving along on the plastic dream, Heart beats fast like a tiny machine</p>
+
      <a href="http://youtu.be/vFYaFT0q6Uw">The Mighty Boosh</a>
+
 
     </aside>
 
     </aside>
 
     <aside class="note-wrap note-blue">
 
     <aside class="note-wrap note-blue">
      <p>So we back in the mine, got our pick axe swinging from side to side</p>
+
        <h3>May</h3>
      <a href="http://youtu.be/cPJUBQd-PNM">CaptainSparklez</a>
+
        <ul>
 +
            <li> Colourful Silk producing bac</li><li>
 +
 
 +
Vanilla essence producing Bac</li><li>
 +
 
 +
Gingerol production Bac</li><li>
 +
 
 +
Converting Saturated to unsaturated fatty acids</li><li>
 +
 
 +
Demineralisation of water</li><li>
 +
 
 +
Laughing gas producing bacteria</li><li>
 +
 
 +
Earthquake detecting bac
 +
</li><li>
 +
Eco dye</li><li>
 +
 
 +
Mosquito repellent Bac</li><li>
 +
 
 +
Heat cooling Bac</li><li>
 +
 
 +
Snake venom producing bacteria</li><li>
 +
 
 +
            Protien sequencing</li><li>
 +
spider silk</li><li>
 +
 
 +
Bacterial mirror</li><li>
 +
 
 +
Bacterial muscle cells </li><li>
 +
 
 +
Copy bac </li><li>
 +
 
 +
Bac perfume
 +
</li><li>
 +
Biofilm remover</li><li>
 +
 
 +
Bac shave
 +
</li><li>
 +
Bachesive</li>
 +
        </ul>
 
     </aside>
 
     </aside>
 
     <aside class="note-wrap note-pink">
 
     <aside class="note-wrap note-pink">
      <p>Ice skating and shit in NORWAY</p>
+
        <h3>June</h3>
      <a href="http://youtu.be/EF1V8HFfpTE">apetor</a>
+
        <ul>
    </aside>
+
            <li>Self regenerating fire extinguisher</li><li>
    <aside class="note-wrap note-green">
+
 
      <p>One pill makes you larger, And one pill makes you small</p>
+
Device to detect Rickettsia</li><li>
      <a href="http://youtu.be/i2LhAeFutxk">Jefferson Airplane</a>
+
 
 +
Colour changing T-shirts</li><li>
 +
 
 +
Cement degrading bacteria
 +
</li><li>
 +
BIo-tracker</li><li>
 +
 
 +
Caffeine degrading bacteria</li><li>
 +
 
 +
Bacteria- post translationmosifications
 +
</li><li>
 +
Bacterial endocytosis</li><li>
 +
 
 +
Carbon monoxide trap</li><li>
 +
 
 +
Ant repellent
 +
</li><li>
 +
Color-specific degrading bacteria</li><li>
 +
 
 +
Light producing bac through current</li><li>
 +
 
 +
lysed cell back to life</li><li>
 +
 
 +
permenant salt degradation</li><li>
 +
 
 +
conversion of Do to AO for deep sea divers
 +
</li><li>
 +
Hertz trapper
 +
</li><li>
 +
Match maker
 +
</li><li>
 +
Bac Magical Cloak</li><li>
 +
 
 +
Bac stone
 +
</li><li>
 +
Bac polymer
 +
</li><li>
 +
Bacteria fixing cracks</li><li>
 +
 
 +
Bac feed</li><li>
 +
 
 +
Bac math</li><li>
 +
 
 +
Sweat removal</li><li>
 +
 
 +
Biomolecule isolation kit</li><li>
 +
 
 +
                <b>Minicins</b></li>
 +
            </ul>
 
     </aside>
 
     </aside>
 +
 
 
   </div>
 
   </div>
 
     </div>
 
     </div>
Line 261: Line 265:
 
      
 
      
  
     <footer class="footer hide" style="position:fixed">
+
     <footer class="footer " style="position:fixed">
 
       <div class="container">
 
       <div class="container">
 
       <div class="row">
 
       <div class="row">
Line 269: Line 273:
 
           </span>
 
           </span>
 
         </div>
 
         </div>
          <div class="col-md-4 sponsorsTitle" style="transform:none; border: none; text-align: center;" >
+
         
  <a href="sponsorsDefault" class="navigate"> <p>Sponsors</p>
+
    <p style="margin-top: -8px;"><i class="fa fa-chevron-down"></i>
+
      </p></a>
+
</div>
+
 
         <div class="col-md-4" style="float:right;  border-left: 1px solid #60C3EB; transform:skew(">
 
         <div class="col-md-4" style="float:right;  border-left: 1px solid #60C3EB; transform:skew(">
  

Latest revision as of 01:32, 19 September 2015

Brainstorm

Lets talk!

Sri Venkateswara College of Engineering, Chennai