summaryrefslogtreecommitdiff
path: root/templates/template_album.html
blob: 3d0af4f3320f49051c7c4d5c49a53be499406f81 (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
<?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" src="$(TEMPLATES_PATH)scripts-general.js"> </script>
</head>
<body>


<!--  ##  Navigation bar  -->
<div class="navigation">
  <div class="navlinks"><!-- $(NAV_BAR) --></div>
  <div class="navposition">
    <span class="navposnumber"><!-- $(TOTAL_ITEMS) --> items</span>
  </div>
</div>


<div class="master_content">
  <!--  ##  Description  -->
  <div class="description">
    <!-- $(ifdef(SHOW_GO_UP)) --><!-- $(ifndef(IS_ROOT)) -->
    <div class="desc_go_up">:. <a href="$(GO_UP_LINK)">Go Up</a></div>
    <!-- $(endif(IS_ROOT)) --><!-- $(endif(SHOW_GO_UP)) -->
    <div class="desc_title"><!-- $(TITLE) --></div>
    <div class="desc_text"><!-- $(DESCRIPTION) --></div>
  </div>

  <!--  ##  Images  -->
  <div class="album_thumbs">
  <!-- $(BEGIN_IMG_LIST) -->
    <!-- $(BEGIN_IMG_LIST_LANDSCAPE) -->
      <div class="album_item">
        <div class="position_marker" id="$(IMG_LIST_ID)"></div>
        <a href="$(IMG_SUBPAGE)">
          <img src="$(IMG_THUMBNAIL)" width="$(IMG_SIZE_THUMB_W)" height="$(IMG_SIZE_THUMB_H)" alt="$(IMG_TITLE)" />
          <span class="album_thumb_text"><!-- $(IMG_FILENAME) --></span>
        </a>
      </div>
    <!-- $(END_IMG_LIST_LANDSCAPE) -->
    <!-- $(BEGIN_IMG_LIST_PORTRAIT) -->
      <div class="album_item">
        <div class="position_marker" id="$(IMG_LIST_ID)"></div>
        <a href="$(IMG_SUBPAGE)">
          <img src="$(IMG_THUMBNAIL)" width="$(IMG_SIZE_THUMB_W)" height="$(IMG_SIZE_THUMB_H)" alt="$(IMG_TITLE)" class="portrait" />
          <span class="album_thumb_text"><!-- $(IMG_FILENAME) --></span>
        </a>
      </div>
    <!-- $(END_IMG_LIST_PORTRAIT) -->
    <!-- $(BEGIN_IMG_LIST_SQUARED) -->
      <div class="album_item">
        <div class="position_marker" id="$(IMG_LIST_ID)"></div>
        <a href="$(IMG_SUBPAGE)">
          <img src="$(IMG_THUMBNAIL)" width="$(IMG_SIZE_THUMB_W)" height="$(IMG_SIZE_THUMB_H)" alt="$(IMG_TITLE)" class="squared" />
          <span class="album_thumb_text"><!-- $(IMG_FILENAME) --></span>
        </a>
      </div>
    <!-- $(END_IMG_LIST_SQUARED) -->
    <!-- $(BEGIN_LIST_SEPARATOR) -->
      <div class="separators">
        <div class="index_separator"><!-- $(LIST_SEPARATOR_TITLE) --></div>
      </div>
    <!-- $(END_LIST_SEPARATOR) -->
    <!-- $(BEGIN_LIST_INTERSPACE) -->
      <div class="interspace">
        <div class="index_interspace"><!-- $(LIST_INTERSPACE_TITLE) --></div>
      </div>
    <!-- $(END_LIST_INTERSPACE) -->
  <!-- $(END_IMG_LIST) -->
  </div>

  <!--  ##  Footnote, also acts as a bottom border  -->
  <div class="footnote">
    <div class="desc_text"><!-- $(FOOTNOTE) --></div>
  </div>
</div> <!-- end of master_content -->


<!--  ##  Footer  -->
<div class="footer"><!-- $(FOOTER) --></div>

</body>
</html>