Team:Heidelberg/HumanPractice/BeyondScience

From 2013.igem.org

(Difference between revisions)
 
(14 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);
 +
}
 +
    .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 18: 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 41: 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 56: Line 66:
     <div class="jumbotron">
     <div class="jumbotron">
<h2>
<h2>
-
Or visit our favourites individually:
+
Or visit our Favourites individually:
</h2>
</h2>
       </div>
       </div>
Line 66: Line 76:
   <div class="col-sm-12 col-md-6">
   <div class="col-sm-12 col-md-6">
-
     <div class="jumbotron">
+
     <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">
-
<br/>
+
<ul>
-
<br/>
+
<li>
-
<br/>
+
<a href='http://abstrusegoose.com/'>Abstruse Goose</a>
-
<br/>
+
</li>
-
<br/>
+
<li>
-
<br/>
+
<a href='http://www.apenotmonkey.com/'>Ape, not Monkey</a>
-
<br/>
+
</li>
 +
<li>
 +
<a href='http://www.youtube.com/watch?v=-zsEepV0N-I'>ATPase Dance</a>
 +
</li>
 +
<li>
 +
<a href='http://www.youtube.com/watch?v=Fl4L4M8m4d0'>Bad Project</a>
 +
</li>
 +
<li>
 +
<a href='http://www.biocomicals.com/comics/'>Biocomicals</a>
 +
</li>
 +
<li>
 +
<a href='http://www.youtube.com/watch?v=CQEaX3MiDow'>Bio-Rad GTCA SsoFast</a>
 +
</li>
 +
<li>
 +
<a href='http://bofh.ntk.net/BOFH/index.php'>Bastard Operator from Hell</a>
 +
</li>
 +
<li>
 +
<a href='http://www.dau.pl/'>DAU</a>
 +
</li>
 +
<li>
 +
<a href='http://dilbert.com/'>Dilbert</a>
 +
</li>
 +
<li>
 +
<a href='http://thedoghousediaries.com/'>Doghousediaries</a>
 +
</li>
 +
<li>
 +
<a href='http://dna-protein.blogspot.de/'>D&A Blog</a>
 +
</li>
 +
<li>
 +
<a href='http://fakescience.org/'>Fake Science</a>
 +
</li>
 +
<li>
 +
<a href='http://geek-and-poke.com/'>Geek & Poke</a>
 +
</li>
 +
<li>
 +
<a href='http://www.gpf-comics.com/'>General Protection Fault</a>
 +
</li>
 +
<li>
 +
<a href='http://gradschoolragecomics.tumblr.com/'>Grad School Rage Comics</a>
 +
</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>
 +
</li>
 +
<li>
 +
<a href='https://www.eviscerati.org/comics/'>Help Desk</a>
 +
</li>
 +
<li>
 +
<a href='http://www.youtube.com/watch?v=UfoR96w41wk'>I wear a Coat</a>
 +
</li>
 +
<li>
 +
<a href='http://www.youtube.com/watch?v=ZgimAE3UHaQ'>iGEM Freiburg - Why don´t YOU take our CRISPR Kit?</a>
 +
</li>
 +
<li>
 +
<a href='http://www.youtube.com/watch?v=KHhswxo6xow'>iGEM Style</a>
 +
</li>
 +
</ul>
         </div>
         </div>
       </div>
       </div>
Line 80: Line 145:
   <div class="col-sm-12 col-md-6">
   <div class="col-sm-12 col-md-6">
-
     <div class="jumbotron">
+
     <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">
-
<br/>
+
<ul>
-
<br/>
+
<li>
-
<br/>
+
<a href='http://www.youtube.com/watch?v=oIm_8r18Ybk'>iGEM TUM 2012</a>
-
<br/>
+
</li>
-
<br/>
+
<li>
-
<br/>
+
<a href='http://fstoppers.com/wp-content/uploads/2013/08/FStoppers_Persistance-of-Vision_GaryMartin.gif'>Keep your eyes on the cross</a>
-
<br/>
+
</li>
 +
<li>
 +
<a href='http://labbratz.com/'>Lab Bratz</a>
 +
</li>
 +
<li>
 +
<a href='http://www.youtube.com/watch?v=j50ZssEojtM'>Large Hadron Rap</a>
 +
</li>
 +
<li>
 +
<a href='http://www.youtube.com/watch?v=vVY3pU11ViI#at=119'>LMU Munich 2011 Wohoo</a>
 +
</li>
 +
<li>
 +
<a href='http://www.youtube.com/watch?v=cTaIWU6xCmI'>Med School Musical</a>
 +
</li>
 +
<li>
 +
<a href='http://www.youtube.com/watch?v=8k_WgseFy6Q'>Most Beautiful Girl in the lab</a>
 +
</li>
 +
<li>
 +
<a href='http://www.youtube.com/watch?v=x5yPkxCLads'>PCR Song</a>
 +
</li>
 +
<li>
 +
<a href='http://www.phdcomics.com/comics.php'>PhD Comics</a>
 +
</li>
 +
<li>
 +
<a href='http://www.youtube.com/watch?v=WCWjJFU1be8'>The Gibson Assembly Song</a>
 +
</li>
 +
<li>
 +
<a href='http://www.geekculture.com/joyoftech/index.html'>The Joy of Tech</a>
 +
</li>
 +
<li>
 +
<a href='http://www.youtube.com/watch?v=_7uCcRfrQ0A'>The Lab Song</a>
 +
</li>
 +
<li>
 +
<a href='http://pcweenies.com/'>The PC Weenies</a>
 +
</li>
 +
<li>
 +
<a href='http://www.smbc-comics.com/'>Saturday Morning Breakfast Cereal</a>
 +
</li>
 +
<li>
 +
<a href='http://www.youtube.com/watch?v=odxvp-3nSw4'>Some Budding Yeast I used to grow</a>
 +
</li>
 +
<li>
 +
<a href='http://www.youtube.com/watch?v=qGAF9SHDn2A'>Study Maybe</a>
 +
</li>
 +
<li>
 +
<a href='http://www.userfriendly.org/'>UserFriendly</a>
 +
</li>
 +
<li>
 +
<a href='http://vimeo.com/1644279'>Weird Al Yancovic: Amish Paradise</a>
 +
</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>

Latest revision as of 22:54, 27 October 2013

Beyond Science. Master of Procrastination.


















Or visit our Favourites individually:

Thanks to