I've already done a thumbnail page, using DropBox, ImageMagick, bash > ls > html > css.
First tip: You can sync your files online and across computers with @Dropbox. 2GB account is free! https://www.dropbox.com/home.
Second, select a collection of files (in my case, PDF files about boardgames) and put them in a public folder within Dropbox (I've created games subfolder in public folder to do that).
Use ImageMagick to create thumbnail from files:
(to install imagemagick in Linux use: sudo apt-get install imagemagick)
So, to create a thumb for all files I've used following command:
Now, it is possible create HTML from these files:
(yes, I know... I would use sed command to change pdf extension rather than just to suffix ".png"... it's just to keep things simple :D)
Next, I've created an index file to exhibit that files. Basicly, the file use the following css (thanx to Gabriel Ricci):
O resultado segue aqui: galeria de jogos de tabuleiro.
First tip: You can sync your files online and across computers with @Dropbox. 2GB account is free! https://www.dropbox.com/home.
Second, select a collection of files (in my case, PDF files about boardgames) and put them in a public folder within Dropbox (I've created games subfolder in public folder to do that).
Use ImageMagick to create thumbnail from files:
(to install imagemagick in Linux use: sudo apt-get install imagemagick)
So, to create a thumb for all files I've used following command:
for a in $(ls *.pdf); do convert -thumbnail x96 $a[0] $a.png; done
Now, it is possible create HTML from these files:
for a in $(ls *.pdf); do echo "< a href=\"$a\" class=\"image\" >< img src=\"$a.png\" /> < span class=\"text\">$a< / a >" >> file.html; done
(yes, I know... I would use sed command to change pdf extension rather than just to suffix ".png"... it's just to keep things simple :D)
Next, I've created an index file to exhibit that files. Basicly, the file use the following css (thanx to Gabriel Ricci):
a.image { float: left; display: block; text-align: center; margin: 5px; } a.image img{ display: block; border: none; } a.image .text{ display: block; width: 100px; word-wrap: break-word; font-size: small; }Done! A very fast and simple thumbnail from PDF files.
O resultado segue aqui: galeria de jogos de tabuleiro.
Comentários