Team:Queens Canada/Intro/Photos

@@ Line 1: / Line 1: @@
-created
+{{Template:Queens_Canada/Header}}
+<html>
+<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Queens_Canada/fonts?action=raw&ctype=text/css"/>
+<head>
+<body onload="runAccordion(1,125)">
+</head>
+<div id="rightcontent">
+<img align="left" style="margin-bottom:0px; width: 755px; margin-top:-3px; padding:0;" src="https://static.igem.org/mediawiki/2011/c/c3/Queens_CanadaTitlePhotoGallery.png">
+<!--Cambridge iGEM 2010; total credit to them --!>
+<script>
+function jsonFlickrApi(rsp) {
+ if (rsp.stat != "ok"){
+  // If this executes, something broke!
+  return;
+ }
+ //variable "s" is going to contain
+ //all the markup that is generated by the loop below
+ var s = "";
+ //this loop runs through every item and creates HTML
+ for (var i=0; i < rsp.photos.photo.length; i++) {
+//for (var i=0; i < 10; i++) {
+  photo = rsp.photos.photo[ i ];
+  //notice that "t.jpg" is where you change the
+  //size of the image
+  t_url = "http://farm" + photo.farm +
+  ".static.flickr.com/" + photo.server + "/" +
+  photo.id + "_" + photo.secret + "_" + "t.jpg";
+ b_url = "http://farm" + photo.farm +
+  ".static.flickr.com/" + photo.server + "/" +
+  photo.id + "_" + photo.secret + "_" + "z.jpg";
+  p_url = "http://www.flickr.com/photos/" +
+  photo.owner + "/" + photo.id;
+  s +=  '<a class="lightbox" href="' + b_url + '">' + '<img alt="'+
+  photo.title + '"src="' + t_url + '" style="margin:10px; border:1px solid gray;" />' + '</a>';
+ }
+ document.writeln(s);
+ //this tells the JavaScript to write
+ //everything in variable "s" onto the page
+}
+</script>
+<script type="text/javascript" language="javascript" src="http://api.flickr.com/services/rest/?format=json&method=flickr.photos.search&user_id=63080471@N05&api_key=52566611a5be16fbbbe57f3dbe4f1fef&count=6"></script>
+</div>
+</html>