Team:Heidelberg/HumanPractice/BeyondScience

From 2013.igem.org

(Difference between revisions)
 
(17 intermediate revisions not shown)
Line 6: Line 6:
     text-align:justify;
     text-align:justify;
}
}
-
     .item img {
+
 
-
           width: auto;
+
.pinterest > span {
-
          height: 400px;
+
transform:scale(2);
-
          max-height: 400px;
+
}
 +
     .jumbotron li {
 +
           font-size:14px;
 +
}
 +
.hpinner {
 +
  background-color:rgba(255,255,255,0.85);
 +
  border-radius:5px;
 +
}
 +
.hpouter {
 +
  background-repeat:no-repeat;
 +
  background-position:center;
}
}
</style>
</style>
Line 15: Line 25:
<div class="container">
<div class="container">
<div>
<div>
-
                       <h1><span style="font-size:170%;color:#FFCC00;">Beyond Science.</span><span class="text-muted" style="font-family:Arial, sans-serif; font-size:100%">Master of Procrastination.</span></h1>
+
                       <h1><span style="font-size:170%;color:#7137c8;">Beyond Science.</span><span class="text-muted" style="font-family:Arial, sans-serif; font-size:100%"> Master of Procrastination.</span></h1>
             </div>
             </div>
-
<div>
+
 
 +
<div class="row" >
 +
<div class=" col-md-12">
 +
<br/>
 +
<br/>
 +
<br/>
 +
<br/>
 +
<br/>
 +
<br/>
 +
<br/>
 +
<br/>
 +
</div>
 +
</div>
 +
 
 +
 
 +
<center class="pinterest">
 +
<a data-pin-do="embedBoard" href="http://www.pinterest.com/fannygeorgi/igem-heidelberg-2013/"></a>
 +
</center>
 +
 
 +
 
 +
<div class="row" >
 +
<div class=" col-md-12">
 +
<br/>
 +
<br/>
 +
<br/>
 +
<br/>
 +
<br/>
 +
<br/>
 +
<br/>
 +
<br/>
 +
<br/>
 +
</div>
 +
</div>
 +
 
 +
<div class="row" >
 +
 
 +
  <div class="col-md-12">
 +
    <div class="jumbotron">
 +
<h2>
 +
Or visit our Favourites individually:
 +
</h2>
 +
      </div>
 +
  </div>
 +
 
 +
</div>
 +
 
 +
<div class="row" >
 +
 
 +
  <div class="col-sm-12 col-md-6">
 +
    <div class="jumbotron hpouter" style="background-image:url(https://static.igem.org/mediawiki/2013/b/b0/Heidelberg_Beyond_left.png); background-size:100%; height:800px">
 +
      <div class="container hpinner">
<ul>
<ul>
<li>
<li>
-
* Abstruse Goose: http://abstrusegoose.com/
+
<a href='http://abstrusegoose.com/'>Abstruse Goose</a>
</li>
</li>
<li>
<li>
-
* Ape, not monkey: http://www.apenotmonkey.com/
+
<a href='http://www.apenotmonkey.com/'>Ape, not Monkey</a>
</li>
</li>
<li>
<li>
-
* ATPase Dance: http://www.youtube.com/watch?v=-zsEepV0N-I
+
<a href='http://www.youtube.com/watch?v=-zsEepV0N-I'>ATPase Dance</a>
</li>
</li>
<li>
<li>
-
* Bad Project: http://www.youtube.com/watch?v=Fl4L4M8m4d0
+
<a href='http://www.youtube.com/watch?v=Fl4L4M8m4d0'>Bad Project</a>
</li>
</li>
<li>
<li>
-
* Biocomicals: http://www.biocomicals.com/comics/
+
<a href='http://www.biocomicals.com/comics/'>Biocomicals</a>
</li>
</li>
<li>
<li>
-
* Bio-Rad GTCA SsoFast: http://www.youtube.com/watch?v=CQEaX3MiDow
+
<a href='http://www.youtube.com/watch?v=CQEaX3MiDow'>Bio-Rad GTCA SsoFast</a>
</li>
</li>
<li>
<li>
-
* Bastard Operator From Hell: http://bofh.ntk.net/BOFH/index.php
+
<a href='http://bofh.ntk.net/BOFH/index.php'>Bastard Operator from Hell</a>
</li>
</li>
<li>
<li>
-
* DAU.pl: http://www.dau.pl/
+
<a href='http://www.dau.pl/'>DAU</a>
</li>
</li>
<li>
<li>
-
* Dilbert: http://dilbert.com/
+
<a href='http://dilbert.com/'>Dilbert</a>
</li>
</li>
<li>
<li>
-
* Doghousediaries: http://thedoghousediaries.com/
+
<a href='http://thedoghousediaries.com/'>Doghousediaries</a>
</li>
</li>
<li>
<li>
-
* D&A Blog: http://dna-protein.blogspot.de/
+
<a href='http://dna-protein.blogspot.de/'>D&A Blog</a>
</li>
</li>
<li>
<li>
-
* Fake Science: http://fakescience.org/
+
<a href='http://fakescience.org/'>Fake Science</a>
</li>
</li>
<li>
<li>
-
* Geek & Poke: http://geek-and-poke.com/
+
<a href='http://geek-and-poke.com/'>Geek & Poke</a>
</li>
</li>
<li>
<li>
-
* General Protection Fault: http://www.gpf-comics.com/
+
<a href='http://www.gpf-comics.com/'>General Protection Fault</a>
</li>
</li>
<li>
<li>
-
* Grad School Rage Comics: http://gradschoolragecomics.tumblr.com/
+
<a href='http://gradschoolragecomics.tumblr.com/'>Grad School Rage Comics</a>
</li>
</li>
<li>
<li>
-
* Guy With a Darth Vader Mask Plays Flaming Bagpipes While Riding a Unicycle: http://www.youtube.com/watch?v=cnVjkE87FDY
+
<a href='http://www.youtube.com/watch?v=cnVjkE87FDY'>Guy With a Darth Vader Mask Plays Flaming Bagpipes While Riding a Unicycle</a>
</li>
</li>
<li>
<li>
-
* Help Desk: https://www.eviscerati.org/comics/
+
<a href='https://www.eviscerati.org/comics/'>Help Desk</a>
</li>
</li>
<li>
<li>
-
* I wear a coat: http://www.youtube.com/watch?v=UfoR96w41wk
+
<a href='http://www.youtube.com/watch?v=UfoR96w41wk'>I wear a Coat</a>
</li>
</li>
<li>
<li>
-
* iGEM style: http://www.youtube.com/watch?v=KHhswxo6xow
+
<a href='http://www.youtube.com/watch?v=ZgimAE3UHaQ'>iGEM Freiburg - Why don´t YOU take our CRISPR Kit?</a>
</li>
</li>
<li>
<li>
-
* Keep your eyes on the cross http://fstoppers.com/wp-content/uploads/2013/08/FStoppers_Persistance-of-Vision_GaryMartin.gif
+
<a href='http://www.youtube.com/watch?v=KHhswxo6xow'>iGEM Style</a>
</li>
</li>
 +
</ul>
 +
        </div>
 +
      </div>
 +
  </div>
 +
 +
  <div class="col-sm-12 col-md-6">
 +
    <div class="jumbotron hpouter" style="background-image:url(https://static.igem.org/mediawiki/2013/8/8a/Heidelberg_Beyond_right.png); background-size:100%; height:800px">
 +
      <div class="container hpinner">
 +
<ul>
<li>
<li>
-
* Lab Bratz: http://labbratz.com/
+
<a href='http://www.youtube.com/watch?v=oIm_8r18Ybk'>iGEM TUM 2012</a>
</li>
</li>
<li>
<li>
-
* Large Hadron Rap: http://www.youtube.com/watch?v=j50ZssEojtM
+
<a href='http://fstoppers.com/wp-content/uploads/2013/08/FStoppers_Persistance-of-Vision_GaryMartin.gif'>Keep your eyes on the cross</a>
</li>
</li>
<li>
<li>
-
* LMU Munich 2011 Wohoo: http://www.youtube.com/watch?v=vVY3pU11ViI#at=119
+
<a href='http://labbratz.com/'>Lab Bratz</a>
</li>
</li>
<li>
<li>
-
* Med School Musical: http://www.youtube.com/watch?v=cTaIWU6xCmI
+
<a href='http://www.youtube.com/watch?v=j50ZssEojtM'>Large Hadron Rap</a>
</li>
</li>
<li>
<li>
-
* Most beautiful girl in the lab: http://www.youtube.com/watch?v=8k_WgseFy6Q
+
<a href='http://www.youtube.com/watch?v=vVY3pU11ViI#at=119'>LMU Munich 2011 Wohoo</a>
</li>
</li>
<li>
<li>
-
* PCR song: http://www.youtube.com/watch?v=x5yPkxCLads
+
<a href='http://www.youtube.com/watch?v=cTaIWU6xCmI'>Med School Musical</a>
</li>
</li>
<li>
<li>
-
* PhD Comics: http://www.phdcomics.com/comics.php
+
<a href='http://www.youtube.com/watch?v=8k_WgseFy6Q'>Most Beautiful Girl in the lab</a>
</li>
</li>
<li>
<li>
-
* The Gibson Assembly Song: http://www.youtube.com/watch?v=WCWjJFU1be8
+
<a href='http://www.youtube.com/watch?v=x5yPkxCLads'>PCR Song</a>
</li>
</li>
<li>
<li>
-
* The Joy of Tech: http://www.geekculture.com/joyoftech/index.html
+
<a href='http://www.phdcomics.com/comics.php'>PhD Comics</a>
</li>
</li>
<li>
<li>
-
* The Lab Song: http://www.youtube.com/watch?v=_7uCcRfrQ0A
+
<a href='http://www.youtube.com/watch?v=WCWjJFU1be8'>The Gibson Assembly Song</a>
</li>
</li>
<li>
<li>
-
* The PC Weenies: http://pcweenies.com/
+
<a href='http://www.geekculture.com/joyoftech/index.html'>The Joy of Tech</a>
</li>
</li>
<li>
<li>
-
* Saturday Morning Breakfast Cereal: http://www.smbc-comics.com/
+
<a href='http://www.youtube.com/watch?v=_7uCcRfrQ0A'>The Lab Song</a>
</li>
</li>
<li>
<li>
-
* Some Budding Yeast I used to know: http://www.youtube.com/watch?v=odxvp-3nSw4
+
<a href='http://pcweenies.com/'>The PC Weenies</a>
</li>
</li>
<li>
<li>
-
* Study Maybe: http://www.youtube.com/watch?v=qGAF9SHDn2A
+
<a href='http://www.smbc-comics.com/'>Saturday Morning Breakfast Cereal</a>
</li>
</li>
<li>
<li>
-
* UserFriendly: http://www.userfriendly.org/
+
<a href='http://www.youtube.com/watch?v=odxvp-3nSw4'>Some Budding Yeast I used to grow</a>
</li>
</li>
<li>
<li>
-
* Weird Al Yancovic: Amish Paradise: http://vimeo.com/1644279
+
<a href='http://www.youtube.com/watch?v=qGAF9SHDn2A'>Study Maybe</a>
</li>
</li>
<li>
<li>
-
* Weird Al Yancovic: White & Nerdy: http://vimeo.com/752979
+
<a href='http://www.userfriendly.org/'>UserFriendly</a>
</li>
</li>
<li>
<li>
-
* XKCD: http://xkcd.com/
+
<a href='http://vimeo.com/1644279'>Weird Al Yancovic: Amish Paradise</a>
</li>
</li>
 +
<li>
 +
<a href='http://vimeo.com/752979'>Weird Al Yancovic: White & Nerdy</a>
 +
</li>
 +
<li>
 +
<a href='http://xkcd.com/'>XKCD</a>
 +
</li>
 +
</ul>
 +
        </div>
 +
      </div>
 +
  </div>
 +
</div>
</div>
 +
 +
 +
 +
<script type="text/javascript">
 +
(function(d){
 +
  var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');
 +
  p.type = 'text/javascript';
 +
  p.async = true;
 +
  p.src = '//assets.pinterest.com/js/pinit.js';
 +
  f.parentNode.insertBefore(p, f);
 +
}(document));
 +
</script>

Latest revision as of 22:54, 27 October 2013

Beyond Science. Master of Procrastination.


















Or visit our Favourites individually:

Thanks to