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

(Created page with "<div class="wrapper clearfix"> <aside class="note-wrap note-yellow"> <p>Driving along on the plastic dream, Heart beats fast like a tiny machine</p> <a href="h...")
 
 
(17 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<div class="wrapper clearfix">
+
<html>
 +
 
 +
<meta name="apple-mobile-web-app-capable" content="yes">
 +
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 +
 
 +
<link rel="stylesheet" type="text/css" href="https://bootswatch.com/flatly/bootstrap.css"/>
 +
 
 +
 
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:SVCE_Chennai/CSS?action=raw&ctype=text/css" />
 +
 
 +
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 +
<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">
 +
 
 +
  <div class="navbar-header">
 +
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".js-navbar-collapse">
 +
<span class="sr-only">Toggle navigation</span>
 +
<span class="icon-bar"></span>
 +
<span class="icon-bar"></span>
 +
<span class="icon-bar"></span>
 +
</button>
 +
<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 class="collapse navbar-collapse js-navbar-collapse">
 +
<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>
 +
<a href="https://2015.igem.org/Team:SVCE_Chennai/Gallery">
 +
<img src="https://static.igem.org/mediawiki/2015/c/c2/MenuImgs_mor.jpg" alt=""/>
 +
<span class="sdt_active"></span>
 +
<span class="sdt_wrap">
 +
<span class="sdt_link">Gallery</span>
 +
<span class="sdt_descr">Click o Click</span>
 +
</span>
 +
</a>
 +
                           
 +
</li>
 +
            <li>
 +
<a href="https://2015.igem.org/Team:SVCE_Chennai/Practices">
 +
<img src="https://static.igem.org/mediawiki/2015/1/17/MenuImgs_parts.jpg" alt=""/>
 +
<span class="sdt_active"></span>
 +
<span class="sdt_wrap">
 +
<span class="sdt_link">Practices</span>
 +
<span class="sdt_descr">Spread the word</span>
 +
</span>
 +
</a>
 +
               
 +
                    <div class="sdt_box">
 +
<a href="https://2015.igem.org/Team:SVCE_Chennai/Practices">Human Practices</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>
 +
</li>
 +
           
 +
<li>
 +
<a href="https://2015.igem.org/Team:SVCE_Chennai/Notebook">
 +
<img src="https://static.igem.org/mediawiki/2015/e/e9/MenuImgs_notebook.jpg" alt=""/>
 +
<span class="sdt_active"></span>
 +
<span class="sdt_wrap">
 +
<span class="sdt_link">Notebook</span>
 +
<span class="sdt_descr">My Calendar</span>
 +
</span>
 +
</a>
 +
 +
</li>
 +
 +
 +
<li>
 +
                    <a href="https://2015.igem.org/Team:SVCE_Chennai/Safety">
 +
<img src="https://static.igem.org/mediawiki/2015/d/d4/MenuImgs_bs.jpg" alt=""/>
 +
<span class="sdt_active"></span>
 +
<span class="sdt_wrap">
 +
<span class="sdt_link">Safety</span>
 +
<span class="sdt_descr">Safety is my priority</span>
 +
</span>
 +
</a>
 +
</li>
 +
<li>
 +
                              <a href="https://2015.igem.org/Team:SVCE_Chennai/Team">
 +
<img src="https://static.igem.org/mediawiki/2015/3/30/MenuImgs_team.jpg" alt=""/>
 +
<span class="sdt_active"></span>
 +
<span class="sdt_wrap">
 +
<span class="sdt_link">Team</span>
 +
<span class="sdt_descr">My creators</span>
 +
</span>
 +
</a>
 +
   
 +
                    <div class="sdt_box">
 +
<a href="https://2015.igem.org/Team:SVCE_Chennai/Team">Members</a>
 +
<a href="https://2015.igem.org/Team:SVCE_Chennai/Brainstorm">Brainstorm</a>
 +
<a href="https://2015.igem.org/Team:SVCE_Chennai/Attributions">Attributions</a>
 +
                       
 +
</div>
 +
</li>
 +
<li>
 +
<a href="https://2015.igem.org/Team:SVCE_Chennai/Project">
 +
<img src="https://static.igem.org/mediawiki/2015/9/9d/MenuImgs1.jpg" alt=""/>
 +
<span class="sdt_active"></span>
 +
<span class="sdt_wrap">
 +
<span class="sdt_link">Project</span>
 +
<span class="sdt_descr">It's all about me</span>
 +
</span>
 +
</a>
 +
             
 +
</li>
 +
</ul>
 +
 +
</div><!-- /.nav-collapse -->
 +
     
 +
</nav>
 +
 
 +
    <div class="container">
 +
        <h2 class="titleStyle">Brainstorm</h2>
 +
<div class="row stickyNotification">
 
     <aside class="note-wrap note-yellow">
 
     <aside class="note-wrap note-yellow">
−
      <p>Driving along on the plastic dream, Heart beats fast like a tiny machine</p>
+
        <h3>April</h3>
−
      <a href="http://youtu.be/vFYaFT0q6Uw">The Mighty Boosh</a>
+
      <ul>
 +
          <li>Invitro Phage</li>
 +
 
 +
<li>Nail Cleaning Bacteria</li>
 +
 
 +
<li>Doubling Time increase -Bac</li>
 +
 
 +
<li>Odour Absorbing bacteria
 +
</li>
 +
<li>Odour producing Bacteria</li>
 +
 
 +
<li>Corrosion resistance Baceria</li>
 +
<li>Bac Dance</li>
 +
 
 +
<li>Oil producing Bacteria</li>
 +
 
 +
<li> Wool producing Bacteria</li>
 +
 
 +
<li>Electronic Waste degradation</li>
 +
 
 +
<li>Dna sequencing using plasmid</li>
 +
 
 +
<li>Gold purity analysis Bac</li>
 +
 
 +
<li>Gold accumulating bacteria</li>
 +
 
 +
<li> Idly Batter</li>
 +
 
 +
<li>Dna degrading Bacteria</li>
 +
        </ul>
 
     </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>
+
−
      <a href="http://youtu.be/i2LhAeFutxk">Jefferson Airplane</a>
+
−
    </aside>
+
−
  </div>
+
−
<style>
+
−
    * {
+
−
  -webkit-box-sizing: border-box;
+
−
  -moz-box-sizing: border-box;
+
−
  box-sizing: border-box;
+
−
}
+
  
−
::-moz-selection {
+
Device to detect Rickettsia</li><li>
−
  background: #C6FF91;
+
−
  text-shadow: none;
+
−
}
+
  
−
::selection {
+
Colour changing T-shirts</li><li>
−
  background: #C6FF91;
+
−
  text-shadow: none;
+
−
}
+
  
−
.clearfix:before,
+
Cement degrading bacteria
−
.clearfix:after {
+
</li><li>
−
  content: " ";
+
BIo-tracker</li><li>
−
  display: table;
+
−
}
+
  
−
.clearfix:after {
+
Caffeine degrading bacteria</li><li>
−
  clear: both;
+
−
}
+
  
−
.clearfix {
+
Bacteria- post translationmosifications
−
  *zoom: 1;
+
</li><li>
−
}
+
Bacterial endocytosis</li><li>
  
−
body {
+
Carbon monoxide trap</li><li>
−
  background: url(http://i.imgur.com/2BdQt0g.jpg);
+
−
  margin: 0;
+
−
  padding: 0;
+
−
}
+
  
−
.wrapper {
+
Ant repellent
−
  margin: 60px auto 0 auto;
+
</li><li>
−
}
+
Color-specific degrading bacteria</li><li>
  
−
/* Note styles */
+
Light producing bac through current</li><li>
−
.note-wrap {
+
 
−
  width: 235px;
+
lysed cell back to life</li><li>
−
  min-height: 235px;
+
 
−
  padding: 35px;
+
permenant salt degradation</li><li>
−
  margin: 0 22px 44px 22px;
+
 
−
  position: relative;
+
conversion of Do to AO for deep sea divers
−
  font-size: 24px;
+
</li><li>
−
  vertical-align: top;
+
Hertz trapper
−
  display: inline-block;
+
</li><li>
−
  font-family: Englebert, Arial;
+
Match maker
−
  color: #4b453c;
+
</li><li>
−
  background: #F7E999;
+
Bac Magical Cloak</li><li>
−
  line-height: 34px;
+
 
−
  text-align: center;
+
Bac stone
−
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
+
</li><li>
−
}
+
Bac polymer
−
.note-wrap:before {
+
</li><li>
−
  display: block;
+
Bacteria fixing cracks</li><li>
−
  content: "";
+
 
−
  background: rgba(227, 200, 114, 0.4);
+
Bac feed</li><li>
−
  width: 130px;
+
 
−
  height: 28px;
+
Bac math</li><li>
−
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+
 
−
  border-radius: 6px/18px 0;
+
Sweat removal</li><li>
−
  position: absolute;
+
 
−
  top: -13px;
+
Biomolecule isolation kit</li><li>
−
  left: 50px;
+
 
−
  -webkit-transform: rotate(-2deg);
+
                <b>Minicins</b></li>
−
  -moz-transform: rotate(-2deg);
+
            </ul>
−
  -o-transform: rotate(-2deg);
+
    </aside>
−
  -ms-transform: rotate(-2deg);
+
 
−
   transform: rotate(-2deg);
+
   </div>
−
}
+
    </div>
−
.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 {
+
    <footer class="footer " style="position:fixed">
−
  background: #F7E999;
+
      <div class="container">
−
  -webkit-transform: rotate(2deg);
+
      <div class="row">
−
  -moz-transform: rotate(2deg);
+
        <div class="col-md-4"><img src="https://static.igem.org/mediawiki/2015/3/3e/Minio.png" width=50>
−
  -o-transform: rotate(2deg);
+
            <span class="speech" data-toggle="tooltip" title="Did you know! you can speak with me! Ask me questions like: Who are you?">Lets talk!
−
  -ms-transform: rotate(2deg);
+
              <div class="fa fa-microphone microphone-icon"></div>
−
  transform: rotate(2deg);
+
          </span>
−
}
+
        </div>
 +
         
 +
        <div class="col-md-4" style="float:right;  border-left: 1px solid #60C3EB; transform:skew(">
  
−
.note-blue {
+
        <img src="https://upload.wikimedia.org/wikipedia/en/7/71/SVCE_logo.png" width=50>
−
  background: #b9dcf4;
+
<p style=" display: inline; font-size: 14px; transform: skew(-30deg); ">Sri Venkateswara College of Engineering, Chennai</p>
−
  -webkit-transform: rotate(-2deg);
+
      </div>
−
  -moz-transform: rotate(-2deg);
+
      </div>
−
  -o-transform: rotate(-2deg);
+
      </div>
−
  -ms-transform: rotate(-2deg);
+
    </footer>
−
  transform: rotate(-2deg);
+
−
}
+
  
−
.note-pink {
 
−
  background: #FFBDA3;
 
−
  -webkit-transform: rotate(1deg);
 
−
  -moz-transform: rotate(1deg);
 
−
  -o-transform: rotate(1deg);
 
−
  -ms-transform: rotate(1deg);
 
−
  transform: rotate(1deg);
 
−
}
 
  
−
.note-green {
+
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
−
  background: #CAF4B9;
+
<script type="text/javascript" src="https://2015.igem.org/Team:SVCE_Chennai/Javascript?action=raw&ctype=text/javascript"></script>
−
  -webkit-transform: rotate(-1deg);
+
<script src="http://www.mattboldt.com/demos/typed-js/js/typed.custom.js"></script>
−
  -moz-transform: rotate(-1deg);
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/annyang/2.0.0/annyang.min.js"></script>
−
  -o-transform: rotate(-1deg);
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
−
  -ms-transform: rotate(-1deg);
+
−
  transform: rotate(-1deg);
+
−
}
+
  
−
</style>
+
</html>

Latest revision as of 01:32, 19 September 2015

Brainstorm

Lets talk!

Sri Venkateswara College of Engineering, Chennai