Team:Heidelberg/HumanPractice/BeyondScience

From 2013.igem.org

(Difference between revisions)
 
(11 intermediate revisions not shown)
Line 6: Line 6:
     text-align:justify;
     text-align:justify;
}
}
-
    .item img {
+
 
-
          width: auto;
+
-
          height: 400px;
+
-
          max-height: 400px;
+
-
}
+
.pinterest > span {
.pinterest > span {
transform:scale(2);
transform:scale(2);
Line 16: Line 12:
     .jumbotron li {
     .jumbotron li {
           font-size:14px;
           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 21: 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 class="row" >
<div class="row" >
<div class=" col-md-12">
<div class=" col-md-12">
 +
<br/>
<br/>
<br/>
<br/>
<br/>
Line 44: Line 49:
<div class="row" >
<div class="row" >
<div class=" col-md-12">
<div class=" col-md-12">
 +
<br/>
 +
<br/>
<br/>
<br/>
<br/>
<br/>
Line 69: Line 76:
   <div class="col-sm-12 col-md-6">
   <div class="col-sm-12 col-md-6">
-
     <div class="jumbotron" style="height:800px">
+
     <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">
+
       <div class="container hpinner">
<ul>
<ul>
<li>
<li>
-
<a href=’http://abstrusegoose.com/>Abstruse Goose</a>
+
<a href='http://abstrusegoose.com/'>Abstruse Goose</a>
</li>
</li>
<li>
<li>
-
<a href=’http://www.apenotmonkey.com/>Ape, not Monkey</a>
+
<a href='http://www.apenotmonkey.com/'>Ape, not Monkey</a>
</li>
</li>
<li>
<li>
-
<a href=’http://www.youtube.com/watch?v=-zsEepV0N-I’>ATPase Dance</a>
+
<a href='http://www.youtube.com/watch?v=-zsEepV0N-I'>ATPase Dance</a>
</li>
</li>
<li>
<li>
-
<a href=’http://www.youtube.com/watch?v=Fl4L4M8m4d0’>Bad Project</a>
+
<a href='http://www.youtube.com/watch?v=Fl4L4M8m4d0'>Bad Project</a>
</li>
</li>
<li>
<li>
-
<a href=’http://www.biocomicals.com/comics/>Biocomicals</a>
+
<a href='http://www.biocomicals.com/comics/'>Biocomicals</a>
</li>
</li>
<li>
<li>
-
<a href=’http://www.youtube.com/watch?v=CQEaX3MiDow’>Bio-Rad GTCA SsoFast</a>
+
<a href='http://www.youtube.com/watch?v=CQEaX3MiDow'>Bio-Rad GTCA SsoFast</a>
</li>
</li>
<li>
<li>
-
<a href=’http://bofh.ntk.net/BOFH/index.php’>Bastard Operator from Hell</a>
+
<a href='http://bofh.ntk.net/BOFH/index.php'>Bastard Operator from Hell</a>
</li>
</li>
<li>
<li>
-
<a href=’http://www.dau.pl/>DAU</a>
+
<a href='http://www.dau.pl/'>DAU</a>
</li>
</li>
<li>
<li>
-
<a href=’http://dilbert.com/>Dilbert</a>
+
<a href='http://dilbert.com/'>Dilbert</a>
</li>
</li>
<li>
<li>
-
<a href=’http://thedoghousediaries.com/>Doghousediaries</a>
+
<a href='http://thedoghousediaries.com/'>Doghousediaries</a>
</li>
</li>
<li>
<li>
-
<a href=’http://dna-protein.blogspot.de/>D&A Blog</a>
+
<a href='http://dna-protein.blogspot.de/'>D&A Blog</a>
</li>
</li>
<li>
<li>
-
<a href=’http://fakescience.org/>Fake Science</a>
+
<a href='http://fakescience.org/'>Fake Science</a>
</li>
</li>
<li>
<li>
-
<a href=’http://geek-and-poke.com/>Geek & Poke</a>
+
<a href='http://geek-and-poke.com/'>Geek & Poke</a>
</li>
</li>
<li>
<li>
-
<a href=’http://www.gpf-comics.com/>General Protection Fault</a>
+
<a href='http://www.gpf-comics.com/'>General Protection Fault</a>
</li>
</li>
<li>
<li>
-
<a href=’http://gradschoolragecomics.tumblr.com/>Grad School Rage Comics</a>
+
<a href='http://gradschoolragecomics.tumblr.com/'>Grad School Rage Comics</a>
</li>
</li>
<li>
<li>
-
<a href=’http://www.youtube.com/watch?v=cnVjkE87FDY’>Guy With a Darth Vader Mask Plays Flaming Bagpipes While Riding a Unicycle</a>
+
<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>
-
<a href=’https://www.eviscerati.org/comics/>Help Desk</a>
+
<a href='https://www.eviscerati.org/comics/'>Help Desk</a>
</li>
</li>
<li>
<li>
-
<a href=’http://www.youtube.com/watch?v=UfoR96w41wk’>I wear a Coat</a>
+
<a href='http://www.youtube.com/watch?v=UfoR96w41wk'>I wear a Coat</a>
</li>
</li>
<li>
<li>
Line 130: Line 137:
</li>
</li>
<li>
<li>
-
<a href=’http://www.youtube.com/watch?v=KHhswxo6xow’>iGEM Style</a>
+
<a href='http://www.youtube.com/watch?v=KHhswxo6xow'>iGEM Style</a>
</li>
</li>
-
 
+
</ul>
         </div>
         </div>
       </div>
       </div>
Line 138: Line 145:
   <div class="col-sm-12 col-md-6">
   <div class="col-sm-12 col-md-6">
-
     <div class="jumbotron" style="height:800px">
+
     <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">
+
       <div class="container hpinner">
<ul>
<ul>
<li>
<li>
-
<a href=’http://www.youtube.com/watch?v=oIm_8r18Ybk’>iGEM TUM 2012</a>
+
<a href='http://www.youtube.com/watch?v=oIm_8r18Ybk'>iGEM TUM 2012</a>
</li>
</li>
<li>
<li>
-
<a href=’http://fstoppers.com/wp-content/uploads/2013/08/FStoppers_Persistance-of-Vision_GaryMartin.gif’>Keep your eyes on the cross</a>
+
<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>
-
<a href=’http://labbratz.com/>Lab Bratz</a>
+
<a href='http://labbratz.com/'>Lab Bratz</a>
</li>
</li>
<li>
<li>
-
<a href=’http://www.youtube.com/watch?v=j50ZssEojtM’>Large Hadron Rap</a>
+
<a href='http://www.youtube.com/watch?v=j50ZssEojtM'>Large Hadron Rap</a>
</li>
</li>
<li>
<li>
-
<a href=’http://www.youtube.com/watch?v=vVY3pU11ViI#at=119’>LMU Munich 2011 Wohoo</a>
+
<a href='http://www.youtube.com/watch?v=vVY3pU11ViI#at=119'>LMU Munich 2011 Wohoo</a>
</li>
</li>
<li>
<li>
-
<a href=’http://www.youtube.com/watch?v=cTaIWU6xCmI’>Med School Musical</a>
+
<a href='http://www.youtube.com/watch?v=cTaIWU6xCmI'>Med School Musical</a>
</li>
</li>
<li>
<li>
-
<a href=’http://www.youtube.com/watch?v=8k_WgseFy6Q’>Most Beautiful Girl in the lab</a>
+
<a href='http://www.youtube.com/watch?v=8k_WgseFy6Q'>Most Beautiful Girl in the lab</a>
</li>
</li>
<li>
<li>
-
<a href=’http://www.youtube.com/watch?v=x5yPkxCLads’>PCR Song</a>
+
<a href='http://www.youtube.com/watch?v=x5yPkxCLads'>PCR Song</a>
</li>
</li>
<li>
<li>
-
<a href=’http://www.phdcomics.com/comics.php’>PhD Comics</a>
+
<a href='http://www.phdcomics.com/comics.php'>PhD Comics</a>
</li>
</li>
<li>
<li>
-
<a href=’http://www.youtube.com/watch?v=WCWjJFU1be8’>The Gibson Assembly Song</a>
+
<a href='http://www.youtube.com/watch?v=WCWjJFU1be8'>The Gibson Assembly Song</a>
</li>
</li>
<li>
<li>
-
<a href=’http://www.geekculture.com/joyoftech/index.html’>The Joy of Tech</a>
+
<a href='http://www.geekculture.com/joyoftech/index.html'>The Joy of Tech</a>
</li>
</li>
<li>
<li>
-
<a href=’http://www.youtube.com/watch?v=_7uCcRfrQ0A’>The Lab Song</a>
+
<a href='http://www.youtube.com/watch?v=_7uCcRfrQ0A'>The Lab Song</a>
</li>
</li>
<li>
<li>
-
<a href=’http://pcweenies.com/>The PC Weenies</a>
+
<a href='http://pcweenies.com/'>The PC Weenies</a>
</li>
</li>
<li>
<li>
-
<a href=’http://www.smbc-comics.com/>Saturday Morning Breakfast Cereal</a>
+
<a href='http://www.smbc-comics.com/'>Saturday Morning Breakfast Cereal</a>
</li>
</li>
<li>
<li>
-
<a href=’http://www.youtube.com/watch?v=odxvp-3nSw4’>Some Budding Yeast I used to grow</a>
+
<a href='http://www.youtube.com/watch?v=odxvp-3nSw4'>Some Budding Yeast I used to grow</a>
</li>
</li>
<li>
<li>
-
<a href=’http://www.youtube.com/watch?v=qGAF9SHDn2A’>Study Maybe</a>
+
<a href='http://www.youtube.com/watch?v=qGAF9SHDn2A'>Study Maybe</a>
</li>
</li>
<li>
<li>
-
<a href=’http://www.userfriendly.org/>UserFriendly</a>
+
<a href='http://www.userfriendly.org/'>UserFriendly</a>
</li>
</li>
<li>
<li>
-
<a href=’http://vimeo.com/1644279’>Weird Al Yancovic: Amish Paradise</a>
+
<a href='http://vimeo.com/1644279'>Weird Al Yancovic: Amish Paradise</a>
</li>
</li>
<li>
<li>
-
<a href=’http://vimeo.com/752979’>Weird Al Yancovic: White & Nerdy</a>
+
<a href='http://vimeo.com/752979'>Weird Al Yancovic: White & Nerdy</a>
</li>
</li>
<li>
<li>
<a href='http://xkcd.com/'>XKCD</a>
<a href='http://xkcd.com/'>XKCD</a>
</li>
</li>
 +
</ul>
         </div>
         </div>
       </div>
       </div>

Latest revision as of 22:54, 27 October 2013

Beyond Science. Master of Procrastination.


















Or visit our Favourites individually:

Thanks to