This is my own version of a picture archive and view web interface. On the corresponding server the pictures are stored in folders for year, month and day. There is also the possibility to create specific albums with pictures as well as storing pictures in a folder to reprint\/copy.<\/p>\n
\r\n<?php ############# HEAD ############################\r\necho "<!DOCTYPE html>\\n";\r\necho "<html>\\n<head>\\n <meta charset='utf-8'><meta name='viewport' content='width=device-width, initial-scale=1.0'>\\n";\r\n############# style sheets ########################\r\necho "<link rel='stylesheet' type='text\/css' href='stylesheet.css'>";\r\necho "<title>PictureViewer<\/title>\\n<\/head>\\n<body>\\n\\n";\r\necho "<header><h1>My Thoughts<\/h1><h4>sniplets worth to be remebered<\/h4><\/header>\\n";\r\n############# Configuration ##########################\r\n$PHP_SELF = htmlspecialchars($_SERVER['PHP_SELF']); # use one file only which will be reload with new parameters all the time\r\n$pathes = array("pictures" => "BackupFromMobile",\r\n\t\t\t\t"reprint" => "BackupFromMobile\/reprint",\r\n\t\t\t\t"albums" => "BackupFromMobile\/albums");\r\n$thumb_params = array("width" => 300, "height" => 300, "row" => 5, "big" => 500);# thumbnail parameters\r\n$folder_to_hide = array("pictures", "icons", "thumbnails", "bin");# some folders should not be showed normally\r\n$file_extensions = array( "image" => array(".jpg", ".jpeg", ".png", ".gif"),\r\n\t\t\t\t\t\t "audio" => array(".mp3", ".ogg", ".wav"),\r\n\t\t\t\t\t\t "ebook" => array(".epub", ".pdf", ".rtx"),\r\n\t\t\t\t\t\t "video" => array(".avi", ".3gp", ".flv"));# allowed extensions for files\r\n$rotation_select_box="<option selected value='none'>none<\/option>\r\n\t\t<option value='0'>0°<\/option>\r\n\t\t<option value='90'>+90°<\/option>\r\n\t\t<option value='180'>+180°<\/option>\r\n\t\t<option value='270'>-90°<\/option>";# select box for image rotation in 90 degree grade\r\n####### clear html variables from malicious code\r\nfunction clean_html($variable){\r\n\treturn trim(htmlspecialchars($variable));\r\n}\r\n###### debug output of POST\u00e5\r\nfunction debug_output(){\r\n\techo "<pre><br><h1>Hier kommt der schamass!<\/h1>";\r\n\tprint_r($_POST);\r\n\techo "<\/pre>"; return ;\r\n}\r\n############# create thumbnails in subfolder ######\r\nfunction check_thumbnail($path, $filename){\r\n\tglobal $thumb_params;\r\n\tif (!file_exists($path."thumbnails")){#create thumbnail folder\r\n\t\tif (!mkdir($path."thumbnails")) die ("Unable to create folder (".$path."thumbnails)!");\r\n\t}\r\n\t$thumb = new Imagick(realpath($path."\/".$filename));# Imagick needs absolute path for reference\r\n\t$orientation = $thumb -> getimageorientation();# check for image orientation\r\n\t# check if rotation was selected\r\n\tif (!empty($orientation)){\r\n\t\tswitch ($orientation){# rotate image to get it upright\r\n\t\t\tcase imagick::ORIENTATION_BOTTOMRIGHT:\r\n\t\t\t\t$thumb->rotateimage("#000000", 180);\r\n\t\t\t\tbreak;\r\n\t\t\tcase imagick::ORIENTATION_RIGHTTOP:\r\n\t\t\t\t$thumb->rotateimage("#000000", 90);\r\n\t\t\t\tbreak;\r\n\t\t\tcase imagick::ORIENTATION_LEFTBOTTOM:\r\n\t\t\t\t$thumb->rotateimage("#000000", -90);\r\n\t\t\t\tbreak;\r\n\t\t\tcase imagick::ORIENTATION_UNDEFINED:\r\n\t\t\t\t$thumb->rotateimage("#000000", 90);\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t\t$thumb->setImageOrientation(imagick::ORIENTATION_TOPLEFT);# set exif data\r\n\t}# resize image but keep ratio\r\n\t$thumb->setResourceLimit( Imagick::RESOURCETYPE_MEMORY, 2 );\r\n\t$thumb->thumbnailImage($thumb_params["width"], $thumb_params["height"], true);\r\n\t$thumb->writeImage(realpath($path)."\/thumbnails\/".$filename);\r\n\treturn ; }\r\n############# show side navigation #######################\r\nfunction explore_directories($current_path, $target_path, $expert_mode){\r\n\tglobal $file_extensions, $folder_to_hide;\r\n\techo "<ul class='navigation'>\\n";\r\n\tforeach (scandir($current_path, 0) as $element){\r\n\t\tif (substr($element, 0, 1) != "." && !in_array($element, $folder_to_hide)){\r\n\t\t\tif (is_file($current_path."\/".$element)){\r\n\t\t\t\techo "<input type='hidden' name='elements[]' value='".$current_path."\/".$element."'>";\r\n\t\t\t\tforeach ($file_extensions as $key => $value){# extensions are grouped in multidimensional array\r\n\t\t\t\t\tif (in_array(strtolower(strrchr($element, ".")), $file_extensions[$key])){# only some file extensions will be shown\r\n\t\t\t\t\t\techo "<li class='actual_entry'><label><img src='icons\/file.png'>";\r\n\t\t\t\t\t\techo "<input class='hidden' type='submit' name='folder[".$key."]' value='".$current_path."\/".$element."'>".$element."<\/label><\/li>\\n";\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\telse { #subfolder\r\n\t\t\t\techo "<li class='navigation'><label><img src='icons\/dir.png'>";\r\n\t\t\t\techo "<input class='hidden' type='submit' name='folder[folder]' value='".$current_path."\/".$element."\/test'>".$element."<\/label><\/li>\\n";\r\n\t\t\t}\r\n\t\t\tif (strncmp($current_path."\/".$element, $target_path, strlen($current_path."\/".$element)) == 0){\r\n\t\t\t\texplore_directories($current_path."\/".$element, $target_path, $expert_mode);\r\n\t\t\t}\r\n\t\t} elseif ($element == "reprint" && $expert_mode == "normal"){# show reprint folder contents if in expert mode\r\n\t\t\techo "<li class='navigation'><label><img src='icons\/dir.png'>";\r\n\t\t\techo "<input class='hidden' type='submit' name='folder[folder]' value='".$current_path."\/".$element."\/test'>".$element."<\/label><\/li>\\n";\r\n\t\t}\r\n\t}\r\n\techo "<\/ul>\\n";\r\n\treturn ; }\r\n############ show thumbnails #############################\r\nfunction show_thumbnails($path, $number_of_rows, $expert_mode){\r\n\tglobal $file_extensions,$rotation_select_box, $pathes;\r\n\t$i=0;\r\n\tforeach (scandir($path) as $file){# iterate over complete directory contents\r\n\t\tif (substr($file,0,1) != "." && in_array(strtolower(strrchr($file, ".")), $file_extensions["image"])){# only allowed extension will be shown\r\n\t\t\t$file = htmlspecialchars($file); $i++;# clean filename\r\n\t\t\tif (!file_exists($path."\/thumbnails\/".$file)){\r\n\t\t\t\tcheck_thumbnail($path."\/", $file);\r\n\t\t\t}\r\n\t\t\techo "<div class='gallery'><label><input class='hidden' type='submit' name='folder[image]' value='".$path."\/".$file."'>";\r\n\t\t\techo "<img src='".$path."\/thumbnails\/".$file."' alt='".$file."'><\/label>\\n";\r\n\t\t\tif ($expert_mode == "normal"){# show checkbox for reprint\r\n\t\t\t\tif (strncmp($path, $pathes['reprint'], strlen($pathes['reprint'])) == 0 ) {\r\n\t\t\t\t\techo "<p class='delete'><input type='checkbox' name='delete".$i."' value='".$path."\/".$file."'> delete from reprint list <\/p>\\n";\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\techo "<p class='reprint'><input type='checkbox' name='reprint".$i."' value='".$path."\/".$file."'> reprint <span> rotate <select name='rotate".$i."'>";\r\n\t\t\t\t\techo $rotation_select_box."<\/select><\/span><input type='hidden' name='rotation".$i."' value='".$path."\/".$file."'><\/p>\\n";# we need the filename beside the rotation value\r\n\t\t\t\t\tif (strncmp($path, $pathes['albums'], strlen($pathes['albums'])) == 0)\r\n\t\t\t\t\t\techo "<p class='delete'><input type='checkbox' name='delete".$i."' value='".$path."\/".$file."'> delete from album <\/p>\\n";\r\n\t\t\t\t\telse\r\n\t\t\t\t\t\techo "<p class='album'><input type='checkbox' name='album".$i."' value='".$path."\/".$file."'> add to album choosen above<\/p>\\n";\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\techo "<\/div>\\n";\r\n\t\t}\r\n\t}\r\n\treturn ;}\r\n############# rotate pictures from list in given direction ##############\r\nfunction rotatepictures($rotation, $files){\r\n\tglobal $thumb_params; $i=0;\r\n\t$path = dirname($files[0]);\r\n\tforeach ($files as $value) {\r\n\t\t$thumb = new Imagick(realpath($value));# Imagick needs absolute path for reference\r\n\t\tswitch ($rotation[$i]){# rotate image to get it upright\r\n\t\t\tcase "0";\r\n\t\t\t\t$thumb->rotateimage("#000000", 0);\r\n\t\t\t\tbreak;\r\n\t\t\tcase "90";\r\n\t\t\t\t$thumb->rotateimage("#000000", 90);\r\n\t\t\t\tbreak;\r\n\t\t\tcase "180":\r\n\t\t\t\t$thumb->rotateimage("#000000", 180);\r\n\t\t\t\tbreak;\r\n\t\t\tcase "270":\r\n\t\t\t\t$thumb->rotateimage("#000000", -90);\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t\t$thumb->setImageOrientation(imagick::ORIENTATION_TOPLEFT);# set exif data\r\n\t\t$thumb->setResourceLimit( Imagick::RESOURCETYPE_MEMORY, 2 );# resize image but keep ratio\r\n\t\t$thumb->thumbnailImage($thumb_params["width"], $thumb_params["height"], true);\r\n\t\t$thumb->writeImage(realpath($path)."\/thumbnails\/".basename($value));\r\n\t\t$i++; # take a counter with us to get desired orientation\r\n\t}\r\n\treturn "done";}\r\n############# copy pics for reprint ###################\r\nfunction copypictures($files, $folder){\r\n\tif (!file_exists($folder)){\r\n\t\tif (!mkdir($folder)) die("Could not create folder:".$folder);\r\n\t}\r\n\tforeach ($files as $value) {\r\n\t\tif (!copy($value, $folder."\/".basename($value) ))\r\n\t\t\t\tdie("Could not copy file".$value." to ".$folder."\/".basename($value));\r\n\t\t}\r\n\treturn "done";}\r\n############# delete pictures from album ##############\r\nfunction delpictures($files){\r\n\tforeach ($files as $value) {\r\n\t\tif (!unlink($value))\r\n\t\t\tdie("Could not delete file".$value);\r\n\t}\r\n\treturn "done";}\r\n######################################################################\r\n############################## MAIN ##################################\r\n######################################################################\r\necho "<body><form method='POST' action='$PHP_SELF'>\\n";# page header with headline and table headers\r\n$filelist=array(); $albumlist=array();$dellist=array();$rotatelist=array();$rotationnamelist=array();# list of files for reprint\r\nforeach (array_diff_key($_POST, array("change" => "", "action" => "", "folder" => "", "album" => "")) as $key => $value){\r\n\tif (substr($key, 0, 7) == "reprint")# files for reprint are numbered as reprint1..9\r\n\t\tarray_push($filelist, $value);# generate array list of files to reprint\r\n\telseif (substr($key, 0, 5) == "album")# files for album are numbered as album1..9\r\n\t\tarray_push($albumlist, $value);# generate array list of files for actual album\r\n\telseif (substr($key, 0, 6) == "delete")# files to delete from album\r\n\t\tarray_push($dellist, $value);\r\n\telseif (substr($key, 0, 6) == "rotate" && $_POST[$key] != "none"){# files to rotate\r\n\t\tarray_push($rotatelist, $value);# store value for rotation\r\n\t\t$index_for_rotation="rotation".substr($key, 6);\r\n\t\tarray_push($rotationnamelist, $_POST[$index_for_rotation]);# get image name to rotate\r\n\t}\r\n}\r\n# get default values for action, target folder and expert view mode\r\n# $key = last action choosen, e.g. play video, show pictures\r\n# $target_folder = the last folder that was opened\r\n# $expert_mode = status of expert view\r\nif (isset($_POST['actual_action']) && $_POST['actual_action'] != "")\r\n\t$key = clean_html($_POST['actual_action']);\r\nelse \r\n\t$key = "folder";# default action is showing pictures in folder\r\nif (isset($_POST['folder']) && $_POST['folder'] != ""){\r\n\tforeach ($_POST[folder] as $key => $value)# generate target folder variable from POST\r\n\t\t$target_path = clean_html(dirname($value));# if a new folder icon was clicked update target folder\r\n\t$key = clean_html(array_keys($_POST['folder'])[0]);$value = clean_html($_POST['folder'][$key]);\r\n}elseif (isset($_POST['actual_folder']) && $_POST['actual_folder'] != ""){\r\n\t$target_path = clean_html($_POST['actual_folder']);$value = clean_html($_POST['actual_contents']);\r\n} else \r\n\t$target_path = $pathes['pictures'];\r\n# check the actual status of expert view and toggle if requested by user button press\r\nif (isset($_POST['change']) && $_POST['change'] == "expert")# button is pressed, so we need to toggle\r\n\t$expert_mode = "normal";# change value as user triggered the button to change\r\nelseif (isset($_POST['change']) && $_POST['change'] == "normal")\r\n\t$expert_mode = "expert";# keep the old stage if set\r\nelseif (isset($_POST['expert_mode']) && $_POST['expert_mode'] == "normal")\r\n\t$expert_mode = "normal";\r\nelse \r\n\t$expert_mode = "expert";\r\necho "<input type='hidden' name='expert_mode' value='".$expert_mode."'><input type='hidden' name='actual_folder' value='".$target_path."'>";\r\necho "<input type='hidden' name='actual_action' value='".$key."'><input type='hidden' name='actual_contents' value='".$value."'>";\r\n############## show navigation on top ###########################################\r\necho "<div class='navi'><input type='submit' name='change' value='".$expert_mode."'>";\r\n# manage access to albums in special folder\r\nif ($expert_mode == "normal"){# select album from list if in expert mode\r\n\techo "<select name='album'>\\n<option value='new'>create new entry<\/option>\\n";\r\n\tforeach ( glob($pathes['albums']."\/*", GLOB_ONLYDIR) as $directory){\r\n\t\techo "<option ";\r\n\t\tif (isset($_POST['album']) && $_POST['album'] == $directory)\r\n\t\t\techo " selected ";\r\n\t\t\techo "value='".$directory."'>".basename($directory)."<\/option>\\n";\r\n\t}\r\n\techo "<\/select>\\n<input type='submit' name='action' value='action'>\\n";\r\n}\r\nif (isset($_POST['action'])){# action button pressed\r\n\techo "<span class='response'>";\r\n\tif (isset($_POST['new_album']) && !empty($_POST['new_album'])){\r\n\t\tif (!file_exists($pathes['albums']."\/".$_POST['new_album']))\r\n\t\t\tif (!mkdir($pathes['albums']."\/".$_POST['new_album'])) die("Could not create folder:".$_POST['new_album']);\r\n\t}\r\n\telse {\r\n\t\tif (isset($_POST['album']) && $_POST['album'] == "new"){\r\n\t\t\techo "Create new album: <input type='text' size='20' name='new_album'>\\n";\r\n\t\t}\r\n\t\telseif (!empty($albumlist))# copy pictures to album\r\n\t\t\techo copypictures($albumlist, $_POST['album']);\r\n\t\tif (!empty($filelist)) # copy pictures for reprint\r\n\t\t\techo copypictures($filelist, $pathes['reprint']);\r\n\t\tif (!empty($dellist)) # delete entries from album\r\n\t\t\techo delpictures($dellist);\r\n\t\tif (!empty($rotatelist))# rotate pictures in given direction\r\n\t\t\techo rotatepictures($rotatelist, $rotationnamelist);\r\n}\r\n\techo "<\/span>\\n";\r\n}\r\nexplore_directories($pathes['pictures'], $target_path, $expert_mode);# show the navigation menue\r\necho "<\/div>\\n";\r\n############### page content to the right ##################################\r\necho "<section class='contents'>";\r\nswitch ($key){\r\n\tcase "audio":\r\n\t\techo "<".$key." controls height='240' width='320'>\\n<source src='".$value."' type='".$key."\/".strtolower(substr(strrchr($value, "."),1))."'>\\n";\r\n\t\techo "No support for file: ".$value." in your Browser!<\/".$key.">\\n";\r\n\t\tbreak;\r\n\tcase "video":\r\n\t\techo "<".$key." controls height='240' width='320'>\\n<source src='".$value."' type='".$key."\/".strtolower(substr(strrchr($value, "."),1))."'>\\n";\r\n\t\techo "No support for file: ".$value." in your Browser!<\/".$key.">\\n";\r\n\t\tbreak;\r\n\tcase "ebook":\r\n\t\techo "<br>Read ebook: ".$value."<br>";\r\n\t\tbreak;\r\n\tcase "image":\r\n\t\techo "<div class='gallery'>\\n";\r\n\t\tif (isset($_POST['elements']) && $_POST['elements'] != "") {\r\n\t\t\t$number_of_pictures = count($_POST['elements'])-1;# index is running from 0 up\r\n\t\t\tfor ($i=0; $i<=$number_of_pictures; $i++){# iterate over complete image list\r\n\t\t\t\tif ($_POST['elements'][$i] == $value){ # find the number of the current image in list\r\n\t\t\t\t\tif ($i == 0) $last = $_POST['elements'][$number_of_pictures];# we are at position 0 already\r\n\t\t\t\t\telse $last = $_POST['elements'][$i-1];\r\n\t\t\t\t\tif ($i == $number_of_pictures) $next = $_POST['elements'][0];# we are at the end already\r\n\t\t\t\t\telse $next = $_POST['elements'][$i+1];\r\n\t\t\t\t\techo "<div class='arrow-left'><button type='submit' name='folder[image]' value='".$last."'>";\r\n\t\t\t\t\techo "<img src='icons\/transparent.png' style='border:none;'><\/button><\/div>";\r\n\t\t\t\t\techo "<a href='".$value."'> <img src='".$value."' width='".$thumb_params["big"]."' alt='".$value."'><\/a>";\r\n\t\t\t\t\techo "<div class='arrow-right'><button type='submit' name='folder[image]' value='".$next."'>";\r\n\t\t\t\t\techo "<img src='icons\/transparent.png' style='border:none;'><\/button><\/div>";\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\tif ($expert_mode == "normal"){# show checkbox for reprint\r\n\t\t\tif (explode("\/", $value)[0] == $pathes['reprint']) {\r\n\t\t\t\techo "<p class='delete'><input type='checkbox' name='delete".$i."' value='".$value."'> delete from reprint list <\/p>\\n";\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\techo "<p class='reprint'><input type='checkbox' name='reprint".$i."' value='".$value."'> reprint <span> rotate <select name='rotate".$i."'>";\r\n\t\t\t\techo $rotation_select_box."<\/select><\/span><input type='hidden' name='rotation".$i."' value='".$value."'><\/p>\\n";# we need the filename beside the rotation value\r\n\t\t\t\tif (explode("\/", $value)[0] == $pathes['albums'])\r\n\t\t\t\t\techo "<p class='delete'><input type='checkbox' name='delete".$i."' value='".$value."'> delete from album <\/p>\\n";\r\n\t\t\t\telse\r\n\t\t\t\t\techo "<p class='album'><input type='checkbox' name='album".$i."' value='".$value."'> add to album choosen above<\/p>\\n";\r\n\t\t\t}\r\n\t\t}\r\n\t\techo "<\/div>";\r\n\t\tbreak;\r\n\tcase "folder":\r\n\t\tshow_thumbnails($target_path, $thumb_params['row'], $expert_mode);# show thumbs\r\n\t\tbreak;\r\n\tdefault:\r\n\t\techo "<br>File type not supported!<br>";\r\n\t\tbreak;\r\n}\r\necho "<\/section>\\n";\r\n############# cleanup and end ########################################\t\t\r\ndebug_output();\r\necho "<\/form>\\n<footer id='footer'>My personal page hosted on my own server © olkn<\/footer><\/body><\/HTML>\\n";\r\n########### END ###################################?>\r\n<\/pre>\n\r\n@CHARSET "ISO-8859-1";\r\nbody {\r\n background-color: #2C2C29;\r\n \tfont-family:"Times New Roman", Times, serif;\r\n font-size: 13px;\r\n color: white;\r\n}\r\n.arrow-right {\r\n position: absolute;\r\n\twidth: 20%;\r\n height: 100%;\r\n right: -50px;\r\n top: 0;\r\n}\r\n.arrow-left {\r\n position: absolute;\r\n\twidth: 20%;\r\n height: 100%;\r\n left: -50px;\r\n top: 0;\r\n}\r\n.arrow-left:hover {\r\n\tbackground: transparent url(icons\/arrow-left.png) no-repeat left center;\r\n}\r\n.arrow-right:hover {\r\n\tbackground: transparent url(icons\/arrow-right.png) no-repeat right center;\r\n}\r\n.hidden {\r\n\tdisplay: none;\r\n}\r\n.response {\r\n\tpadding: 0 0 0 50px;\r\n}\r\n.navigation {\/* navigation divs are nested on the left *\/\r\n\tpadding: 0px 0px 0px 12px;\r\n\ttext-shadow: 4px 3px 0 #444444;\r\n}\r\nul {\r\n list-style-type: none;\r\n padding: 0px 20px 0px 0px;\r\n}\r\nli {\r\n\tpadding: 0px 0px 0px 12px;\r\n}\r\n.navi { \/* show text shadow *\/\r\n\tfloat: left;\r\n\ttext-shadow: 4px 3px 0 #444444;\r\n}\r\na { \/* some stylings for links *\/\r\n\ttext-decoration:none;\r\n}\r\na:link {\r\n color: dimgray;\r\n}\r\na:visited {\r\n color: darkgray;\r\n}\r\na:hover {\r\n color: royalblue;\r\n}\r\na:active {\r\n color: silver;\r\n}\r\np.reprint { \/* caption for reprint *\/\r\n\tbackground: teal;\r\n\tmargin: 5px;\r\n\ttext-align: left;\r\n}\r\np.reprint span { \r\n\tfloat:right;\r\n\tpadding: 0 5px 0 0;\r\n}\r\np.album { \/* caption for add to album *\/\r\n\tbackground: royalblue;\r\n\tmargin: 5px;\r\n\ttext-align: left;\r\n}\r\np.delete { \/* caption for pic delete *\/\r\n\tbackground: darkred;\r\n\tmargin: 5px;\r\n\ttext-align: left;\r\n}\r\n.gallery { \/* show nice white border for pics *\/\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\tpadding: 5px 5px 20px 5px;\r\n\tmargin: 20px;\r\n\tbackground: white;\r\n}\r\n.gallery img {\r\n\tmargin:2px;\r\n\tborder:1px solid #000000;\r\n \theight:auto;\r\n}\r\n.gallery img:hover { \/* blurr image when mouse is over *\/\r\n\topacity:0.7;\r\n\tfilter:alpha(opacity=70); \r\n}\r\nimg.arrow {\r\n\tborder: none;\r\n\tmargin: 100% 0;\r\n}\r\nbutton {\r\n\theight: 100%;\r\n\twidth: 130px;\r\n\tbackground: transparent;\r\n\tborder: none;\r\n}\r\nfooter { \/* footer in new line *\/\r\n\tclear: left;\r\n}\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"This is my own version of a picture archive and view web interface. On the corresponding server the pictures are stored in folders for year, month and day. There is also the possibility to create specific albums with pictures as well as storing pictures in a folder to reprint\/copy. <?php ############# HEAD ############################ echo "<!DOCTYPE … Continue reading picture viewer<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24],"tags":[51,79,123,131],"class_list":["post-447","post","type-post","status-publish","format-standard","hentry","category-programming","tag-debian","tag-linux","tag-sync","tag-webfrontend"],"_links":{"self":[{"href":"https:\/\/olkn.myvnc.com\/index.php?rest_route=\/wp\/v2\/posts\/447","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/olkn.myvnc.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/olkn.myvnc.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/olkn.myvnc.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/olkn.myvnc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=447"}],"version-history":[{"count":4,"href":"https:\/\/olkn.myvnc.com\/index.php?rest_route=\/wp\/v2\/posts\/447\/revisions"}],"predecessor-version":[{"id":495,"href":"https:\/\/olkn.myvnc.com\/index.php?rest_route=\/wp\/v2\/posts\/447\/revisions\/495"}],"wp:attachment":[{"href":"https:\/\/olkn.myvnc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=447"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/olkn.myvnc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=447"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/olkn.myvnc.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=447"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}