-
Notifications
You must be signed in to change notification settings - Fork 0
/
photos.html
89 lines (80 loc) · 3.55 KB
/
photos.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html>
<head>
<title>RubyConf India 2012</title>
<link rel="stylesheet" href="assets/application.css" type="text/css" media="screen" charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
<meta name="description" content="India's third RubyConf is happening in Pune in March this year. RubyConf India is co-presented by ThoughtWorks and RubyCentral.">
<meta name="keywords" content="ruby rubyconf conference india" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<script>
'article aside footer header nav section time'.replace(/\w+/g,function(n){document.createElement(n)});
window.addEventListener("load",function() {
setTimeout(function(){ window.scrollTo(0, 1); }, 0);
});
</script>
</head>
<body id="page_photos">
<section id="page">
<header>
<a href="index.html" class="home">
<h1>RubyConf India 2012</h1>
<h2>March 24-25 | Pune, Maharashtra</h2>
</a>
<p id="twitter">
follow <a href="http://twitter.com/rubyconfindia">@rubyconfindia</a><br/>
hashtag <a href="https://twitter.com/#!/search/%23rubyconfindia">#rubyconfindia</a>
<span> </span>
</p>
</header>
<nav id="primary">
<ul>
<li><a class="index" href="index.html">home</a></li>
<li><a class="talks" href="talks.html" >talks</a></li>
<li><a class="schedule" href="schedule.html">schedule</a></li>
<li><a class="sponsors" href="sponsors.html">sponsors</a></li>
<li><a class="badges" href="badges.html" >badges</a></li>
<li><a class="photos" href="photos.html">photos</a></li>
</ul>
</nav>
<section id="photos">
<script type="text/javascript" language="javascript" src="http://api.flickr.com/services/rest/?format=json&method=flickr.photos.search&tags=rubyconfindia2012&tag_mode=all&api_key=a10ee707dcac4e46cf84dd25ed5ee1ad"></script>
<script type="text/javascript" charset="utf-8">
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++) {
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";
p_url = "http://www.flickr.com/photos/" +
photo.owner + "/" + photo.id;
s += '<a href="' + p_url + '">' + '<img alt="'+
photo.title + '"src="' + t_url + '"/>' + '</a>';
}
document.writeln(s);
//this tells the JavaScript to write
//everything in variable "s" onto the page
}
</script>
<!-- <script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?show_name=1&count=40&display=latest&size=m&layout=x&source=all_tag&tag=rubyconfindia2012&user=91291438%40N00"></script>
<span id="flickr_badge_source_txt">More <a href="http://www.flickr.com/photos/tags/rubyconfindia2012/" class="more">photos or video tagged with rubyconfindia</a> on Flickr</span> -->
</section>
</section>
<footer>
designed by <a href="http://hordesoftware.com/">Arpan [horde software]</a>
<p>
site hosting sponsored by <a href="http://www.thoughtworks.com/">ThoughtWorks Inc.</a>
</footer>
</section>
</body>
</html>