From aryx, 3 Years ago, written in PHP.
Embed
  1. <!DOCTYPE html>
  2. <!--
  3. To change this license header, choose License Headers in Project Properties.
  4. To change this template file, choose Tools | Templates
  5. and open the template in the editor.
  6. -->
  7. <html>
  8.     <head>
  9.         <meta charset="UTF-8">
  10.         <title></title>
  11.        
  12.         <style>
  13.            
  14.             body {
  15.                 background-color:black;
  16.                 color:white;
  17.                 font-family:monospace;
  18.             }
  19.            
  20.             h1 {
  21.                 text-align:center;
  22.                 border-bottom: 1px solid gray;
  23.             }
  24.            
  25.             div#centered {
  26.                 margin-left:auto;
  27.                 margin-right:auto;
  28.                 width: 660px;
  29.             }
  30.            
  31.             .thumbnail {
  32.                 width:200px;
  33.             }
  34.            
  35.             .imgbox {
  36.                 float:left;
  37.                 width:220px;
  38.                 margin-bottom:20px;
  39.             }
  40.            
  41.             .imgbox img {
  42.                 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  43.                 filter: grayscale(100%);
  44.                 -webkit-transition: filter 0.2s; /* Safari */
  45.                 transition: filter 0.2s;
  46.             }
  47.            
  48.             .imgbox img:hover {
  49.                 -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  50.                 filter: grayscale(0%);
  51.             }
  52.            
  53.             .imgbox p {
  54.                 display:inline;
  55.                 font-size:12px;
  56.             }
  57.            
  58.             .clear {
  59.                 width:100px;
  60.                 height:10px;
  61.             }
  62.            
  63.         </style>
  64.        
  65.     </head>
  66.     <body>
  67.        
  68.         <h1>Gwwwalleewwy</h1>
  69.        
  70.         <div id="centered">
  71.        
  72.         <?php
  73.             $path    = 'kepek';
  74.             $files = array_diff(scandir($path), array('.', '..'));
  75.  
  76.             $c = 0;
  77.             foreach ($files as $file) {
  78.                 if (is_file("kepek/$file")) {
  79.                     if (substr(strtolower("kepek/$file"), -3, 3) == "jpg" || substr(strtolower("kepek/$file"), -3, 3) == "png") {
  80.                         echo "<div class=\"imgbox\">";
  81.                         echo "<a href=\"kepek/$file\" target=\"_blank\"><img class=\"thumbnail\" src=\"kepek/$file\" /></a>";
  82.                         echo "<p><b>File:</b> " . $file . "<br />";
  83.                         echo "<b>Time:</b> " . date("Y.m.d. H:i:s", filemtime("kepek/".$file)) . "</p>";
  84.                         echo "</div>";
  85.                         $c++;
  86.                         if ($c == 3) {
  87.                             echo "<div class=\"clear\"></div>";
  88.                             $c = 0;
  89.                         }
  90.                     }
  91.                 }
  92.             }
  93.            
  94.         ?>
  95.        
  96.         </div>
  97.            
  98.     </body>
  99. </html>
  100.