Team:UiOslo Norway/Album
From 2014.igem.org
(Difference between revisions)
StianLagstad (Talk | contribs) |
StianLagstad (Talk | contribs) |
||
(37 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{:Team:UiOslo_Norway/Include/Header}} | {{:Team:UiOslo_Norway/Include/Header}} | ||
+ | |||
+ | <html> | ||
+ | <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 class="container"> | ||
<div class="row"> | <div class="row"> | ||
Line 29: | Line 34: | ||
</li> | </li> | ||
<li> | <li> | ||
- | <a href=" | + | <a href="/Team:UiOslo_Norway/Team">Team</a> |
</li> | </li> | ||
</ul> | </ul> | ||
Line 35: | Line 40: | ||
</div> | </div> | ||
- | <div class="row | + | <div class="row"> |
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
Line 47: | Line 52: | ||
<div id="events" class="albumDiv"> | <div id="events" class="albumDiv"> | ||
- | |||
<ul class="row albumStuff"> | <ul class="row albumStuff"> | ||
- | |||
<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=" | + | src="https://static.igem.org/mediawiki/2014/8/81/Uioslo_norway_career_day_Haakon.jpg" |
- | alt="Håkon | + | alt="Håkon speaking to students about IGEM."/> |
</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=" | + | src="https://static.igem.org/mediawiki/2014/5/59/UiOslo_Norway_Masterpub.png" |
- | alt=" | + | 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> | ||
- | |||
</div> | </div> | ||
<div id="lab" class="albumDiv"> | <div id="lab" class="albumDiv"> | ||
- | |||
<ul class="row albumStuff"> | <ul class="row albumStuff"> | ||
- | |||
<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=" | + | src="https://static.igem.org/mediawiki/2014/4/4b/Uioslo_norway_lab_CIMG7664.JPG" |
- | alt=" | + | 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> | ||
- | |||
</div> | </div> | ||
<div id="social" class="albumDiv"> | <div id="social" class="albumDiv"> | ||
- | |||
<ul class="row albumStuff"> | <ul class="row albumStuff"> | ||
- | |||
<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=" | + | src="https://static.igem.org/mediawiki/2014/8/85/Uioslo_norway_lab_Beer.jpg" |
- | alt=" | + | 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=" | + | src="https://static.igem.org/mediawiki/2014/a/a7/Uioslo_norway_lab_Coffee.jpg" |
- | alt=" | + | 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> | ||
- | |||
</div> | </div> | ||
- | </div> | + | </div> |
+ | </div> | ||
- | <script src="https:// | + | <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 class="footer"> | ||
+ | <div class="container"> | ||
+ | <p class="text-muted text-center">Created using Bootstrap and jQuery.</p> | ||
+ | </div> | ||
+ | </div> |
Latest revision as of 15:18, 17 October 2014