-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
108 lines (96 loc) · 6.28 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
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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="description" content="Google-image-layout : A library help you to build Google like Image Gallery">
<link rel="stylesheet" type="text/ css" media="screen" href="stylesheets/stylesheet.css">
<title>Google-image-layout</title>
</head>
<body>
<!-- HEADER -->
<div id="header_wrap" class="outer">
<header class="inner">
<a id="forkme_banner" href="https://github.com/ptgamr/google-image-layout">View on GitHub</a>
<h1 id="project_title">Google-image-layout</h1>
<h2 id="project_tagline">A library help you to build Google like Image Gallery</h2>
<section id="downloads">
<a class="zip_download_link" href="https://github.com/ptgamr/google-image-layout/zipball/master">Download this project as a .zip file</a>
<a class="tar_download_link" href="https://github.com/ptgamr/google-image-layout/tarball/master">Download this project as a tar.gz file</a>
</section>
</header>
</div>
<!-- MAIN CONTENT -->
<div id="main_content_wrap" class="outer">
<section id="main_content" class="inner">
<h3>How does it look?</h3>
<hr/>
<h4>A sample gallery</h4>
<div class="google-image-layout" data-google-image-layout data-max-height="150">
<img src="http://media-cache-ec0.pinimg.com/736x/d6/1f/6f/d61f6ff7dc676504170e6233fc6373e6.jpg"/>
<img src="http://media-cache-ec0.pinimg.com/736x/3d/e7/9b/3de79b852892d20cc55c51a3d5bdea95.jpg"/>
<img src="http://media-cache-ak0.pinimg.com/236x/ef/c9/1f/efc91fba944f62dfff1f7ba8c68c354a.jpg"/>
<img src="http://media-cache-ak0.pinimg.com/236x/b0/c7/74/b0c7741ecb01dac741423164619160ef.jpg"/>
<img src="http://media-cache-ec0.pinimg.com/236x/87/81/5c/87815cc125c4a837b31faa55a15492a9.jpg"/>
<img src="http://media-cache-ak0.pinimg.com/236x/90/00/c1/9000c129caefc382d7f0350b785236ee.jpg"/>
<img src="http://media-cache-ec0.pinimg.com/236x/3e/fa/d4/3efad4ef8fec0083e68d2b095a951713.jpg"/>
<img src="http://media-cache-ak0.pinimg.com/236x/97/bd/1f/97bd1f831745cd4d2a0ada15213497e4.jpg"/>
<img src="http://media-cache-ec0.pinimg.com/236x/41/be/52/41be5291808a8d4a9c10cc713103f931.jpg"/>
<img src="http://media-cache-ak0.pinimg.com/236x/34/88/eb/3488eb3ee851a1ac95d4d1a3b4545daf.jpg"/>
<img src="http://media-cache-ak0.pinimg.com/736x/7c/4f/36/7c4f36cc9e25f730d0c521c97c00d013.jpg"/>
<img src="http://media-cache-ec0.pinimg.com/236x/75/50/b7/7550b743833dc7e0ba52678ac86f316a.jpg"/>
<img src="http://media-cache-ak0.pinimg.com/236x/44/12/ef/4412efeee51cb877c00c53513900aaaf.jpg"/>
<img src="http://media-cache-ec0.pinimg.com/236x/be/09/a4/be09a4c9fa8d3f296c0985114ea0ad20.jpg"/>
<img src="http://media-cache-ak0.pinimg.com/236x/cd/40/38/cd4038d9fd9bdbbf6b825f9e38b08440.jpg"/>
<img src="http://media-cache-ak0.pinimg.com/236x/79/a6/ac/79a6acb2090f93a030a088109e89e022.jpg"/>
<img src="http://media-cache-ak0.pinimg.com/236x/cb/85/56/cb855665c3dd9912a5133bf163a18a73.jpg"/>
<img src="http://media-cache-ec0.pinimg.com/236x/d2/f5/d1/d2f5d1d612e751fb6221c4c18baa7109.jpg"/>
<img src="http://media-cache-ak0.pinimg.com/236x/f6/c7/1a/f6c71ae924f23a3e78eb4dd06d4b34a4.jpg"/>
<img src="http://media-cache-ak0.pinimg.com/236x/70/44/0d/70440de3d0e6932d91622df71c869fb4.jpg"/>
<img src="http://media-cache-ak0.pinimg.com/736x/78/8b/60/788b603f6b663675e56bdb5f2d62d43b.jpg"/>
<img src="http://media-cache-ec0.pinimg.com/736x/22/f9/5b/22f95bee0297faf19076756660c6a634.jpg"/>
<img src="http://media-cache-ec0.pinimg.com/236x/95/7e/5c/957e5c105697658f3f8640af339c99fb.jpg"/>
<img src="http://media-cache-ec0.pinimg.com/236x/c4/be/51/c4be51c2660544a67440656b8d986d78.jpg"/>
</div>
<hr/>
<h4>A bigger one</h4>
<div class="google-image-layout" data-google-image-layout data-max-height="300">
<img src="http://media-cache-ak0.pinimg.com/236x/98/71/32/987132b6d92c56931620c7521a8bac2e.jpg"/>
<img src="http://media-cache-ec0.pinimg.com/236x/32/52/43/325243c953b0da1b8729209ea6ab78fc.jpg"/>
<img src="http://media-cache-ec0.pinimg.com/736x/2e/e1/0a/2ee10ab852a3111ed7e16669b7deba86.jpg"/>
<img src="http://media-cache-ak0.pinimg.com/236x/39/bf/39/39bf3921df13d51e30826ae2d8ecbe5d.jpg"/>
<img src="http://media-cache-ec0.pinimg.com/236x/ef/49/60/ef4960aa4da37bcb7ed4a812e5f22ff7.jpg"/>
<img src="http://media-cache-ak0.pinimg.com/236x/dd/c2/cc/ddc2cc589fab09c3403460017d6b97d2.jpg"/>
<img src="http://media-cache-ec0.pinimg.com/236x/73/06/41/730641dc2de4cca0baf8f8f7d4933827.jpg"/>
<img src="http://media-cache-ec0.pinimg.com/736x/05/d8/34/05d834ace8bf71ae6e8ea144d4607fc4.jpg"/>
<img src="http://media-cache-ec0.pinimg.com/236x/e2/03/18/e20318ad640218d74a4fe4dd6ab94def.jpg"/>
<img src="http://media-cache-ak0.pinimg.com/236x/2c/e4/b4/2ce4b495b217cba65521467614e54894.jpg"/>
<img src="http://media-cache-ak0.pinimg.com/236x/a7/17/4c/a7174c4ae7d49211195ec3650275fb21.jpg"/>
<img src="http://media-cache-ak0.pinimg.com/736x/30/14/21/30142100b7e8c46157941e6d5120521f.jpg"/>
</div>
<h3>Support or Contact</h3>
<p>Having trouble with the plugin? Create an issue at <a href="https://github.com/ptgamr/google-image-layout">https://github.com/ptgamr/google-image-layout</a> or contact <a href="mailto:anh.trinhtrung@gmail.com">anh.trinhtrung@gmail.com</a>, I’ll help you sort it out.</p>
</section>
</div>
<!-- FOOTER -->
<div id="footer_wrap" class="outer">
<footer class="inner">
<p class="copyright">Google-image-layout maintained by <a href="https://github.com/ptgamr">ptgamr</a></p>
<p>Published with <a href="http://pages.github.com">GitHub Pages</a></p>
</footer>
</div>
<script src="javascripts/imagesloaded.pkgd.min.js"></script>
<script src="src/google-image-layout.js"></script>
<script src="javascripts/main.js"></script>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-54605887-1");
pageTracker._trackPageview();
} catch(err) {}
</script>
</body>
</html>