-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
40 lines (37 loc) · 1.77 KB
/
index.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
<html>
<head>
<!-- NOTE: borrowed mostly from http://snarglr.com/pictures/ -->
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>Mr. FlickrPhotoSwipe</title>
<!-- important note: this lib uses a very old version of photoswipe -->
<!-- https://docs.omniref.com/github/dimsemenov/PhotoSwipe/3.0.3 -->
<script src="lib/js/klass.min.js" type="text/javascript" ></script>
<script src="lib/js/photoswipe-3.0.4.min.js"></script>
<link href="lib/css/photoswipe-3.0.4.css" type="text/css" rel="stylesheet" />
<link href="css/flickr-photo-swipe.css" type="text/css" rel="stylesheet" />
<script src="js/flickr-photo-swipe.js"></script>
<script type="text/javascript">
// EDIT ME HERE...and please change to your own API key
var f = new FlickrPhotoSwipe("f795862b714e60d59e6b4585f902e563", "72157670059311695", "lightbox111");
</script>
</head>
<body>
<div id="photoheader">
<a href="/">Mr. FlickrPhotoSwipe</a>
<script>
var lb = f.flickrLinkback("See more photos on my Flickr page", " ");
document.writeln(lb);
</script>
<address>
<div class='little'>(fake) phone #: <a href='tel:555-555-1212'>555.555.1212</a></div>
<div class='little'>github: <a href='//github.com/fpurcell/FlickrPhotoSwipe' target='#'>FlickrPhotoSwipe</a></div>
</address>
</div>
<div style="position:relative; margin:0 auto;">
<script>f.callFlickr();</script>
</div>
</body>
</html>