HTML5 markup. fixes IE display bugs
[bizou.git] / template.php
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title> <?php echo $realDir ?> </title>
5 <style type="text/css">
6 body {
7         margin-top: 0;
8         font-family: sans-serif;
9 }
10 img {
11         border: 0;
12 }
13 a {
14         text-decoration: none;
15 }
16 .square {
17         display: inline-block;
18 }
19 .image, .foldername, .image_nopreview, .foldername_nopreview {
20         display: table-cell;
21         vertical-align: middle;
22 }
23 .image, .image_nopreview {
24         width: <?php echo THUMB_SIZE ?>px;
25         text-align: center;
26 }
27 .image, .foldername {
28         height: <?php echo THUMB_SIZE ?>px;
29 }
30 .foldername, .foldername_nopreview {
31         padding-left: 1ex;
32 }
33 #parentfolder {
34         font-size: 4em;
35         font-weight: bold;
36         height: 0.6em;
37 }
38 #credit {
39         text-align: right;
40         font-size: 0.25cm;
41         color: gray;
42 }
43 </style>
44 <?php foreach ($plugins as $p) if (is_file("plugins/$p/style.css")) { ?>
45         <link rel="stylesheet" type="text/css" href="<?php echo $rootUrl."plugins/$p/style.css" ?>" />
46 <?php } ?>
47 </head>
48 <body>
49
50 <div id="parentfolder"><a href="<?php echo $parentLink ?>">
51 <?php if ($parentLink !== '') { ?>
52 ^
53 <?php } ?>
54 &nbsp;</a></div>
55
56 <?php plugins_include("before_content.php") ?>
57
58 <?php foreach($folders as $folder) { $preview = getAlbumPreview($folder["file"]); ?>
59         <div class="folder">
60         <?php if ($preview === "") { ?>
61                 <div class="square"><div class="image_nopreview"> - </div></div>
62                 <div class="square"><div class="foldername_nopreview"> <a href="<?php echo $folder["link"] ?>"><?php echo $folder["name"] ?></a> </div></div>
63         <?php } else { ?>
64                 <div class="square"><div class="image"> <a href="<?php echo $folder["link"] ?>"><img src="<?php echo $rootUrl.$preview ?>" /></a> </div></div>
65                 <div class="square"><div class="foldername"> <a href="<?php echo $folder["link"] ?>"><?php echo $folder["name"] ?></a> </div></div>
66                 <?php if (isset($generating)) { ob_flush(); flush(); } ?>
67         <?php } ?>
68         </div>
69 <?php } ?>
70
71 <?php foreach ($imageFiles as $file) { ?>
72         <div class="square"><div class="image"><a href="<?php echo $file["link"] ?>"><img src="<?php echo $rootUrl.getPreview($file["file"]) ?>" alt="<?php echo $file["name"] ?>" /></a></div></div>
73         <?php if (isset($generating)) { ob_flush(); flush(); } ?>
74 <?php } ?>
75
76 <?php foreach ($otherFiles as $file) { ?>
77         <div class="miscfile"><a href="<?php echo $file["link"] ?>"><?php echo $file["name"] ?></a></div>
78 <?php } ?>
79
80 <?php plugins_include("after_content.php") ?>
81
82 <p id="credit">
83 Generated by <a href="http://www.positon.org/bizou/">Bizou</a>
84 </p>
85
86 </body>
87 </html>