Team:UiOslo Norway/Album

From 2014.igem.org

(Difference between revisions)
 
(27 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
-
<head>
 
-
<script src="/Team:UiOslo_Norway/Include/album.js?action=raw&ctype=text/css"></script>
 
-
</head>
 
<body>
<body>
<div class="container">
<div class="container">
<div class="jumbotron text-center">
<div class="jumbotron text-center">
-
<h1>Album</h1>
+
<h1 style="font-family:Syncopate;color:blue;">Album</h1>
</div>
</div>
</div>
</div>
Line 67: Line 64:
src="https://static.igem.org/mediawiki/2014/5/59/UiOslo_Norway_Masterpub.png"
src="https://static.igem.org/mediawiki/2014/5/59/UiOslo_Norway_Masterpub.png"
alt="Håkon presenting at the masterpub later the same evening."/>
alt="Håkon presenting at the masterpub later the same evening."/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/6/6c/Uioslo_norway_career_day_Stand_close_picture.JPG"
 +
alt="Close picture of the stand."/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/d/d0/Uioslo_norway_career_day_Stand_talking_with_students.JPG"
 +
alt="Talking with students."/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/7/75/Uioslo_norway_career_day_Stand_talking_with_students2.JPG"
 +
alt="Talking with students."/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/9/99/Uioslo_norway_career_day_Stand_talking_with_students3.JPG"
 +
alt="Talking with students."/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/5/5c/Uioslo_norway_career_day_Stand_talking_with_students4.JPG"
 +
alt="Talking with students."/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/1/19/Uioslo_norway_career_day_Stand_talking_with_students5.JPG"
 +
alt="Talking with students"/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/2/29/Uioslo_norway_career_day_Stand_talking_with_students6.JPG"
 +
alt="Talking with students."/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/9/93/Uioslo_norway_career_day_Stand_talking_with_students7.JPG"
 +
alt="Talking with students."/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/0/0c/Uioslo_norway_career_day_Stand_talking_with_students8.JPG"
 +
alt="Talking with students."/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/d/d8/Uioslo_norway_career_day_Stand_talking_with_students9.JPG"
 +
alt="Talking with students."/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/6/62/Uioslo_norway_career_day_Stand_word_cloud.JPG"
 +
alt="Word cloud."/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/a/ab/UiOslo_Norway_Career_Day.png"
 +
alt="William talking about IGEM."/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/1/10/Uioslo_norway_career_day_Sumaya_stian_vilde_stand.JPG"
 +
alt="Sumaya, Stian and Vilde at the stand."/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/c/c8/UiOslo_Norway_Synthetic_biology_day_2_stian.jpg"
 +
alt="Stian talking about IGEM."/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/0/0e/Uioslo_norway_lab_Synthetic_biology_day_sumaya.jpg"
 +
alt="Sumaya talking about IGEM."/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/7/70/UiOslo_Norway_Synthetic_biology_day_vilde_crowd.jpg"
 +
alt="Vilde talking about IGEM."/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/d/d2/UiOslo_Norway_Ungforsk_stian.jpg"
 +
alt="Stian talking about IGEM to a secondary school class."/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/b/b2/Uioslo_norway_visit_DSC09224.JPG"
 +
alt="A member from the NTNU 2012 team came to visit us."/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/0/03/Uioslo_norway_visit_DSC09225.JPG"
 +
alt="A member from the NTNU 2012 team came to visit us."/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/8/84/Uioslo_norway_wiki_20140701_105215.jpg"
 +
alt="Wiki crash course."/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/5/5e/Uioslo_norway_wiki_20140701_105248.jpg"
 +
alt="Wiki crash course."/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/b/b1/Uioslo_norway_wiki_20140701_105252.jpg"
 +
alt="Wiki crash course."/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/c/c8/Uioslo_norway_Elina_nanoschool.jpg"
 +
alt="Elina talking about our project at the nanoschool."/>
</li>
</li>
</ul>
</ul>
Line 76: Line 211:
<img
<img
class="maxImage"
class="maxImage"
-
src="images/album/girls-lab.png"
+
src="https://static.igem.org/mediawiki/2014/4/4b/Uioslo_norway_lab_CIMG7664.JPG"
-
alt="The girls having fun in the lab."/>
+
alt=""/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/5/55/Uioslo_norway_lab_CIMG7678.JPG"
 +
alt=""/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/e/e0/Uioslo_norway_lab_CIMG7687.JPG"
 +
alt=""/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/a/a1/Uioslo_norway_lab_CIMG7691.JPG"
 +
alt=""/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/0/06/Uioslo_norway_lab_CIMG7710.JPG"
 +
alt=""/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/8/86/Uioslo_norway_lab_Girls-lab.png"
 +
alt=""/>
</li>
</li>
</ul>
</ul>
Line 87: Line 252:
<img
<img
class="maxImage"
class="maxImage"
-
src="images/album/coffee.jpg"
+
src="https://static.igem.org/mediawiki/2014/8/85/Uioslo_norway_lab_Beer.jpg"
-
alt="We found a relic of a coffee maker in our meeting room. People are sceptical, but people must have coffee."/>
+
alt="Taking a last drink with Izadora before she returns to Brazil."/>
</li>
</li>
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
<img
<img
class="maxImage"
class="maxImage"
-
src="images/album/meeting.jpg"
+
src="https://static.igem.org/mediawiki/2014/a/a7/Uioslo_norway_lab_Coffee.jpg"
-
alt="One of our early planning meetings."/>
+
alt="We found a mocca master in the office we're using.. Not sure if this will be safe to use."/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/7/7e/Uioslo_norway_lab_Elina_media_work.jpg"
 +
alt="Elina working on the media plan."/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/e/ef/Uioslo_norway_lab_Meeting.jpg"
 +
alt="Meeting."/>
 +
</li>
 +
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4 imageSpacer">
 +
<img
 +
class="maxImage"
 +
src="https://static.igem.org/mediawiki/2014/d/d7/Uioslo_norway_lab_Team.jpg"
 +
alt="Team picture."/>
</li>
</li>
</ul>
</ul>
Line 100: Line 283:
</div>
</div>
 +
</div>
 +
 +
<script>
 +
$(document).ready(function(){
 +
 +
    // set default visible category
 +
    $('.albumDiv').hide();
 +
    $('#events').show();
 +
    $('#events-link').parent().attr('class','active');
 +
 +
    // handler for changing categories
 +
    $('.albumLink').on('click', function() {
 +
        var id = $(this).attr('id').split("-");
 +
        // hide all categories
 +
        $('.albumDiv').hide();
 +
        // remove class active from all li-elements
 +
        $('.albumLink').parent().removeClass('active');
 +
        // show this specific category
 +
        $('#' + id).show();
 +
        $('#' + id + '-link').parent().attr('class','active');
 +
    });
 +
 +
    // handler for showing modal
 +
    $('li img').on('click',function(){
 +
 +
        var category = $(this).parent().parent().parent().attr('id');
 +
        var src = $(this).attr('src');
 +
        var alt = $(this).attr('alt');
 +
        var img = '<img src="' + src + '" class="img-responsive"/>';
 +
        var imgDesc = '<div class="imgDesc">' + alt + '</div>'
 +
 +
        //start of new code new code
 +
        var index = $(this).parent('li').index();
 +
 +
        var html = '';
 +
        html += img;
 +
        html += imgDesc;
 +
 +
        $('#myModal').modal();
 +
        $('#myModal .modal-body').html(html);
 +
        //remove fade in div that sometimes doesn't go away
 +
        $('.modal-backdrop.fade.in').hide()
 +
  });
 +
 +
})
 +
</script>
 +
 +
<div class="text-center">
 +
<img src="https://static.igem.org/mediawiki/2014/f/ff/Uioslo_norway_Uio.jpg" height="100px">
 +
<img src="https://static.igem.org/mediawiki/2014/8/87/Uioslo_norway_Nbs.jpg" height="100px">
</div>
</div>

Latest revision as of 15:18, 17 October 2014

UiOslo IGEM 2014

Album

  • Håkon speaking to students about IGEM.
  • Håkon presenting at the masterpub later the same evening.
  • Close picture of the stand.
  • Talking with students.
  • Talking with students.
  • Talking with students.
  • Talking with students.
  • Talking with students
  • Talking with students.
  • Talking with students.
  • Talking with students.
  • Talking with students.
  • Word cloud.
  • William talking about IGEM.
  • Sumaya, Stian and Vilde at the stand.
  • Stian talking about IGEM.
  • Sumaya talking about IGEM.
  • Vilde talking about IGEM.
  • Stian talking about IGEM to a secondary school class.
  • A member from the NTNU 2012 team came to visit us.
  • A member from the NTNU 2012 team came to visit us.
  • Wiki crash course.
  • Wiki crash course.
  • Wiki crash course.
  • Elina talking about our project at the nanoschool.
  • Taking a last drink with Izadora before she returns to Brazil.
  • We found a mocca master in the office we're using.. Not sure if this will be safe to use.
  • Elina working on the media plan.
  • Meeting.
  • Team picture.

Created using Bootstrap and jQuery.

Retrieved from "http://2014.igem.org/Team:UiOslo_Norway/Album"