improve the empty screen design

config-default.php

@@ -33,7 +33,8 @@ $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_page 			= "Page"; // Text used for page navigation
 $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... yet !"; // Empty folder text
+$label_noimages_advice	= "Use your FTP to upload some picture !";
 $label_loading 			= "Loading..."; // Thumbnail loading text
 $breadcrumb_separator	= ">"; // Breadcrumb parts separator
 

index.php

@@ -432,7 +432,7 @@ for ($y = 0; $y < $offset_start - sizeof($dirs); $y++) {
 // DISPLAY FOLDERS
 //-----------------------
 if (count($dirs) + count($files) == 0) {
-    $thumbnails .= "<li>$label_noimages</li>"; //Display 'no images' text
+    $thumbnails .= "<div class=\"Empty\">$label_noimages</div> <div class=\"EmptyAdvice\">$label_noimages_advice</div>"; //Display 'no images' text
     if ($currentdir == "photos") {
         $messages = "It looks like you have just installed MiniGal Nano. Please run the <a href='system_check.php'>system check tool</a>";
     }

templates/board.html

@@ -46,6 +46,7 @@
 				max-width: <% gallery_width %>;
 				margin: 0px auto;
 			}
+
 			.Message {
 				padding: 1rem;
 				background-color: #f1c40f;
@@ -55,6 +56,7 @@
 				float: right;
 				padding: 2px;
 			}
+
 			header aside{
 				padding: 2rem 0;
 			}
@@ -68,6 +70,20 @@
 			body > nav {
 				text-align: center;
 			}
+
+			.Empty,
+			.EmptyAdvice {
+				text-align: center;
+				text-shadow:0 1px 0 #FFF
+			}
+			.Empty {
+				font-size: 10rem;
+			}
+			.EmptyAdvice {
+				font-size: 2rem;
+				font-style: italic;
+			}
+
 			#folder_comment
 			{
 				margin-bottom:10px;