blob: 465c631e22c4473ca8db031aded0985cdfb8d409 (
plain)
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
|
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head profile="http://www.w3.org/2005/10/profile">
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>$(PAGE_TITLE)</title>
<!-- $(CGG_META_TAGS) -->
<!-- $(CGG_ATOM_FEED_TAGS) -->
<link href="$(TEMPLATES_PATH)styles.css" type="text/css" rel="stylesheet" media="screen, print" />
<script type="text/javascript">var NUM_PHOTOS = $(TOTAL_ITEMS);</script>
<script type="text/javascript" src="$(TEMPLATES_PATH)scripts.js">onLoad();</script>
<style>
@media screen and (min-width: 1700px) {<!-- $(BEGIN_IMG_LIST) -->
<!-- $(BEGIN_LIST_PICTURE_ALL_SIZES) --><!-- $(ifdef(HAVE_IMG_SIZE_ORIGINAL)) -->
div.photo#photo-$(ITEM_INDEX) img { width: $(IMG_SIZE_W__ORIGINAL)px; height: $(IMG_SIZE_H__ORIGINAL)px; }<!-- $(endif(HAVE_IMG_SIZE_ORIGINAL)) --><!-- $(END_LIST_PICTURE_ALL_SIZES) -->
<!-- $(END_IMG_LIST) -->
}
@media screen and (min-width: 2300px) {<!-- $(BEGIN_IMG_LIST) -->
<!-- $(BEGIN_LIST_PICTURE_ALL_SIZES) --><!-- $(ifdef(HAVE_IMG_SIZE_HIRES)) -->
div.photo#photo-$(ITEM_INDEX) img { width: $(IMG_SIZE_W__HIRES)px; height: $(IMG_SIZE_H__HIRES)px; }<!-- $(endif(HAVE_IMG_SIZE_HIRES)) --><!-- $(END_LIST_PICTURE_ALL_SIZES) -->
<!-- $(END_IMG_LIST) -->
}
@media screen and (min-width: 3600px) {<!-- $(BEGIN_IMG_LIST) -->
<!-- $(BEGIN_LIST_PICTURE_ALL_SIZES) --><!-- $(ifdef(HAVE_IMG_SIZE_4K)) -->
div.photo#photo-$(ITEM_INDEX) img { width: $(IMG_SIZE_W__4K)px; height: $(IMG_SIZE_H__4K)px; }<!-- $(endif(HAVE_IMG_SIZE_4K)) --><!-- $(END_LIST_PICTURE_ALL_SIZES) -->
<!-- $(END_IMG_LIST) -->
}
</style>
</head>
<body>
<!-- ## Navigation bar -->
<div class="navigation photostream-hide">
<div class="navbar">
<!-- $(BEGIN_NAV_BAR) -->
<!-- $(BEGIN_NAV_BAR_FIRST) -->
<a href="$(NAV_BAR_ELEM_LINK)" class="av" rel="home"><i class="fa fa-home"></i> <!-- $(NAV_BAR_ELEM_TITLE) --> </a>
<!-- $(END_NAV_BAR_FIRST) -->
<!-- $(BEGIN_NAV_BAR_ELEM) -->
<a href="$(NAV_BAR_ELEM_LINK)"><!-- $(NAV_BAR_ELEM_TITLE) --></a>
<!-- $(END_NAV_BAR_ELEM) -->
<!-- $(BEGIN_NAV_BAR_LAST) -->
<a href="$(NAV_BAR_ELEM_LINK)"><!-- $(NAV_BAR_ELEM_TITLE) --></a>
<!-- $(END_NAV_BAR_LAST) -->
<!-- $(BEGIN_NAV_BAR_CURRENT) -->
<span class="nav-current av"><!-- $(NAV_BAR_ELEM_TITLE) --></span>
<!-- $(END_NAV_BAR_CURRENT) -->
<!-- $(BEGIN_NAV_BAR_CURRENT_ROOT) -->
<span class="nav-current nav-root"><i class="fa fa-home"></i> <!-- $(NAV_BAR_ELEM_TITLE) --></span>
<!-- $(END_NAV_BAR_CURRENT_ROOT) -->
<!-- $(END_NAV_BAR) -->
</div>
<div class="nav-right"><!-- $(TOTAL_ITEMS) --> photos</div>
</div>
<div class="content-wrapper">
<div class="content">
<div class="title photostream-hide"><!-- $(TITLE) --></div>
<div class="text photostream-hide"><!-- $(DESCRIPTION) --></div>
<div class="photos photostream-hide">
<!-- $(BEGIN_IMG_LIST) -->
<!-- $(BEGIN_LIST_PICTURE_ALL_SIZES) -->
<div class="photo" id="photo-$(ITEM_INDEX)">
<div class="position_marker" id="i$(ITEM_INDEX)"></div>
<picture>
<!-- $(ifdef(HAVE_IMG_SIZE_4K)) --><source media="(min-width: 3600px)" srcset="$(IMG_SRC__4K)$(ifdef(HAVE_IMG_SIZE_4K_HIDPI_1.5X)), $(IMG_SRC__4K_HIDPI_1.5X) 1.5x$(endif(HAVE_IMG_SIZE_4K_HIDPI_1.5X))$(ifdef(HAVE_IMG_SIZE_4K_HIDPI_2X)), $(IMG_SRC__4K_HIDPI_2X) 2x$(endif(HAVE_IMG_SIZE_4K_HIDPI_2X))"><!-- $(endif(HAVE_IMG_SIZE_4K)) -->
<!-- $(ifdef(HAVE_IMG_SIZE_HIRES)) --><source media="(min-width: 2300px)" srcset="$(IMG_SRC__HIRES)$(ifdef(HAVE_IMG_SIZE_HIRES_HIDPI_1.5X)), $(IMG_SRC__HIRES_HIDPI_1.5X) 1.5x$(endif(HAVE_IMG_SIZE_HIRES_HIDPI_1.5X))$(ifdef(HAVE_IMG_SIZE_HIRES_HIDPI_2X)), $(IMG_SRC__HIRES_HIDPI_2X) 2x$(endif(HAVE_IMG_SIZE_HIRES_HIDPI_2X))"><!-- $(endif(HAVE_IMG_SIZE_HIRES)) -->
<!-- $(ifdef(HAVE_IMG_SIZE_ORIGINAL)) --><source media="(min-width: 1700px)" srcset="$(IMG_SRC__ORIGINAL)$(ifdef(HAVE_IMG_SIZE_ORIGINAL_HIDPI_1.5X)), $(IMG_SRC__ORIGINAL_HIDPI_1.5X) 1.5x$(endif(HAVE_IMG_SIZE_ORIGINAL_HIDPI_1.5X))$(ifdef(HAVE_IMG_SIZE_ORIGINAL_HIDPI_2X)), $(IMG_SRC__ORIGINAL_HIDPI_2X) 2x$(endif(HAVE_IMG_SIZE_ORIGINAL_HIDPI_2X))"><!-- $(endif(HAVE_IMG_SIZE_ORIGINAL)) -->
<source media="(max-width: 1699px)" srcset="$(IMG_SRC)$(ifdef(HAVE_IMG_SIZE_PREVIEW_HIDPI_1.5X)), $(IMG_SRC__PREVIEW_HIDPI_1.5X) 1.5x$(endif(HAVE_IMG_SIZE_PREVIEW_HIDPI_1.5X))$(ifdef(HAVE_IMG_SIZE_PREVIEW_HIDPI_2X)), $(IMG_SRC__PREVIEW_HIDPI_2X) 2x$(endif(HAVE_IMG_SIZE_PREVIEW_HIDPI_2X))">
<img src="$(IMG_SRC)" width="$(IMG_SIZE_W)" height="$(IMG_SIZE_H)" alt="" id="$(value(BORDER_STYLE))"/>
</picture>
<div class="photo-content">
<div class="photo-title"><!-- $(IMG_TITLE) --></div>
<a href="javascript: toggle_exif_visibility($(ITEM_INDEX));" class="exif-icon" id="exif_icon-$(ITEM_INDEX)" title="Show/hide metadata information"><i class="fa fa-info"></i></a>
<div class="photo-text" id="i$(ITEM_INDEX)"><!-- $(IMG_DESCRIPTION) --></div>
<div class="photo-exif" id="exif_table-$(ITEM_INDEX)">
<div class="photo-exif-sub" id="i$(ITEM_INDEX)">
<a href="#i$(ITEM_INDEX)"><span class="seg" title="Image reference link"><i class="fa fa-anchor"></i><!-- $(IMG_FILENAME) --></span></a>
<!-- $(ifdef(HAVE_EXIF)) -->
<span class="seg" title="Date and time"><i class="fa fa-calendar"></i><!-- $(get_exif_value_fixed("Exif.Photo.DateTimeOriginal")) --></span>
<span class="seg" title="Shutter speed and aperture number"><i class="fa fa-cog"></i><!-- $(get_exif_value_fixed("Exif.Photo.ExposureTime")) --> <!-- $(get_exif_value_fixed("Exif.Photo.FNumber")) --></span>
<span class="seg" title="Focal length"><i class="fa fa-sliders"></i><!-- $(get_exif_value_fixed("Exif.Photo.FocalLength")) --></span>
<span class="seg" title="ISO Speed setting"><i class="fa fa-film"></i>ISO <!-- $(get_exif_value_fixed("Exif.Photo.ISOSpeedRatings")) --></span>
<span class="seg" title="Camera model"><i class="fa fa-camera"></i><!-- $(get_exif_value_fixed("Exif.Image.Model")) --></span>
<!-- $(if (have_exif_key ("__disabled__Exif.CanonSi.CameraTemperature"))) -->
<span class="seg" title="Camera temperature"><i class="fa fa-cloud"></i><!-- $(get_exif_value_fixed("Exif.CanonSi.CameraTemperature")) --></span>
<!-- $(endif (have_exif_key ())) -->
<!-- $(endif(HAVE_EXIF)) -->
</div>
</div>
</div>
</div>
<br/>
<!-- $(END_LIST_PICTURE_ALL_SIZES) -->
<!-- $(BEGIN_LIST_SEPARATOR) -->
<div class="separator" id="photo-$(ITEM_INDEX)-sep"><!-- $(LIST_SEPARATOR_TITLE) --></div>
<!-- $(END_LIST_SEPARATOR) -->
<!-- $(BEGIN_LIST_INTERSPACE) -->
<div class="interspace" id="photo-$(ITEM_INDEX)-ispc"><!-- $(LIST_INTERSPACE_TITLE) --></div>
<!-- $(END_LIST_INTERSPACE) -->
<!-- $(END_IMG_LIST) -->
<!-- ## Footnote, also acts as a bottom border -->
<div class="footnote"><!-- $(FOOTNOTE) --></div>
</div>
</div>
<a class="photostream-force-hide" id="photostream-close" href="javascript: cancel_photostream_mode();" title="Quit the photo stream mode"><i class="fa fa-times"></i></a>
<span class="photostream-force-hide" id="photostream-position-label">1 / <!-- $(TOTAL_ITEMS) --></span>
<!-- ## Footer -->
<div class="footer photostream-hide">
<hr /><!-- $(FOOTER) -->
</div>
</div>
</body>
</html>
|
