Suppression des anciens thèmes

This commit is contained in:
Sylvhem 2014-02-09 00:43:31 +01:00
commit 6c86729f1a
40 changed files with 1629 additions and 6738 deletions

View file

@ -1,16 +1,16 @@
Minigal Nano SSE MiniBoardNano SSE
================ ================
MiniGal Nano is a very simple image gallery. It adheres to the KISS principle and is very easy to install. MiniGal Nano does not have a web admin interface: You just upload your images in the photo folder. It only requires php and GD (no database, no special libraries like PEAR or ImageMagick). miniBoardNano is a fork of MiniGal Nano by Sebsauvage. It just make it more graphic, with new themes and icons. Some little technicals improvements are made, but all the MiniGal Nano stuff you can find over the web should be compatible with miniBoardNano. The following text is nearly the same as the official documentation of MiniGal Nano by Sebsauvage.
Minigal Nano uses a javascript Lightbox (Use left/right arrows for navigation), but it degrades gracefully if javascript is disabled. miniBoardNano is a very simple image gallery. It adheres to the KISS principle and is very easy to install. miniBoardNano does not have a web admin interface: You just upload your images in the photo folder. It only requires php and GD (no database, no special libraries like PEAR or ImageMagick).
Boardigal Nano uses a javascript Lightbox (Use left/right arrows for navigation), but it degrades gracefully if javascript is disabled.
This fork (Minigal Nano SSE) is based on [Thomas Rybak's](http://www.minigal.dk/minigal-nano.html) version which seems to have been abandonned in 2010. miniBoardNano is based on Minigal Nano SEE by [Sebsauvage](https://github.com/sebsauvage/MinigalNano), that is is based on [Thomas Rybak's](http://www.minigal.dk/minigal-nano.html) version which seems to have been abandonned in 2010.
It adds a handfull of features like tumbnails cache and image/folder description. Its add new themes and icons, use more modern html/css, update JS libs, and wants to be more community pull-friendly for the future.
Online demo: [http://boards.tomcanac.com/](http://boards.tomcanac.com/)
Online demo: [http://sebsauvage.net/galerie/](http://sebsauvage.net/galerie/)
Installation Installation
============ ============
@ -52,7 +52,8 @@ If some thumbnails are wrong, you can purge this directory: Thumbnails will be a
-------------------------------------------------- --------------------------------------------------
MiniGal Nano SSE by Sébastien SAUVAGE is licensed under a Creative Commons Attribution-Share Alike. * Icons in the images folder are from the nitrux pack [http://store.nitrux.in/](http://store.nitrux.in/)
https://creativecommons.org/licenses/by-sa/2.5/
miniBoardNano SSE by TomCanac is **highly** based on MiniGal Nano by Sébastien SAUVAGE and is under the same licensed : Creative Commons Attribution-Share Alike.
https://creativecommons.org/licenses/by-sa/2.5/
-------------------------------------------------- --------------------------------------------------

View file

@ -19,25 +19,26 @@ Please enjoy this free script!
$thumbs_pr_page = "39"; //Number of thumbnails on a single page $thumbs_pr_page = "39"; //Number of thumbnails on a single page
$gallery_width = "80%"; //Gallery width. Eg: "500px" or "70%" $gallery_width = "80%"; //Gallery width. Eg: "500px" or "70%"
$backgroundcolor = "white"; //This provides a quick way to change your gallerys background to suit your website. Use either main colors like "black", "white", "yellow" etc. Or HEX colors, eg. "#AAAAAA" $backgroundcolor = "white"; //This provides a quick way to change your gallerys background to suit your website. Use either main colors like "black", "white", "yellow" etc. Or HEX colors, eg. "#AAAAAA"
$templatefile = "darkgold2"; //Template filename (must be placed in 'templates' folder) $templatefile = "board"; //Template filename (must be placed in 'templates' folder)
$title = "MiniGal Nano test gallery"; // Text to be displayed in browser titlebar $title = "MiniGal Nano"; // Text to be displayed in browser titlebar
$author = "John Doe"; $author = "John Doe";
$folder_color = "black"; // Color of folder icons: blue / black / vista / purple / green / grey $folder_color = "black"; // Color of folder icons: blue / black / vista / purple / green / grey
$sorting_folders = "name"; // Sort folders by: [name][date] $sorting_folders = "name"; // Sort folders by: [name][date]
$sorting_files = "name"; // Sort files by: [name][date][size] $sorting_files = "name"; // Sort files by: [name][date][size]
$sortdir_folders = "ASC"; // Sort direction of folders: [ASC][DESC] $sortdir_folders = "ASC"; // Sort direction of folders: [ASC][DESC]
$sortdir_files = "ASC"; // Sort direction of files: [ASC][DESC] $sortdir_files = "ASC"; // Sort direction of files: [ASC][DESC]
$lazyload = 1; // 0 = pagination, 1 = display all pictures on one page.
//LANGUAGE STRINGS //LANGUAGE STRINGS
$label_home = "Home"; //Name of home link in breadcrumb navigation $label_home = "Home"; //Name of home link in breadcrumb navigation
$label_new = "New"; //Text to display for new images. Use with $display_new variable $label_new = "New"; //Text to display for new images. Use with $display_new variable
$label_page = "Page"; //Text used for page navigation $label_page = "Page"; //Text used for page navigation
$label_all = "All"; //Text used for link to display all images in one page $label_all = "All"; //Text used for link to display all images in one page
$label_noimages = "No images"; //Empty folder text $label_noimages = "No images"; //Empty folder text
$label_loading = "Loading..."; //Thumbnail loading text $label_loading = "Loading..."; //Thumbnail loading text
//ADVANCED SETTINGS //ADVANCED SETTINGS
$thumb_size = 320; //Thumbnail height/width (square thumbs). Changing this will most likely require manual altering of the template file to make it look properly! $thumb_size = 320; //Thumbnail height/width (square thumbs). Changing this will most likely require manual altering of the template file to make it look properly!
$label_max_length = 40; //Maximum chars of a folder name that will be displayed on the folder thumbnail $label_max_length = 40; //Maximum chars of a folder name that will be displayed on the folder thumbnail
$display_exif = 0; $display_exif = 0; //Take care, even if not diplayed EXIF are still readable for visitors. May be a good idea to erase EXIF datas...
?> ?>

View file

@ -33,10 +33,7 @@
left: 50%; left: 50%;
overflow: hidden; overflow: hidden;
background-color: #000; background-color: #000;
-webkit-border-radius: 10px; border-radius: 4px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.50); -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
-khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.50); -khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.50); -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
@ -46,6 +43,9 @@
/* For IE 5.5 - 7 */ /* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000'); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');
} }
#mbCenter img{
border-radius: 4px;
}
#mbCenter.mbLoading { #mbCenter.mbLoading {
background: #000 url(../images/loading2.gif) no-repeat center; background: #000 url(../images/loading2.gif) no-repeat center;
@ -66,7 +66,6 @@
/* Inline content styling */ /* Inline content styling */
font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
line-height: 20px; line-height: 20px;
font-size: 12px; font-size: 12px;
color: #fff; color: #fff;
@ -79,13 +78,10 @@
/* Title, Caption and Button styling */ /* Title, Caption and Button styling */
#mbBottom { #mbBottom {
min-height: 20px;
font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
line-height: 20px;
font-size: 12px;
color: #999; color: #999;
text-align: left; text-align: left;
padding: 0 10px 10px; padding: 0 10px 10px;
font-size: 1.5rem;
} }
#mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink { #mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink {
@ -154,10 +150,7 @@
border: 10px solid #700; border: 10px solid #700;
padding: 10px 10px 10px; padding: 10px 10px 10px;
margin: 20px; margin: 20px;
-webkit-border-radius: 5px; border-radius: 4px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
} }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { #mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {

View file

@ -33,10 +33,7 @@
left: 50%; left: 50%;
overflow: hidden; overflow: hidden;
background-color: #fff; background-color: #fff;
-webkit-border-radius: 10px; border-radius: 4px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.50); -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
-khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.50); -khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.50); -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
@ -46,6 +43,9 @@
/* For IE 5.5 - 7 */ /* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000'); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');
} }
#mbCenter img{
border-radius: 4px;
}
#mbCenter.mbLoading { #mbCenter.mbLoading {
background: #fff url(../images/WhiteLoading.gif) no-repeat center; background: #fff url(../images/WhiteLoading.gif) no-repeat center;
@ -66,26 +66,22 @@
/* Inline content styling */ /* Inline content styling */
font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
line-height: 20px; line-height: 20px;
font-size: 12px; font-size: 12px;
color: #333; color: #333;
text-align: left; text-align: left;
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
padding: 10px; padding: 5px;
} }
/* Title, Caption and Button styling */ /* Title, Caption and Button styling */
#mbBottom { #mbBottom {
min-height: 20px;
font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
line-height: 20px;
font-size: 12px;
color: #000; color: #000;
text-align: left; text-align: left;
padding: 0 10px 10px; padding: 0 10px 10px;
font-size: 1.5rem;
} }
#mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink { #mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink {
@ -154,10 +150,7 @@
border: 10px solid #700; border: 10px solid #700;
padding: 10px 10px 10px; padding: 10px 10px 10px;
margin: 20px; margin: 20px;
-webkit-border-radius: 5px; border-radius: 4px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
} }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { #mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {

7
humans.txt Normal file
View file

@ -0,0 +1,7 @@
According to the commits, here are the humans behind MiniGal Nano :
Thomas Rybak <http://www.minigal.dk/minigal-nano.html>
Sébastien Sauvage <http://sebsauvage.net/>
Aldarone <http://aldarone.fr/>
Sylvhem <http://lepubdelobservateur.fr/>
Tom Canac <http://tomcanac.com/>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.9 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 8.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 8.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.6 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.6 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.3 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.6 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
images/loader.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 404 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

105
index.php
View file

@ -59,7 +59,7 @@ $comment = "";
//----------------------- //-----------------------
if (!function_exists('exif_read_data') && $display_exif == 1) { if (!function_exists('exif_read_data') && $display_exif == 1) {
$display_exif = 0; $display_exif = 0;
$messages = "Error: PHP EXIF is not available. Set &#36;display_exif = 0; in config.php to remove this message"; $messages = "Error: PHP EXIF is not available. Set &#36;display_exif = 0; in config.php to remove this message";
} }
//----------------------- //-----------------------
@ -78,7 +78,7 @@ function padstring($name, $length) {
global $label_max_length; global $label_max_length;
if (!isset($length)) $length = $label_max_length; if (!isset($length)) $length = $label_max_length;
if (strlen($name) > $length) { if (strlen($name) > $length) {
return substr($name,0,$length) . "..."; return substr($name,0,$length) . "...";
} else return $name; } else return $name;
} }
function getfirstImage($dirname) { function getfirstImage($dirname) {
@ -100,30 +100,30 @@ function getfirstImage($dirname) {
function readEXIF($file) { function readEXIF($file) {
$exif_data = ""; $exif_data = "";
$exif_idf0 = exif_read_data ($file,'IFD0' ,0 ); $exif_idf0 = exif_read_data ($file,'IFD0' ,0 );
$emodel = $exif_idf0['Model']; $emodel = $exif_idf0['Model'];
$efocal = $exif_idf0['FocalLength']; $efocal = $exif_idf0['FocalLength'];
list($x,$y) = split('/', $efocal); list($x,$y) = preg_split('/', $efocal);
$efocal = round($x/$y,0); $efocal = round($x/$y,0);
$exif_exif = exif_read_data ($file,'EXIF' ,0 ); $exif_exif = exif_read_data ($file,'EXIF' ,0 );
$eexposuretime = $exif_exif['ExposureTime']; $eexposuretime = $exif_exif['ExposureTime'];
$efnumber = $exif_exif['FNumber']; $efnumber = $exif_exif['FNumber'];
list($x,$y) = split('/', $efnumber); list($x,$y) = preg_split('/', $efnumber);
$efnumber = round($x/$y,0); $efnumber = round($x/$y,0);
$eiso = $exif_exif['ISOSpeedRatings']; $eiso = $exif_exif['ISOSpeedRatings'];
$exif_date = exif_read_data ($file,'IFD0' ,0 ); $exif_date = exif_read_data ($file,'IFD0' ,0 );
$edate = $exif_date['DateTime']; $edate = $exif_date['DateTime'];
if (strlen($emodel) > 0 OR strlen($efocal) > 0 OR strlen($eexposuretime) > 0 OR strlen($efnumber) > 0 OR strlen($eiso) > 0) $exif_data .= "::"; if (strlen($emodel) > 0 OR strlen($efocal) > 0 OR strlen($eexposuretime) > 0 OR strlen($efnumber) > 0 OR strlen($eiso) > 0) $exif_data .= "::";
if (strlen($emodel) > 0) $exif_data .= "$emodel"; if (strlen($emodel) > 0) $exif_data .= "$emodel";
if ($efocal > 0) $exif_data .= " | $efocal" . "mm"; if ($efocal > 0) $exif_data .= " | $efocal" . "mm";
if (strlen($eexposuretime) > 0) $exif_data .= " | $eexposuretime" . "s"; if (strlen($eexposuretime) > 0) $exif_data .= " | $eexposuretime" . "s";
if ($efnumber > 0) $exif_data .= " | f$efnumber"; if ($efnumber > 0) $exif_data .= " | f$efnumber";
if (strlen($eiso) > 0) $exif_data .= " | ISO $eiso"; if (strlen($eiso) > 0) $exif_data .= " | ISO $eiso";
return($exif_data); return($exif_data);
} }
function checkpermissions($file) { function checkpermissions($file) {
global $messages; global $messages;
@ -158,10 +158,10 @@ $currentdir = GALLERY_ROOT . $thumbdir;
//----------------------- //-----------------------
$files = array(); $files = array();
$dirs = array(); $dirs = array();
if ($handle = opendir($currentdir)) if (is_directory($currentdir) && $handle = opendir($currentdir))
{ {
while (false !== ($file = readdir($handle))) while (false !== ($file = readdir($handle)))
{ {
// 1. LOAD FOLDERS // 1. LOAD FOLDERS
if (is_directory($currentdir . "/" . $file)) if (is_directory($currentdir . "/" . $file))
{ {
@ -215,7 +215,7 @@ if (file_exists($currentdir ."/captions.txt"))
} }
// 3. LOAD FILES // 3. LOAD FILES
if ($file != "." && $file != ".." && $file != "folder.jpg") if ($file != "." && $file != ".." && $file != "folder.jpg")
{ {
// JPG, GIF and PNG // JPG, GIF and PNG
if (preg_match("/.jpg$|.gif$|.png$/i", $file)) if (preg_match("/.jpg$|.gif$|.png$/i", $file))
@ -223,41 +223,48 @@ if (file_exists($currentdir ."/captions.txt"))
//Read EXIF //Read EXIF
if ($display_exif == 1) $img_captions[$file] .= readEXIF($currentdir . "/" . $file); if ($display_exif == 1) $img_captions[$file] .= readEXIF($currentdir . "/" . $file);
// Read the optionnal image title and caption in html file (image.jpg --> image.jpg.html) // Read the optionnal image title and caption in html file (image.jpg --> image.jpg.html)
// Format: title::caption // Format: title::caption
// Example: My cat::My cat like to <i>roll</i> on the floor. // Example: My cat::My cat like to <i>roll</i> on the floor.
// If file is not provided, image filename will be used instead. // If file is not provided, image filename will be used instead.
checkpermissions($currentdir . "/" . $file); checkpermissions($currentdir . "/" . $file);
$img_captions[$file] = $file; $img_captions[$file] = $file;
if (is_file($currentdir.'/'.$file.'.html')) { $img_captions[$file] = $file.'::'.htmlspecialchars(file_get_contents($currentdir.'/'.$file.'.html'),ENT_QUOTES); } if (is_file($currentdir.'/'.$file.'.html')) { $img_captions[$file] = $file.'::'.htmlspecialchars(file_get_contents($currentdir.'/'.$file.'.html'),ENT_QUOTES); }
if ($lazyload) {
$files[] = array ( $files[] = array (
"name" => $file, "name" => $file,
"date" => filemtime($currentdir . "/" . $file), "date" => filemtime($currentdir . "/" . $file),
"size" => filesize($currentdir . "/" . $file), "size" => filesize($currentdir . "/" . $file),
"html" => "<li><a href='" . $currentdir . "/" . $file . "' rel='lightbox[billeder]' title=\"".htmlentities($img_captions[$file])."\"><span></span><img src='" . GALLERY_ROOT . "createthumb.php?filename=" . $thumbdir . "/" . $file . "&amp;size=$thumb_size' alt='$label_loading' /></a></li>"); "html" => "<li><a href='" . $currentdir . "/" . $file . "' rel='lightbox[billeder]' title=\"".htmlentities($img_captions[$file])."\"><img class=\"b-lazy\" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== data-src='" . GALLERY_ROOT . "createthumb.php?filename=" . $thumbdir . "/" . $file . "&amp;size=$thumb_size' alt='$label_loading' /></a></li>");
} else {
$files[] = array (
"name" => $file,
"date" => filemtime($currentdir . "/" . $file),
"size" => filesize($currentdir . "/" . $file),
"html" => "<li><a href='" . $currentdir . "/" . $file . "' rel='lightbox[billeder]' title=\"".htmlentities($img_captions[$file])."\"><img src='" . GALLERY_ROOT . "createthumb.php?filename=" . $thumbdir . "/" . $file . "&amp;size=$thumb_size' alt='$label_loading' /></a></li>");
}
} }
// Other filetypes // Other filetypes
$extension = ""; $extension = "";
if (preg_match("/.pdf$/i", $file)) $extension = "PDF"; // PDF if (preg_match("/.pdf$/i", $file)) $extension = "PDF"; // PDF
if (preg_match("/.zip$/i", $file)) $extension = "ZIP"; // ZIP archive if (preg_match("/.zip$/i", $file)) $extension = "ZIP"; // ZIP archive
if (preg_match("/.rar$|.r[0-9]{2,}/i", $file)) $extension = "RAR"; // RAR Archive if (preg_match("/.rar$|.r[0-9]{2,}/i", $file)) $extension = "RAR"; // RAR Archive
if (preg_match("/.tar$/i", $file)) $extension = "TAR"; // TARball archive if (preg_match("/.tar$/i", $file)) $extension = "TAR"; // TARball archive
if (preg_match("/.gz$/i", $file)) $extension = "GZ"; // GZip archive if (preg_match("/.gz$/i", $file)) $extension = "GZ"; // GZip archive
if (preg_match("/.doc$|.docx$/i", $file)) $extension = "DOCX"; // Word if (preg_match("/.doc$|.docx$/i", $file)) $extension = "DOCX"; // Word
if (preg_match("/.ppt$|.pptx$/i", $file)) $extension = "PPTX"; //Powerpoint if (preg_match("/.ppt$|.pptx$/i", $file)) $extension = "PPTX"; //Powerpoint
if (preg_match("/.xls$|.xlsx$/i", $file)) $extension = "XLXS"; // Excel if (preg_match("/.xls$|.xlsx$/i", $file)) $extension = "XLXS"; // Excel
if ($extension != "") if ($extension != "")
{ {
$files[] = array ( $files[] = array (
"name" => $file, "name" => $file,
"date" => filemtime($currentdir . "/" . $file), "date" => filemtime($currentdir . "/" . $file),
"size" => filesize($currentdir . "/" . $file), "size" => filesize($currentdir . "/" . $file),
"html" => "<li><a href='" . $currentdir . "/" . $file . "' title='$file'><em-pdf>" . padstring($file, 20) . "</em-pdf><span></span><img src='" . GALLERY_ROOT . "images/filetype_" . $extension . ".png' width='$thumb_size' height='$thumb_size' alt='$file' /></a></li>"); "html" => "<li><a href='" . $currentdir . "/" . $file . "' title='$file'><em-pdf>" . padstring($file, 20) . "</em-pdf><span></span><img src='" . GALLERY_ROOT . "images/filetype_" . $extension . ".png' width='$thumb_size' height='$thumb_size' alt='$file' /></a></li>");
} }
} }
} }
closedir($handle); closedir($handle);
} else die("ERROR: Could not open ".htmlspecialchars(stripslashes($currentdir))." for reading!"); } else die("ERROR: Could not open ".htmlspecialchars(stripslashes($currentdir))." for reading!");
@ -292,13 +299,13 @@ if (sizeof($files) > 0)
//----------------------- //-----------------------
// OFFSET DETERMINATION // OFFSET DETERMINATION
//----------------------- //-----------------------
if (!isset($_GET["page"])) $_GET["page"] = 1; if (!isset($_GET["page"])) $_GET["page"] = 1;
$offset_start = ($_GET["page"] * $thumbs_pr_page) - $thumbs_pr_page; $offset_start = ($_GET["page"] * $thumbs_pr_page) - $thumbs_pr_page;
if (!isset($_GET["page"])) $offset_start = 0; if (!isset($_GET["page"])) $offset_start = 0;
$offset_end = $offset_start + $thumbs_pr_page; $offset_end = $offset_start + $thumbs_pr_page;
if ($offset_end > sizeof($dirs) + sizeof($files)) $offset_end = sizeof($dirs) + sizeof($files); if ($offset_end > sizeof($dirs) + sizeof($files)) $offset_end = sizeof($dirs) + sizeof($files);
if ($_GET["page"] == "all") if ($_GET["page"] == "all" || $lazyload)
{ {
$offset_start = 0; $offset_start = 0;
$offset_end = sizeof($dirs) + sizeof($files); $offset_end = sizeof($dirs) + sizeof($files);
@ -307,7 +314,7 @@ if (sizeof($files) > 0)
//----------------------- //-----------------------
// PAGE NAVIGATION // PAGE NAVIGATION
//----------------------- //-----------------------
if (sizeof($dirs) + sizeof($files) > $thumbs_pr_page) if (!$lazyload && sizeof($dirs) + sizeof($files) > $thumbs_pr_page)
{ {
$page_navigation .= "$label_page "; $page_navigation .= "$label_page ";
for ($i=1; $i <= ceil((sizeof($files) + sizeof($dirs)) / $thumbs_pr_page); $i++) for ($i=1; $i <= ceil((sizeof($files) + sizeof($dirs)) / $thumbs_pr_page); $i++)
@ -396,9 +403,9 @@ $messages = "<div id=\"topbar\">" . $messages . " <a href=\"#\" onclick=\"docume
$comment_filepath = $currentdir . $file . "/comment.html"; $comment_filepath = $currentdir . $file . "/comment.html";
if (file_exists($comment_filepath)) if (file_exists($comment_filepath))
{ {
$fd = fopen($comment_filepath, "r"); $fd = fopen($comment_filepath, "r");
$comment = utf8_encode(fread($fd,filesize ($comment_filepath))); // utf8_encode to convert from iso-8859 to UTF-8 $comment = fread($fd,filesize ($comment_filepath));
fclose($fd); fclose($fd);
} }
//PROCESS TEMPLATE FILE //PROCESS TEMPLATE FILE
if(GALLERY_ROOT != "") $templatefile = GALLERY_ROOT . "templates/integrate.html"; if(GALLERY_ROOT != "") $templatefile = GALLERY_ROOT . "templates/integrate.html";

6
js/lazy.js Normal file
View file

@ -0,0 +1,6 @@
/*!
[be]Lazy.js - v1.1.3 - 2014.01.21
A lazy loading and multi-serving image script
(c) Bjoern Klinggaard - @bklinggaard - http://dinbror.dk/blazy
*/
var Blazy=function(c,h){function g(b){if(!h.querySelectorAll){var d=h.createStyleSheet();h.querySelectorAll=function(b,a,c,e,g){g=h.all;a=[];b=b.replace(/\[for\b/gi,"[htmlFor").split(",");for(c=b.length;c--;){d.addRule(b[c],"k:v");for(e=g.length;e--;)g[e].currentStyle.k&&a.push(g[e]);d.removeRule(0)}return a}}a=b||{};a.src=a.src||"data-src";a.multi=a.multi||!1;a.error=a.error||!1;a.offset=a.offset||100;a.success=a.success||!1;a.selector=a.selector||".b-lazy";a.separator=a.separator||"|";a.container=a.container?h.querySelectorAll(a.container):!1;a.errorClass=a.errorClass||"b-error";a.successClass=a.successClass||"b-loaded";q=a.src;u=1<c.devicePixelRatio;e=v(w,20);r=v(x,50);x();l(a.multi,function(b){if(b.width>=c.screen.width)return q=b.src,!1});y()}function w(){for(var b=0;b<k;b++){var d=m[b],t=-1!==(" "+d.className+" ").indexOf(" "+a.successClass+" "),f=d.getBoundingClientRect(),c=z+a.offset;if(0<=f.left&&f.right<=A+a.offset&&(0<=f.top&&f.top<=c||f.bottom<=c&&f.bottom>=0-a.offset)||t)t||B(d),m.splice(b,1),k--,b--}0===k&&g.prototype.destroy()}function B(b){if(0<b.offsetWidth&&0<b.offsetHeight){var d=b.getAttribute(q)||b.getAttribute(a.src);if(d){var d=d.split(a.separator),c=d[u&&1<d.length?1:0],d=new Image;l(a.multi,function(a){b.removeAttribute(a.src)});b.removeAttribute(a.src);d.onerror=function(){a.error&&a.error(b,"invalid");b.className=b.className+" "+a.errorClass};d.onload=function(){"img"===b.nodeName.toLowerCase()?b.src=c:b.setAttribute("style",'background-image: url("'+c+'");');b.className=b.className+" "+a.successClass;a.success&&a.success(b)};d.src=c}else a.error&&a.error(b,"missing"),b.className=b.className+" "+a.errorClass}}function C(b){b=h.querySelectorAll(b);for(var a=k=b.length;a--;m.unshift(b[a]));}function x(){var b=h.documentElement;z=c.innerHeight||b.clientHeight;A=c.innerWidth||b.clientWidth}function y(){C(a.selector);s&&(s=!1,a.container&&l(a.container,function(b){n(b,"scroll",e)}),n(c,"scroll",e),n(c,"resize",e),n(c,"resize",r));w()}function n(b,a,c){b.attachEvent?b.attachEvent&&b.attachEvent("on"+a,c):b.addEventListener(a,c,!1)}function p(b,a,c){b.detachEvent?b.detachEvent&&b.detachEvent("on"+a,c):b.removeEventListener(a,c,!1)}function l(b,a){if(b&&a)for(var c=b.length,f=0;f<c&&!1!==a(b[f],f);f++);}function v(a,c){var e=0;return function(){var f=+new Date;f-e<c||(e=f,a.apply(this,arguments))}}var q,a,A,z,u,s=!0,k=0,m=[],e,r;g.prototype.revalidate=function(){y()};g.prototype.load=function(b){-1===(" "+b.className+" ").indexOf(" "+a.successClass+" ")&&B(b)};g.prototype.destroy=function(){a.container&&l(a.container,function(a){p(a,"scroll",e)});p(c,"scroll",e);p(c,"resize",e);p(c,"resize",r);k=0;m.length=0;s=!0};return g}(window,document);

View file

@ -5,8 +5,11 @@
based on Slimbox v1.64 - The ultimate lightweight Lightbox clone based on Slimbox v1.64 - The ultimate lightweight Lightbox clone
(c) 2007-2008 Christophe Beyls <http://www.digitalia.be> (c) 2007-2008 Christophe Beyls <http://www.digitalia.be>
MIT-style license. MIT-style license.
*/
MiniBoardNano modifications :
Tom Canac <http://tomcanac.com/>
Uncomment lines 208 and 866 to desactivate the rigth click (take care... it's a pain in the ass for the end-usernd don't protect you at all ! (maj+rigth click make it useless))
*/
var Mediabox; var Mediabox;
(function() { (function() {
@ -205,7 +208,7 @@ var Mediabox;
var links = this; var links = this;
links.addEvent('contextmenu', function(e){ links.addEvent('contextmenu', function(e){
if (this.toString().match(/\.gif|\.jpg|\.jpeg|\.png/i)) e.stop(); /*if (this.toString().match(/\.gif|\.jpg|\.jpeg|\.png/i)) e.stop();*/
}); });
links.removeEvents("click").addEvent("click", function() { links.removeEvents("click").addEvent("click", function() {
@ -861,7 +864,7 @@ var Mediabox;
preload.width = mediaWidth; preload.width = mediaWidth;
} }
if (Browser.Engine.trident) preload = document.id(preload); if (Browser.Engine.trident) preload = document.id(preload);
preload.addEvent('mousedown', function(e){ e.stop(); }).addEvent('contextmenu', function(e){ e.stop(); }); /*preload.addEvent('mousedown', function(e){ e.stop(); }).addEvent('contextmenu', function(e){ e.stop(); });*/
image.setStyles({backgroundImage: "none", display: ""}); image.setStyles({backgroundImage: "none", display: ""});
preload.inject(image); preload.inject(image);
} }

File diff suppressed because it is too large Load diff

4
js/script.js Normal file
View file

@ -0,0 +1,4 @@
/*=== lazyLoading ===*/
window.addEventListener('load', function(){
var bLazy = new Blazy;
}, false);

View file

@ -1,115 +1,116 @@
<?php <?php
ini_set("memory_limit","256M"); ini_set("memory_limit","256M");
$exif = "No";
$exif = "No"; $gd = "No";
$gd = "No"; if (function_exists('exif_read_data')) $exif = "Yes";
if (function_exists('exif_read_data')) $exif = "Yes"; if (extension_loaded('gd') && function_exists('gd_info')) $gd = "Yes";
if (extension_loaded('gd') && function_exists('gd_info')) $gd = "Yes";
?> ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"> <html>
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="robots" content="noindex, nofollow"> <meta name="robots" content="noindex, nofollow">
<title>MiniGal Nano system check</title> <title>MiniGal Nano system check</title>
<style type="text/css"> <style type="text/css">
body { body {
background-color: #daddd8; background-color: #daddd8;
font: 12px Arial, Tahoma, "Times New Roman", serif; font: 12px Arial, Tahoma, "Times New Roman", serif;
} }
h1 { h1 {
font-size: 30px; font-size: 30px;
margin: 20px 0 5px 0; margin: 20px 0 5px 0;
letter-spacing: -2px; letter-spacing: -2px;
} }
div { div {
line-height: 20px; line-height: 20px;
} }
.left { .left {
width: 300px; width: 300px;
display: inline-table; display: inline-table;
background-color: #fdffbe; background-color: #fdffbe;
padding: 2px; padding: 2px;
} }
.middle-neutral { .middle-neutral {
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
width: 100px; width: 100px;
display: inline-table; display: inline-table;
background-color: #fdffbe; background-color: #fdffbe;
padding: 2px; padding: 2px;
} }
.middle-no { .middle-no {
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
width: 100px; width: 100px;
display: inline-table; display: inline-table;
background-color: #ff8181; background-color: #ff8181;
padding: 2px; padding: 2px;
} }
.middle-yes { .middle-yes {
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
width: 100px; width: 100px;
display: inline-table; display: inline-table;
background-color: #98ffad; background-color: #98ffad;
padding: 2px; padding: 2px;
} }
.right { .right {
width: 600px; width: 600px;
display: inline-table; display: inline-table;
background-color: #eaf1ea; background-color: #eaf1ea;
padding: 2px; padding: 2px;
} }
</style> </style>
</head>
<body> <body>
<h1>MiniGal Nano system check</h1> <h1>MiniBoardNano system check</h1>
<div class="left"> <div class="left">
PHP Version PHP Version
</div> </div>
<div class="<?php if(version_compare(phpversion(), "4.0", '>')) echo 'middle-yes'; else echo 'middle-no' ?>"> <div class="<?php if(version_compare(phpversion(), "4.0", '>')) echo 'middle-yes'; else echo 'middle-no' ?>">
<?php echo phpversion(); ?> <?php echo phpversion(); ?>
</div> </div>
<div class="right"> <div class="right">
<a href="http://www.php.net/" target="_blank">PHP</a> scripting language version 4.0 or greater is needed <a href="http://www.php.net/" target="_blank">PHP</a> scripting language version 4.0 or greater is needed
</div> </div>
<br /> <br />
<div class="left"> <div class="left">
GD library support GD library support
</div> </div>
<div class="<?php if($gd == "Yes") echo 'middle-yes'; else echo 'middle-no' ?>"> <div class="<?php if($gd == "Yes") echo 'middle-yes'; else echo 'middle-no' ?>">
<?php echo $gd; ?> <?php echo $gd; ?>
</div> </div>
<div class="right"> <div class="right">
<a href="http://www.boutell.com/gd/" target="_blank">GD image manipulation</a> library is used to create thumbnails. Bundled since PHP 4.3 <a href="http://www.boutell.com/gd/" target="_blank">GD image manipulation</a> library is used to create thumbnails. Bundled since PHP 4.3
</div> </div>
<br /> <br />
<div class="left"> <div class="left">
EXIF support EXIF support
</div> </div>
<div class="<?php if($exif == "Yes") echo 'middle-yes'; else echo 'middle-neutral' ?>"> <div class="<?php if($exif == "Yes") echo 'middle-yes'; else echo 'middle-neutral' ?>">
<?php echo $exif; ?> <?php echo $exif; ?>
</div> </div>
<div class="right"> <div class="right">
Ability to extract and display <a href="http://en.wikipedia.org/wiki/Exif" target="_blank">EXIF information</a>. The script will work without it, but not display image information Ability to extract and display <a href="http://en.wikipedia.org/wiki/Exif" target="_blank">EXIF information</a>. The script will work without it, but not display image information
</div> </div>
<br /> <br />
<div class="left"> <div class="left">
PHP memory limit PHP memory limit
</div> </div>
<div class="middle-neutral"> <div class="middle-neutral">
<?php echo ini_get("memory_limit"); ?> <?php echo ini_get("memory_limit"); ?>
</div> </div>
<div class="right"> <div class="right">
Memory is needed to create thumbnails. Bigger images uses more memory Memory is needed to create thumbnails. Bigger images uses more memory
</div> </div>
<br /><br /> <footer role="contentinfo">
<a href="http://www.minigal.dk/minigal-nano.html" target="_blank">Support website</a> <a href="https://github.com/sebsauvage/MinigalNano" title="Powered by MiniGal Nano" target="_blank">
| <a href="http://www.minigal.dk/forum" target="_blank">Support forum</a> Made with miniGal by sebsauvage.
</a>
</footer>
</body> </body>
</html> </html>

203
templates/board.html Normal file
View file

@ -0,0 +1,203 @@
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="author" content="<% author %>" />
<meta name="generator" content="MinigalNano <% version %>" />
<title><% title %></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="alternate" type="application/rss+xml" title="<% title %>" href="rss/" /><link>
<script src="<% gallery_root %>js/lazy.js"></script>
<script src="<% gallery_root %>js/script.js"></script>
<script src="<% gallery_root %>js/mootools.js"></script>
<script src="<% gallery_root %>js/mediabox1.3.4.js"></script>
<link rel="stylesheet" href="<% gallery_root %>css/mediaboxWhite.css" type="text/css" media="screen" />
<style type="text/css">
html{
font-size: 62.5%;
}
body {
margin: 0;
padding: 0;
width: 100%;
font-size: 1.5rem;
font-family:Helvetica, Arial, sans-serif;
background: #E7E6E0;
color: #333333;
}
a {
color: #333333;
font-weight: bold;
text-decoration: none;
}
h1 {
margin: 20px 0 0 0;
font-family: Georgia, Lucida, serif;
font-style: italic;
}
h1 a{
color: #CC2027;
}
body > header{
background-color:#FFF;
padding: 1px 0 0 0;
margin-bottom: 1rem;
}
#container, #innerheader{
max-width: <% gallery_width %>;
margin: 0px auto;
}
header aside{
padding: 2rem 0;
}
img {
border: none;
}
nav {
font-size: 1.3em;
padding-top: 2rem;
}
body > nav {
text-align: center;
}
#folder_comment
{
margin-bottom:10px;
}
#folder_comment a {
color: #FFCC11;
text-decoration: none;
}
#backtop,
#backtop:hover,
#backtop:active,
.b-lazy {
-webkit-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
transition:all .2s ease-in;
}
#gallery {
list-style: none;
margin: 0;
padding: 0;
}
#gallery li, #gallery li img {
border-radius: 4px;
}
#gallery li {
float: left;
position: relative;
overflow:hidden;
margin: .5%;
-webkit-box-shadow: 0px 0px 2px -1px #000;
box-shadow: 0px 0px 2px -1px #000;
}
#gallery li img{
width: 100%;
}
#gallery em {
background: #FFF;
text-align: center;
font-style: normal;
padding: 8px 0px;
display: block;
position: absolute;
bottom:0px;
width: 100%;
}
footer {
clear:both;
padding-top: 2rem;
margin: 25px 0px;
text-align: center;
}
footer a {
text-decoration: none;
color: #666;
}
/*----Back to top button---*/
#backtop {
display: block;
position: fixed;
bottom: 0;
right: 0;
padding: 1rem 4rem;
background-color: #CC2027;
color: #FFF;
margin: .5%;
border-radius: 4px;
-webkit-box-shadow: 0px 0px 2px -1px #000;
box-shadow: 0px 0px 2px -1px #000;
}
/*----lazyloading---*/
.loader{
background: url('images/loader.gif') center center no-repeat;
}
.b-lazy {
opacity: 0;
}
.b-lazy.b-loaded {
opacity: 1;
}
/*----responsive----*/
#gallery li {
width: 24%;
height: 0;
padding-bottom: 24%;
}
@media (max-width: 1000px) {
#gallery li {
width: 32%;
padding-bottom: 32%;
}
}
@media (max-width: 800px) {
#gallery li {
width: 48%;
padding-bottom: 48%;
}
}
@media (max-width: 450px) {
#gallery li {
width: 100%;
padding-bottom: 100%;
}
}
</style>
</head>
<body>
<header role="banner">
<div id="innerheader">
<h1><a href="<% gallery_root %>"><% title %></a></h1>
<% messages %>
<nav role="navigation"><% breadcrumb_navigation %></nav>
<aside><% folder_comment %></aside>
</div>
</header>
<main id="container">
<ul id="gallery">
<% thumbnails %>
</ul>
</main>
<nav class="clear" role="navigation"><% page_navigation %></nav>
<a href="#top" id="backtop">top</a>
<footer role="contentinfo">
Gallery by <% author %> /
<a href="https://github.com/sebsauvage/MinigalNano" title="Powered by MiniGal Nano" target="_blank">
Powered by MiniGal Nano <% version %>
</a> /
<a href="http://tomcanac.com/minigal/" title="Tom Canac" target="_blank">
Board theme by Tom Canac
</a> /
<a title="<% title %> RSS" href="rss/" />
RSS
<a>
</footer>
</body>
</html>

View file

@ -1,206 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="author" content="<% author %>" />
<meta name="generator" content="MinigalNano SSE <% version %>" />
<title><% title %></title>
<link rel="stylesheet" href="<% gallery_root %>css/mediaboxAdvBlack21.css" type="text/css" media="screen" />
<script src="<% gallery_root %>js/mootools.js" type="text/javascript"></script>
<script src="<% gallery_root %>js/mediaboxAdv-1.3.4b.js" type="text/javascript"></script>
<style type="text/css">
body {
margin: 0 auto;
padding: 0;
width: <% gallery_width %>;
font: 12px Tahoma,Verdana,Arial,Helvetica, sans-serif;
background: #272727;
color: #BDBDBD;
}
h1 {
font: normal 250%/100% "Trebuchet MS",Tahoma,Verdana,Arial,Helvetica, sans-serif;
margin: 20px 0 5px 0;
letter-spacing: -1px;
color: #FFCC11;
text-shadow: #000000 2px 2px 2px;
}
.credits {
border-bottom: solid 1px #434343;
padding-bottom: 5px;
margin-bottom: 5px;
color: #CF8D26;
font: 100% "Trebuchet MS",Tahoma,Verdana,Arial,Helvetica, sans-serif;
}
.credits em {
color: #BDBDBD;
font-style: normal;
font-style: normal;
}
.backlink {
text-align: center;
}
.backlink a {
font-size: 10px;
text-decoration: none;
color: #666;
}
.backlink a:hover,
.backlink a:visited:hover {
color: #888;
}
img {
border: none;
}
#page_nav {
color: #BDBDBD;
clear:both;
text-align: center;
}
#page_nav a:link, #page_nav a:visited, #page_nav a:hover, #page_nav a:visited:hover {
text-decoration: none;
color: #FFCC11;
}
#breadcrumb_nav {
color: #BDBDBD;
font-weight: bold;
}
#breadcrumb_nav a:link, #breadcrumb_nav a:visited, #breadcrumb_nav a:hover, #breadcrumb_nav a:visited:hover {
text-decoration: none;
color: #FFCC11;
}
a {
color: #FFCC11;
}
#container {
overflow: auto;
width: 100%
}
.hidden {
visibility: hidden;
position:absolute;
top:0;
left:0;
display:inline;
}
#topbar {
border-bottom-color: #afafaf;
border-style: none;
color: black;
position: absolute;
left: 0;
top: 0;
margin: 0;
padding-top: 5px;
float: none;
width: 100%;
height: 25px;
text-align: center;
background-color: #FFFF99;
border-bottom: 1px solid;
}
#topbar a:link, #topbar a:visited, #topbar a:hover, #topbar a:visited:hover {
text-decoration: underline;
color: #000;
}
#topbar img{
position: absolute;
right: 6;
top: 6;
vertical-align: middle;
}
#folder_comment
{
margin-bottom:10px;
}
#folder_comment a {
color: #FFCC11;
text-decoration: none;
}
/* ---------- gallery styles start here ----------------------- */
.gallery {
list-style: none;
margin: 0;
padding: 0;
}
.gallery li {
padding: 1px;
margin: 0;
float: left;
position: relative;
width: 320px;
height: 240px;
overflow:hidden;
}
.gallery li:hover img {
background: #ddd;
filter: alpha(opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.70;
opacity:0.7;
}
.gallery img {
background: #000;
color: #666;
}
.gallery em {
background: #000;
color: #FFCC11;
font-family: "Trebuchet MS",Tahoma,Verdana,Arial,Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 14px;
padding: 8px 2px;
display: block;
position: absolute;
/* top: 90px; */
bottom:20px;
left: 0px;
width: 320px;
/* height: 40px; */
filter: alpha(opacity=60);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.60;
opacity:0.6;
}
.gallery em-pdf {
color: #666;
font-style: normal;
font-size: 10px;
padding: 3px 7px;
display: block;
position: absolute;
top: 100px;
left: 0px;
}
.gallery a {
text-decoration: none;
}
.gallery a:hover em {
background: grey;
color: black;
}
</style>
</head>
<body>
<header role="banner">
<h1><% title %></h1>
<% messages %>
<p class="credits"><!--em>by: </em><% author %--></p>
<nav id="breadcrumb_nav" role="navigation"><% breadcrumb_navigation %></nav>
</header>
<section id="container">
<p id="folder_comment"><% folder_comment %></p>
<ul class="gallery">
<% thumbnails %>
</ul>
</section>
<br />
<nav id="page_nav" role="navigation"><% page_navigation %></nav>
<br />
<!-- CREDITS - DO NOT REMOVE OR YOU WILL VOID MiniGal Nano TERMS OF USE -->
<footer class="backlink" role="contentinfo"><a href="https://github.com/sebsauvage/MinigalNano" title="Powered by MiniGal Nano" target="_blank">Powered by MiniGal Nano <% version %></a></footer>
</body>
</html>

219
templates/darkgold3.html Normal file
View file

@ -0,0 +1,219 @@
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="author" content="<% author %>" />
<meta name="generator" content="MinigalNano <% version %>" />
<title><% title %></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="alternate" type="application/rss+xml" title="<% title %>" href="rss/" /><link>
<script src="<% gallery_root %>js/lazy.js"></script>
<script src="<% gallery_root %>js/script.js"></script>
<script src="<% gallery_root %>js/mootools.js"></script>
<script src="<% gallery_root %>js/mediabox1.3.4.js"></script>
<link rel="stylesheet" href="<% gallery_root %>css/mediaboxWhite.css" type="text/css" media="screen" />
<style type="text/css">
body {
margin: 0 auto;
padding: 0;
width: <% gallery_width %>;
font: 12px Tahoma,Verdana,Arial,Helvetica, sans-serif;
background: #272727;
color: #BDBDBD;
}
h1 {
font: normal 250%/100% "Trebuchet MS",Tahoma,Verdana,Arial,Helvetica, sans-serif;
margin: 20px 0 5px 0;
letter-spacing: -1px;
color: #FFCC11;
text-shadow: #000000 2px 2px 2px;
}
.credits {
border-bottom: solid 1px #434343;
padding-bottom: 5px;
margin-bottom: 5px;
color: #CF8D26;
font: 100% "Trebuchet MS",Tahoma,Verdana,Arial,Helvetica, sans-serif;
}
.credits em {
color: #BDBDBD;
font-style: normal;
font-style: normal;
}
footer {
text-align: center;
}
footer a {
font-size: 10px;
text-decoration: none;
color: #666;
}
footer a:hover,
footer a:visited:hover {
color: #888;
}
img {
border: none;
}
#page_nav {
color: #BDBDBD;
clear:both;
text-align: center;
}
#page_nav a:link, #page_nav a:visited, #page_nav a:hover, #page_nav a:visited:hover {
text-decoration: none;
color: #FFCC11;
}
#breadcrumb_nav {
color: #BDBDBD;
font-weight: bold;
}
#breadcrumb_nav a:link, #breadcrumb_nav a:visited, #breadcrumb_nav a:hover, #breadcrumb_nav a:visited:hover {
text-decoration: none;
color: #FFCC11;
}
a {
color: #FFCC11;
}
#container {
overflow: auto;
width: 100%
}
.hidden {
visibility: hidden;
position:absolute;
top:0;
left:0;
display:inline;
}
#topbar {
border-bottom-color: #afafaf;
border-style: none;
color: black;
position: absolute;
left: 0;
top: 0;
margin: 0;
padding-top: 5px;
float: none;
width: 100%;
height: 25px;
text-align: center;
background-color: #FFFF99;
border-bottom: 1px solid;
}
#topbar a:link, #topbar a:visited, #topbar a:hover, #topbar a:visited:hover {
text-decoration: underline;
color: #000;
}
#topbar img{
position: absolute;
right: 6;
top: 6;
vertical-align: middle;
}
#folder_comment
{
margin-bottom:10px;
}
#folder_comment a {
color: #FFCC11;
text-decoration: none;
}
/* ---------- gallery styles start here ----------------------- */
.gallery {
list-style: none;
margin: 0;
padding: 0;
}
.gallery li {
margin: 1px;
float: left;
position: relative;
width: 33%;
height: 240px;
overflow:hidden;
}
.gallery li:hover img {
background: #ddd;
filter: alpha(opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.70;
opacity:0.7;
}
.gallery img {
background: #000;
color: #666;
}
.gallery em {
background: #000;
color: #FFCC11;
font-family: "Trebuchet MS",Tahoma,Verdana,Arial,Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 14px;
padding: 8px 2px;
display: block;
position: absolute;
/* top: 90px; */
bottom:20px;
left: 0px;
width: 320px;
/* height: 40px; */
filter: alpha(opacity=60);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.60;
opacity:0.6;
}
.gallery em-pdf {
color: #666;
font-style: normal;
font-size: 10px;
padding: 3px 7px;
display: block;
position: absolute;
top: 100px;
left: 0px;
}
.gallery a {
text-decoration: none;
}
.gallery a:hover em {
background: grey;
color: black;
}
</style>
</head>
<body>
<header role="banner">
<h1><% title %></h1>
<% messages %>
<p class="credits"><em>by: </em><% author %></p>
<nav id="breadcrumb_nav" role="navigation"><% breadcrumb_navigation %></nav>
</header>
<section id="container">
<p id="folder_comment"><% folder_comment %></p>
<ul class="gallery">
<% thumbnails %>
</ul>
</section>
<br />
<nav id="page_nav" role="navigation"><% page_navigation %></nav>
<br />
<footer role="contentinfo">
Gallery by <% author %>.
<a href="https://github.com/sebsauvage/MinigalNano" title="Powered by MiniGal Nano" target="_blank">
Powered by MiniGal Nano <% version %>
</a> |
<a title="<% title %> RSS" href="rss/" />
RSS
<a>
</footer>
</body>
</html>

View file

@ -0,0 +1,205 @@
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="author" content="<% author %>" />
<meta name="generator" content="MinigalNano <% version %>" />
<title><% title %></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="alternate" type="application/rss+xml" title="<% title %>" href="rss/" /><link>
<script src="<% gallery_root %>js/lazy.js"></script>
<script src="<% gallery_root %>js/script.js"></script>
<script src="<% gallery_root %>js/mootools.js"></script>
<script src="<% gallery_root %>js/mediabox1.3.4.js"></script>
<link rel="stylesheet" href="<% gallery_root %>css/mediaboxWhite.css" type="text/css" media="screen" />
<style type="text/css">
html{
font-size: 62.5%;
}
body {
margin: 0;
padding: 0;
width: 100%;
font-size: 1.5rem;
font-family:Helvetica, Arial, sans-serif;
background: #222;
color: #F1F1F1;
}
a {
color: #222;
font-weight: bold;
text-decoration: none;
}
h1 {
margin: 20px 0 0 0;
font-family: Georgia, Lucida, serif;
font-style: italic;
}
header a {
color: #F1F1F1
}
h1 a{
color: #CC2027;
}
body > header{
background-color:#111;
padding: 1px 0 0 0;
margin-bottom: 1rem;
}
#container, #innerheader{
max-width: <% gallery_width %>;
margin: 0px auto;
}
header aside{
padding: 2rem 0;
}
img {
border: none;
}
nav {
font-size: 1.3em;
padding-top: 2rem;
}
body > nav {
text-align: center;
}
#folder_comment
{
margin-bottom:10px;
}
#folder_comment a {
color: #FFCC11;
text-decoration: none;
}
#backtop,
#backtop:hover,
#backtop:active,
.b-lazy {
-webkit-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
transition:all .2s ease-in;
}
#gallery {
list-style: none;
margin: 0;
padding: 0;
}
#gallery li, #gallery li img {
border-radius: 4px;
}
#gallery li {
float: left;
position: relative;
overflow:hidden;
margin: .5%;
}
#gallery li img{
width: 100%;
}
#gallery em {
background: #FFF;
text-align: center;
font-style: normal;
padding: 8px 0px;
display: block;
position: absolute;
bottom:0px;
width: 100%;
}
footer {
clear:both;
padding-top: 2rem;
margin: 25px 0px;
text-align: center;
}
footer a {
text-decoration: none;
color: #AAA;
}
/*----Back to top button---*/
#backtop {
display: block;
position: fixed;
bottom: 0;
right: 0;
padding: 1rem 4rem;
background-color: #CC2027;
color: #FFF;
margin: .5%;
border-radius: 4px;
-webkit-box-shadow: 0px 0px 2px -1px #000;
box-shadow: 0px 0px 2px -1px #000;
}
/*----lazyloading---*/
.loader{
background: url('images/loader.gif') center center no-repeat;
}
.b-lazy {
opacity: 0;
}
.b-lazy.b-loaded {
opacity: 1;
}
/*----responsive----*/
#gallery li {
width: 24%;
height: 0;
padding-bottom: 24%;
}
@media (max-width: 1000px) {
#gallery li {
width: 32%;
padding-bottom: 32%;
}
}
@media (max-width: 800px) {
#gallery li {
width: 48%;
padding-bottom: 48%;
}
}
@media (max-width: 450px) {
#gallery li {
width: 100%;
padding-bottom: 100%;
}
}
</style>
</head>
<body>
<header role="banner">
<div id="innerheader">
<h1><a href="<% gallery_root %>"><% title %></a></h1>
<% messages %>
<nav role="navigation"><% breadcrumb_navigation %></nav>
<aside><% folder_comment %></aside>
</div>
</header>
<main id="container">
<ul id="gallery">
<% thumbnails %>
</ul>
</main>
<nav class="clear" role="navigation"><% page_navigation %></nav>
<a href="#top" id="backtop">top</a>
<footer role="contentinfo">
Gallery by <% author %> /
<a href="https://github.com/sebsauvage/MinigalNano" title="Powered by MiniGal Nano" target="_blank">
Powered by MiniGal Nano <% version %>
</a> /
<a href="http://tomcanac.com/minigal/" title="Tom Canac" target="_blank">
Board theme by Tom Canac
</a> /
<a title="<% title %> RSS" href="rss/" />
RSS
<a>
</footer>
</body>
</html>

View file

@ -1,189 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="author" content="<% author %>" />
<meta name="generator" content="MinigalNano SSE <% version %>" />
<title><% title %></title>
<link rel="stylesheet" href="<% gallery_root %>css/mediaboxAdvWhite.css" type="text/css" media="screen" />
<script src="<% gallery_root %>js/mootools.js" type="text/javascript"></script>
<script src="<% gallery_root %>js/mediaboxAdv-1.3.4b.js" type="text/javascript"></script>
<style type="text/css">
body {
margin: 0 auto;
padding: 0;
width: <% gallery_width %>;
font: 12px Lucida Sans Unicode, Georgia, sans-serif, Georgia, "Times New Roman", Times, serif;
background: black;
color: #eee;
}
h1 {
font: normal 220%/100% Georgia, Verdana, Arial, sans-serif Unicode, Georgia, "Times New Roman", Times, serif;
margin: 20px 0 5px 0;
letter-spacing: 5px;
}
.credits {
padding-bottom: 5px;
margin: 0 0 30px 0;
font: 120% Georgia, Lucida Sans Unicode, Garamond, Georgia, serif;
}
.credits span {
color: #999;
font-style: italic;
}
.backlink {
font-style: italic;
}
.backlink a {
font-size: 10px;
text-decoration: none;
color: #AAA;
}
.backlink a:hover,
.backlink a:visited:hover {
color: #555;
}
img {
border: none;
}
#page_nav {
color: #999;
clear:both;
text-align: center;
}
#page_nav a:link, #page_nav a:visited, #page_nav a:hover, #page_nav a:visited:hover {
text-decoration: none;
color: #eee;
}
#breadcrumb_nav {
color: #999;
}
#breadcrumb_nav a:link, #breadcrumb_nav a:visited, #breadcrumb_nav a:hover, #breadcrumb_nav a:visited:hover {
text-decoration: none;
color: #eee;
}
a {
color: #eee;
}
#container {
overflow: auto;
width: 100%
}
.hidden {
visibility: hidden;
position:absolute;
top:0;
left:0;
display:inline;
}
#topbar {
border-bottom-color: #afafaf;
border-style: none;
color: black;
position: absolute;
left: 0;
top: 0;
margin: 0;
padding-top: 5px;
float: none;
width: 100%;
height: 25px;
text-align: center;
background-color: #FFFF99;
border-bottom: 1px solid;
}
#topbar a:link, #topbar a:visited, #topbar a:hover, #topbar a:visited:hover {
text-decoration: underline;
color: #000;
}
#topbar img{
position: absolute;
right: 6;
top: 6;
vertical-align: middle;
}
#folder_comment
{
margin-bottom:10px;
}
/* ---------- gallery styles start here ----------------------- */
.gallery {
list-style: none;
margin: 0;
padding: 0;
}
.gallery li {
padding: 1px;
margin: 0;
float: left;
position: relative;
width: 120px;
height: 120px;
overflow:hidden;
}
.gallery li:hover img {
background: #ddd;
filter: alpha(opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.70;
opacity:0.7;
}
.gallery img {
background: #000;
color: #666;
}
.gallery em {
background: #000;
color: #fff;
font-style: normal;
font-size: 12px;
padding: 2px 2px;
display: block;
position: absolute;
top: 90px;
left: 1px;
width: 116px;
height: 20px;
filter: alpha(opacity=60);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.60;
opacity:0.6;
}
.gallery em-pdf {
color: #666;
font-style: normal;
font-size: 10px;
padding: 3px 7px;
display: block;
position: absolute;
top: 100px;
left: 0px;
}
.gallery a {
text-decoration: none;
}
.gallery a:hover em {
background: grey;
color: black;
}
</style>
</head>
<body>
<header role="banner">
<h1><% title %></h1>
<% messages %>
<p class="credits"><span>by:</span> <% author %></p>
<nav id="breadcrumb_nav" role="navigation"><% breadcrumb_navigation %></nav>
</header>
<section id="container">
<p id="folder_comment"><% folder_comment %></p>
<ul class="gallery">
<% thumbnails %>
</ul>
</section>
<nav id="page_nav" role="navigation"><% page_navigation %></nav>
<!-- CREDITS - DO NOT REMOVE OR YOU WILL VOID MiniGal Nano TERMS OF USE -->
<footer class="backlink" role="navigation"><a href="https://github.com/sebsauvage/MinigalNano" title="Powered by MiniGal Nano" target="_blank">Powered by MiniGal Nano <% version %></a></footer>
</body>
</html>

View file

@ -1,161 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="author" content="<% author %>" />
<meta name="generator" content="MinigalNano SSE <% version %>" />
<title><% title %></title>
<link rel="stylesheet" href="<% gallery_root %>css/mediaboxAdvBlack21.css" type="text/css" media="screen" />
<script src="<% gallery_root %>js/mootools.js" type="text/javascript"></script>
<script src="<% gallery_root %>js/mediaboxAdv-1.3.4b.js" type="text/javascript"></script>
<style type="text/css">
body {
margin: 0 auto;
padding: 0;
width: <% gallery_width %>;
font: 14px Georgia, "Times New Roman", Times, serif;
}
h1 {
font: normal 320%/100% Georgia, "Times New Roman", Times, serif;
margin: 20px 0 5px 0;
letter-spacing: -2px;
font-style: italic;
}
.credits {
border-bottom: solid 1px #ccc;
padding-bottom: 5px;
margin: 0 0 30px 0;
font: 120% Garamond, Georgia, serif;
}
.credits span {
color: #999;
font-style: italic;
}
.backlink {
text-align: center;
}
.backlink a {
font-size: 10px;
text-decoration: none;
color: #AAA;
}
.backlink a:hover,
.backlink a:visited:hover {
color: #000;
}
img {
border: none;
}
#page_nav {
color: #999;
clear:both;
text-align: center;
}
#page_nav a:link, #page_nav a:visited, #page_nav a:hover, #page_nav a:visited:hover {
text-decoration: none;
color: #222;
}
#breadcrumb_nav {
color: #999;
}
#breadcrumb_nav a:link, #breadcrumb_nav a:visited, #breadcrumb_nav a:hover, #breadcrumb_nav a:visited:hover {
text-decoration: none;
color: #222;
}
a {
color: black;
}
#container {
overflow: auto;
width: 100%
}
.hidden {
visibility: hidden;
position:absolute;
top:0;
left:0;
display:inline;
}
#folder_comment
{
margin-top:10px;
margin-left:10px;
}
/* ---------- gallery styles start here ----------------------- */
.gallery {
list-style: none;
margin: 0;
padding: 0;
}
.gallery li {
padding: 10px;
margin: 0;
float: left;
position: relative;
width: 130px;
height: 130px;
}
.gallery li:hover img {
border-color: #000;
background: #ddd;
}
.gallery img {
background: #fff;
border: solid 1px #888;
padding: 5px;
}
.gallery em {
background: #fff url(images/grey-gradient.gif) repeat-y;
color: #000;
font-style: normal;
padding: 2px 10px;
display: block;
position: absolute;
top: 110px;
left: 9px;
border: 1px solid #999;
border-left-color: #888;
}
.gallery a {
text-decoration: none;
}
.gallery a:hover em {
background: #ffdb01 url(images/orange-gradient.gif) repeat-y;
border-color: #c25b08;
}
.newversion {
position: absolute;
right: 0;
top: 0;
margin: 0;
padding: 0;
border: none;
float: none;
}
.newversion a img {
background-color: transparent;
color: white;
border: none;
text-decoration: none;
}
</style>
</head>
<body>
<header role="banner">
<h1><% title %></h1>
<p class="credits"><span>by:</span> <% author %></p>
<nav id="breadcrumb_nav" role="navigation"><% breadcrumb_navigation %></nav>
</header>
<section id="container">
<p id="folder_comment"><% folder_comment %></p>
<ul class="gallery">
<% thumbnails %>
</ul>
</section>
<nav id="page_nav" role="navigation"><% page_navigation %></nav>
<!-- CREDITS - DO NOT REMOVE OR YOU WILL VOID MiniGal Nano TERMS OF USE -->
<footer class="backlink" role="contentinfo"><a href="https://github.com/sebsauvage/MinigalNano" title="Powered by MiniGal Nano" target="_blank">Powered by MiniGal Nano <% version %></a></footer>
</body>
</html>

View file

@ -1,179 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="author" content="<% author %>" />
<meta name="generator" content="MinigalNano SSE <% version %>" />
<title><% title %></title>
<link rel="stylesheet" href="<% gallery_root %>css/mediaboxAdvBlack21.css" type="text/css" media="screen" />
<script src="<% gallery_root %>js/mootools.js" type="text/javascript"></script>
<script src="<% gallery_root %>js/mediaboxAdv-1.3.4b.js" type="text/javascript"></script>
<style type="text/css">
body {
margin: 0 auto;
padding: 0;
width: <% gallery_width %>;
font: 12px geneva, century gothic, Georgia, "Times New Roman", Times, serif;
background: <% bgcolor %>;
}
h1 {
font: italic 320%/100% Georgia, "Times New Roman", Times, serif;
margin: 20px 0 5px 0;
letter-spacing: -2px;
}
.credits {
border-bottom: solid 1px #ccc;
padding-bottom: 5px;
margin: 0 0 30px 0;
font: 120% Garamond, Georgia, serif;
}
.credits span {
color: #999;
font-style: italic;
}
#bottom {
color: #FFF;
border: 0;
border-top: solid 1px #ccc;
}
.backlink {
text-align: center;
}
.backlink a {
font-size: 10px;
text-decoration: none;
color: #AAA;
}
.backlink a:hover,
.backlink a:visited:hover {
color: #000;
}
img {
border: none;
}
#page_nav {
color: #999;
clear:both;
text-align: center;
}
#page_nav a:link, #page_nav a:visited, #page_nav a:hover, #page_nav a:visited:hover {
text-decoration: none;
color: #222;
}
#breadcrumb_nav {
color: #999;
}
#breadcrumb_nav a:link, #breadcrumb_nav a:visited, #breadcrumb_nav a:hover, #breadcrumb_nav a:visited:hover {
text-decoration: none;
color: #222;
}
a {
color: black;
}
#container {
overflow: auto;
width: 100%
}
.hidden {
visibility: hidden;
position:absolute;
top:0;
left:0;
display:inline;
}
#topbar {
position: absolute;
left: 0;
top: 0;
margin: 0;
padding-top: 5px;
border: none;
float: none;
width: 100%;
height: 25px;
text-align: center;
background-color: #FFFF99;
border-bottom: 1px solid #DDD;
}
#topbar img{
position: absolute;
right: 6;
top: 6;
vertical-align: middle;
}
#folder_comment
{
margin-top:10px;
margin-left:10px;
}
/* ---------- gallery styles start here ----------------------- */
.gallery {
list-style: none;
margin: 0;
padding: 0;
}
.gallery li {
padding: 10px;
margin: 0;
float: left;
position: relative;
width: 130px;
height: 160px;
overflow:hidden;
}
.gallery li:hover img {
border-color: #000;
background: #ddd;
}
.gallery img {
background: #fff;
border: solid 1px #888;
padding: 5px;
}
.gallery em {
color: #000;
font-style: normal;
padding: 2px 5px;
display: block;
position: absolute;
top: 140px;
left: 9px;
}
.gallery em-pdf {
color: #666;
font-style: normal;
font-size: 10px;
padding: 3px 7px;
display: block;
position: absolute;
top: 118px;
left: 9px;
}
.gallery a {
text-decoration: none;
}
.gallery a:hover em {
color: #666;
}
</style>
<body>
<header role="banner">
<h1><% title %></h1>
<% messages %>
<p class="credits"><span>by:</span> <% author %></p>
<nav id="breadcrumb_nav" role="navigation"><% breadcrumb_navigation %></nav>
</header>
<section id="container">
<p id="folder_comment"><% folder_comment %></p>
<ul class="gallery">
<% thumbnails %>
</ul>
</section>
<nav id="page_nav" role="navigation"><% page_navigation %></nav>
<!-- CREDITS - DO NOT REMOVE OR YOU WILL VOID MiniGal Nano TERMS OF USE -->
<hr id="bottom" />
<footer class="backlink" role="contentinfo"><a href="https://github.com/sebsauvage/MinigalNano" title="Powered by MiniGal Nano" target="_blank">Powered by MiniGal Nano <% version %></a></footer>
</body>
</html>

224
templates/rounded.html Normal file
View file

@ -0,0 +1,224 @@
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="author" content="<% author %>" />
<meta name="generator" content="MinigalNano <% version %>" />
<title><% title %></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="alternate" type="application/rss+xml" title="<% title %>" href="rss/" /><link>
<script src="<% gallery_root %>js/lazy.js"></script>
<script src="<% gallery_root %>js/script.js"></script>
<script src="<% gallery_root %>js/mootools.js"></script>
<script src="<% gallery_root %>js/mediabox1.3.4.js"></script>
<link rel="stylesheet" href="<% gallery_root %>css/mediaboxWhite.css" type="text/css" media="screen" />
<style type="text/css">
html {
font-size:62.5%;
}
body {
width:100%;
margin:0;
padding:0;
font-family:Helvetica,Arial,sans-serif;
font-size:1.5rem;
color:#FFF;
background:#3B3A37;
}
a {
text-decoration:none;
font-weight:bold;
color:#FFF;
}
h1 {
margin:20px 0 0;
font-family:Georgia,Lucida,serif;
font-style:italic;
}
h1 a,
a {
color:#E63D24;
}
body > header {
padding:1px;
text-align:center;
}
#container,
#innerheader {
margin:0 auto;
max-width:<% gallery_width %>;
}
#container header {
padding:2rem 0;
}
img {
border:none;
}
nav {
padding-top:15px;
font-size:1.3em;
}
body > nav {
text-align:center;
}
#folder_comment {
margin-bottom:10px;
}
#folder_comment a {
text-decoration:none;
color:#FFCC11;
}
#gallery {
margin:0;
padding:0;
list-style:none;
}
#gallery li,
#gallery li img {
border-radius:4px;
}
#gallery li {
float:left;
position:relative;
margin:.5%;
}
#gallery li img {
width:100%;
border-radius:100%;
-webkit-box-shadow:0 0 2px -1px #000;
box-shadow:0 0 2px -1px #000;
}
#gallery li:hover img {
-webkit-box-shadow:0 0 5px 0 #000;
box-shadow:0 0 5px 0 #000;
}
#gallery li:hover img,
#gallery li img,
#gallery li em,
#gallery li:hover em
#backtop,
#backtop:hover,
#backtop:active,
.b-lazy {
-webkit-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
transition:all .2s ease-in;
}
#gallery em {
position:absolute;
top:-1px;
bottom:-1px;
zoom:1;
width:100%;
margin:-0.5px 0 0 -0.5px;
padding:40% 0;
border:1px solid #000;
border-radius:100%;
text-align:center;
font-family:Georgia,Lucida,serif;
font-size:2.5rem;
font-style:italic;
color:#FFF;
opacity:0;
background:#000;
filter:alpha(opacity=0);
}
#gallery li:hover em {
zoom:1;
opacity:1;
filter:alpha(opacity=1);
}
footer {
clear:both;
padding-top: 2rem;
margin: 25px 0px;
text-align: center;
}
footer a {
text-decoration:none;
}
/*----Back to top button---*/
#backtop {
display: block;
position: fixed;
bottom: 0;
right: 0;
padding: 4rem;
background-color: #E63D24;
color: #FFF;
margin: 1rem;
border-radius: 100%;
-webkit-box-shadow: 0px 0px 2px -1px #000;
box-shadow: 0px 0px 2px -1px #000;
}
/*----lazyloading---*/
.loader{
background: url('images/loader.gif') center center no-repeat;
}
.b-lazy {
opacity: 0;
}
.b-lazy.b-loaded {
opacity: 1;
}
/*----responsive----*/
#gallery li {
width:24%;
height:0;
padding-bottom:24%;
}
@media(max-width:1000px) {
#gallery li {
width:32%;
padding-bottom:32%;
}
}
@media(max-width:800px) {
#gallery li {
width:48%;
padding-bottom:48%;
}
}
@media(max-width:450px) {
#gallery li {
width:100%;
padding-bottom:100%;
}
}
</style>
</head>
<body>
<header role="banner">
<div id="innerheader">
<h1><a href="<% gallery_root %>"><% title %></a></h1>
<% messages %>
<nav role="navigation"><% breadcrumb_navigation %></nav>
</div>
</header>
<a href="#top" id="backtop">top</a>
<main id="container">
<header><% folder_comment %></header>
<ul id="gallery">
<% thumbnails %>
</ul>
</main>
<nav role="navigation"><% page_navigation %></nav>
<a href="#top" id="backtop">top</a>
<footer role="contentinfo">
Gallery by <% author %> /
<a href="https://github.com/sebsauvage/MinigalNano" title="Powered by MiniGal Nano" target="_blank">
Powered by MiniGal Nano <% version %>
</a> /
<a href="http://tomcanac.com/minigal/" title="Tom Canac" target="_blank">
Rounded theme by Tom Canac
</a> /
<a title="<% title %> RSS" href="rss/" />
RSS
<a>
</footer>
</body>
</html>

199
templates/squares.html Normal file
View file

@ -0,0 +1,199 @@
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="author" content="<% author %>" />
<meta name="generator" content="MinigalNano <% version %>" />
<title><% title %></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="alternate" type="application/rss+xml" title="<% title %>" href="rss/" /><link>
<script src="<% gallery_root %>js/lazy.js"></script>
<script src="<% gallery_root %>js/script.js"></script>
<script src="<% gallery_root %>js/mootools.js"></script>
<script src="<% gallery_root %>js/mediabox1.3.4.js"></script>
<link rel="stylesheet" href="<% gallery_root %>css/mediaboxWhite.css" type="text/css" media="screen" />
<style type="text/css">
html {
font-size:62.5%;
}
body {
width:100%;
margin:0;
padding:0;
font-family:Helvetica,Arial,sans-serif;
font-size:1.5rem;
color:#FFF;
background:#232321;
}
a,
h1 a {
text-decoration:none;
color:#FF0084;
}
h1 {
margin:20px 0 0;
font-weight:normal;
}
body > header {
padding:1px;
text-align:center;
}
#container,
#innerheader {
margin:0 auto;
}
#container header {
padding:2rem;
}
nav {
padding-top:15px;
font-size:1.3em;
}
body > nav {
text-align:center;
}
#folder_comment {
margin-bottom:10px;
}
#folder_comment a {
text-decoration:none;
color:#FFCC11;
}
#gallery li:hover img,
#gallery li img,
#gallery li em,
#gallery li:hover em,
#backtop,
#backtop:hover,
#backtop:active,
.b-lazy {
-webkit-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
transition:all .2s ease-in;
}
#gallery {
margin:0;
padding:0;
list-style:none;
}
#gallery li {
float:left;
position:relative;
overflow:hidden;
}
#gallery li img {
width:100%;
}
#gallery em {
display:block;
position:absolute;
top:100%;
bottom:0;
width:100%;
padding:40% 0;
text-align:center;
font-family:Georgia,Lucida,serif;
font-size:2.5rem;
font-style:italic;
color:#FFF;
background:rgba(0,0,0,.9);
}
#gallery li:hover em {
top:0;
}
footer {
font-weight: bold;
clear:both;
padding-top: 2rem;
margin: 25px 0px;
text-align: center;
}
/*----Back to top button---*/
#backtop {
display: block;
position: fixed;
bottom: 0;
right: 0;
padding: 1rem 4rem;
background-color: #FFF;
color: #0063dc;
font-weight: bold;
-webkit-box-shadow: 0px 0px 2px -1px #000;
box-shadow: 0px 0px 2px -1px #000;
}
#backtop:hover,
#backtop:active{
background-color: #0063dc;
color: #FFF;
padding: 2rem 8rem;
}
/*----lazyloading---*/
.b-lazy {
opacity: 0;
}
.b-lazy.b-loaded {
opacity: 1;
}
/*----responsive----*/
#gallery li {
width:25%;
height:0;
padding-bottom:24%;
}
@media(max-width:1000px) {
#gallery li {
width:32%;
padding-bottom:32%;
}
}
@media(max-width:800px) {
#gallery li {
width:48%;
padding-bottom:48%;
}
}
@media(max-width:450px) {
#gallery li {
width:100%;
padding-bottom:100%;
}
}
</style>
</head>
<body>
<header id="top" role="banner">
<div id="innerheader">
<h1><a href="<% gallery_root %>"><% title %></a></h1>
<% messages %>
<nav role="navigation"><% breadcrumb_navigation %></nav>
</div>
</header>
<main id="container">
<header><% folder_comment %></header>
<ul id="gallery">
<% thumbnails %>
</ul>
</main>
<nav role="navigation"><% page_navigation %></nav>
<a href="#top" id="backtop">top</a>
<footer role="contentinfo">
Gallery by <% author %> /
<a href="https://github.com/sebsauvage/MinigalNano" title="Powered by MiniGal Nano" target="_blank">
Powered by MiniGal Nano <% version %>
</a> /
<a href="http://tomcanac.com/minigal/" title="Tom Canac" target="_blank">
Squares theme by Tom Canac
</a> /
<a title="<% title %> RSS" href="rss/" />
RSS
<a>
</footer>
</body>
</html>