-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcollection-PIN.php
179 lines (149 loc) · 9.11 KB
/
collection-PIN.php
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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!DOCTYPE html>
<html lang="en"><head>
<!--- here goes meta.php -->
<?php include "components/php/meta.php"; ?>
<title>Patagonia Images | Pingüino de Magallanes </title>
<!-- Bootstrap core CSS -->
<link href="grid-template_files/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="grid-template_files/grid.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<script src="grid-template_files/ie-emulation-modes-warning.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="grid-template_files/ie10-viewport-bug-workaround.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
background-size: cover;
background-repeat:no-repeatdisplay: compact;
}
body#home {
background-color: #4e9258;
}
div#content {
color: #D6D6D6;
width: 100%;
margin: 0 auto;
padding: 10px;
background-color: #f8f8f8;
background-color: rgba(50, 50, 50,.6);
border: 1px solid #999;
padding: 10px;
border-radius: 15px;
-border-radius: 3px;
-webkit-border-radius: 10px;
box-shadow: 5px 5px 10px #999;
}
</style>
<!-- ++ as per Bootstrap-Images-Gallery -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="css/blueimp-gallery.css">
<link rel="stylesheet" href="css/bootstrap-image-gallery.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body id="home">
<!-- { navbar-->
<?php include "components/php/navbar.php"; ?>
<section class="container">
<!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body -->
<div id="blueimp-gallery" class="blueimp-gallery">
<!-- The container for the modal slides -->
<div class="slides"></div>
<!-- Controls for the borderless lightbox -->
<h3 class="title"></h3>
<a class="prev">‹</a>
<a class="next">›</a>
<a class="close">×</a>
<a class="play-pause"></a>
<ol class="indicator"></ol>
<!-- The modal dialog, which will be used to wrap the lightbox content -->
<div class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" aria-hidden="true">×</button>
<h4 class="modal-title"></h4>
</div>
<div class="modal-body next"></div>
<div class="modal-footer">
<button type="button" class="btn btn-default pull-left prev">
<i class="glyphicon glyphicon-chevron-left"></i>
Previous
</button>
<button type="button" class="btn btn-primary next">
Next
<i class="glyphicon glyphicon-chevron-right"></i>
</button>
</div>
</div>
</div>
</div>
</div>
<!-- nuevos links ------------------------------------------->
<div id='links'>
<a href='/images/collections/PIN_Pinguino-de-Magallanes/PIN-001_Patagonia_Pinguino en nido con su pichon_Punta Tombo.jpg' title='01_Patagonia_Pinguino en nido con su pichon_Punta Tombo'>
<img src='/images/collections-thumbs/PIN/PIN-001_Patagonia_Pinguino en nido con su pichon_Punta Tombo.jpg' alt='01_Patagonia_Pinguino en nido con su pichon_Punta Tombo'>
</a>
<a href='/images/collections/PIN_Pinguino-de-Magallanes/PIN-002_Patagonia_Pinguinos nadando_Punta Tombo_Chubut.jpg' title='02_Patagonia_Pinguinos nadando_Punta Tombo_Chubut'>
<img src='/images/collections-thumbs/PIN/PIN-002_Patagonia_Pinguinos nadando_Punta Tombo_Chubut.jpg' alt='02_Patagonia_Pinguinos nadando_Punta Tombo_Chubut'>
</a>
<a href='/images/collections/PIN_Pinguino-de-Magallanes/PIN-003_Patagonia_Pinguino refrigerandose_ea San Lorenzo_Chu.jpg' title='03_Patagonia_Pinguino refrigerandose_ea San Lorenzo_Chu'>
<img src='/images/collections-thumbs/PIN/PIN-003_Patagonia_Pinguino refrigerandose_ea San Lorenzo_Chu.jpg' alt='03_Patagonia_Pinguino refrigerandose_ea San Lorenzo_Chu'>
</a>
<a href='/images/collections/PIN_Pinguino-de-Magallanes/PIN-004_Patagonia_Pinguino y su pichon_Punta Tombo_Chubut.jpg' title='04_Patagonia_Pinguino y su pichon_Punta Tombo_Chubut'>
<img src='/images/collections-thumbs/PIN/PIN-004_Patagonia_Pinguino y su pichon_Punta Tombo_Chubut.jpg' alt='04_Patagonia_Pinguino y su pichon_Punta Tombo_Chubut'>
</a>
<a href='/images/collections/PIN_Pinguino-de-Magallanes/PIN-005_Patagonia_viajera observando un pinguino_Ea San Lore.jpg' title='05_Patagonia_viajera observando un pinguino_Ea San Lore'>
<img src='/images/collections-thumbs/PIN/PIN-005_Patagonia_viajera observando un pinguino_Ea San Lore.jpg' alt='05_Patagonia_viajera observando un pinguino_Ea San Lore'>
</a>
<a href='/images/collections/PIN_Pinguino-de-Magallanes/PIN-006_Patagonia_Playa principal 1_Punta Tombo_Chubut.jpg' title='06_Patagonia_Playa principal 1_Punta Tombo_Chubut'>
<img src='/images/collections-thumbs/PIN/PIN-006_Patagonia_Playa principal 1_Punta Tombo_Chubut.jpg' alt='06_Patagonia_Playa principal 1_Punta Tombo_Chubut'>
</a>
<a href='/images/collections/PIN_Pinguino-de-Magallanes/PIN-007_Patagonia_Guardafauna controlando_Punta Tombo_Chubut.jpg' title='07_Patagonia_Guardafauna controlando_Punta Tombo_Chubut'>
<img src='/images/collections-thumbs/PIN/PIN-007_Patagonia_Guardafauna controlando_Punta Tombo_Chubut.jpg' alt='07_Patagonia_Guardafauna controlando_Punta Tombo_Chubut'>
</a>
<a href='/images/collections/PIN_Pinguino-de-Magallanes/PIN-008_Patagonia_pinguino asomando de su nido_Ea San Lorenz.jpg' title='08_Patagonia_pinguino asomando de su nido_Ea San Lorenz'>
<img src='/images/collections-thumbs/PIN/PIN-008_Patagonia_pinguino asomando de su nido_Ea San Lorenz.jpg' alt='08_Patagonia_pinguino asomando de su nido_Ea San Lorenz'>
</a>
<a href='/images/collections/PIN_Pinguino-de-Magallanes/PIN-009_Patagonia_Playa principal plano general_Punta Tombo_.jpg' title='09_Patagonia_Playa principal plano general_Punta Tombo_'>
<img src='/images/collections-thumbs/PIN/PIN-009_Patagonia_Playa principal plano general_Punta Tombo_.jpg' alt='09_Patagonia_Playa principal plano general_Punta Tombo_'>
</a>
<a href='/images/collections/PIN_Pinguino-de-Magallanes/PIN-010_Patagonia_Pinguinos apareandose_Ea San Lorenzo_Penin.jpg' title='10_Patagonia_Pinguinos apareandose_Ea San Lorenzo_Penin'>
<img src='/images/collections-thumbs/PIN/PIN-010_Patagonia_Pinguinos apareandose_Ea San Lorenzo_Penin.jpg' alt='10_Patagonia_Pinguinos apareandose_Ea San Lorenzo_Penin'>
</a>
<a href='/images/collections/PIN_Pinguino-de-Magallanes/PIN-011_Patagonia_Panoramica playa principal_Punta Tombo_Chu.jpg' title='11_Patagonia_Panoramica playa principal_Punta Tombo_Chu'>
<img src='/images/collections-thumbs/PIN/PIN-011_Patagonia_Panoramica playa principal_Punta Tombo_Chu.jpg' alt='11_Patagonia_Panoramica playa principal_Punta Tombo_Chu'>
</a>
<a href='/images/collections/PIN_Pinguino-de-Magallanes/PIN-012_Patagonia_Pinguino pichon_Cabo Dos Bahias_Chubut.jpg' title='12_Patagonia_Pinguino pichon_Cabo Dos Bahias_Chubut'>
<img src='/images/collections-thumbs/PIN/PIN-012_Patagonia_Pinguino pichon_Cabo Dos Bahias_Chubut.jpg' alt='12_Patagonia_Pinguino pichon_Cabo Dos Bahias_Chubut'>
</a>
</div>
<!-- /links ! ----------------------------------------->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="http:/ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http:/blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script>
<script src="js/bootstrap-image-gallery.min.js"></script>
<!-- triggering the whole thing -->
<script src="js/blueimp-gallery.min.js"></script>
<script>
document.getElementById('links').onclick = function (event) {
event = event || window.event;
var target = event.target || event.srcElement,
link = target.src ? target.parentNode : target,
options = {index: link, event: event},
links = this.getElementsByTagName('a');
blueimp.Gallery(links, options);
};
</script>
<footer> <!-- /container -->
<?php include "components/php/footer.php"; ?>
</footer> <!-- /container -->