Open Directory

Blogging colleagues, that’s nice. Follow their private lives or their children growing up, without even visiting them. But what happens when they try to hack their own blog together, using a lot of "cool" technologies which have more a negative than a positive influence on their productivity. We (other colleagues and I) are bashing since forever on planethofstede.be. Of course, we’re happy he finally has some kind of blog in stead of a folder containing a bunch of images, but he is still holding on to the thought that he’s a programmer and he should implement his own blog – a thought I have given up a long time ago. Using pre build software is much easier and is done by people who knows more about these things than you do.

Not only you can’t add any comments on planethofstede.be (and thus we have to use our own blogs to comment) and is the name that shows up in Google Reader <div xmlns=”http://www.w3.org/1999/xhtml” xmlns:ns0=”http://www.w3.org/1999/xhtml”>www.planethofstede.be</div> in stead of a human readable name, but even worse is his “photo album” that is nothing but a bunch of public accessible folders in which you have to select every photo one by one and in which you don’t have a clue what the image will look like (no thumbnails, no overview, nothing).

This phenomena has a name. Such a public accessible folder is called an Open Directory and is known on more sites than planethofstede.be. This way, there are people who have written a little javascript that allows you to open the images in such an Open Directory in a more user-friendly way. This javascript however is showing all images in full size and the images on planethofstede.be are not even scaled down, making it impossible to view the entire image at once. So I changed the script in a way that the browser will scale the image down if necessary.

Now, how can we use this script to see planethofstede.be‘s images? Quite simple. Add the script as bookmark.

  1. Copy the following script entirely:
    javascript:var%20sHTML='<html><head><title>Photoviewer</title></head>\n<body%20style="background-color:#121212;font-family:tahoma,verdana,sans-serif">\n\t<div%20align="center">\n';for(x=0;x<document.links.length;x++){link=document.links[x].href.toLowerCase();if((link.indexOf('.jpg')!=-1)||(link.indexOf('.gif')!=-1)||(link.indexOf('.png')!=-1)||(link.indexOf('.bmp')!=-1)){sHTML+='\t\t<a%20href="'+document.links[x].href+'"><img%20src="'+document.links[x].href+'"%20style="border:0px;max-width:'+(document.body.clientWidth-40)+'px;width:expression(this.width>'+(document.body.clientWidth-40)+'?'+(document.body.clientWidth-40)+':true);max-height:'+(document.body.clientHeight-40)+'px;width:expression(this.width>'+(document.body.clientHeight-40)+'?'+(document.body.clientHeight-40)+':true);"/></a><div%20style="color:#fefefe;margin-bottom:30px;">'+link.substring(link.lastIndexOf('/')+1,link.lastIndexOf('.')).replace(/-/g,'%20')+'</div>\n'}}sHTML+="\t</div>\n</body></html>";document.body.innerHTML=sHTML;
  2. Add a new bookmark (called Favorite in Internet Explorer) and use the script as "Location" or :
    1. If you’re using Firefox:
      • Click "Bookmarks" in the menu and choose "Organize Bookmarks".
      • In the window that appears there, right click on "Bookmarks Toolbar" or "Bookmarks Menu" and choose "New Bookmark".
      • As "Name", you can choose "Open Directory" and you paste the script (you just copied) in the "Location" field.
      • Save that bookmark.
    2. In Internet Explorer, it’s different because you don’t have a procedure to add a bookmark like this, but you can download this URL and copy it to your Favorites folder (On Windows XP, this is the folder C:\Documents and Settings\<username>\Favorites). You can do the same for Firefox: download the url and drag it to the Bookmarks Manager.
  3. Now, go to a folder on the planethofstede.be website – which will show you an index of images – and then Click Bookmarks > Open Directory (i.e. the bookmark you just created). The javascript will be executed and you’ll see the images one above the other.
Admittedly, this procedure isn’t user-friendly at all, but I can’t add a “click here to add the bookmark” since Firefox nor Internet Explorer will allow a creation of such a bookmark. But once installed, you have a nicer way to see planethofstede.be‘s photo gallery.

Edit Thanks Nick (Mr planethofstede.be himself) to add the description functionality to the script. I took my chance to change the script a little more and add some more styling. The script now has a dark background and horizontal lines are separating the images and their descriptions from the next image.

Edit 2: As suggested, the horizontal lines are removed and I’m using a margin of 30px instead. I also noticed the portrait-shaped photo’s still needed scrolling as only the width was adapted, not the height. Now the height is modified if the image is too large to fit in the browser window. I also made the images clickable, so that you can click-to-view the original image. Right click and selecting "show image" would work too, but that implies two clicks and a mouse move – thus more effort 😉

Modify Lightroom Build-in templates

When I upload images to bermione.be (and thus not uploading them to Picasaweb), I’m using the Lightroom build-in Flash template, since that is exactly what I was looking for. Not too fancy, but not too simple either. Only minor is that I had to add my Google Analytics code every time to the generated html page. But I always forget to add it before uploading and I notice that only a day later, when the gallery was visited already and thus I loose some analytics.

Yesterday, once again, I generated a new gallery, uploaded it to the server but forgot to add the Google Analytics script. And that I noticed today so I opened the html to add the script and… was surprised the script was already there!
Then I remembered, I was once searching for a way to modify this template in order to have this Google Analytics script automatically added: I wanted to change the build-in template and insert the script so that it would be there every time I generate a new gallery.
I know I did a long research for it and finally found how to do this. But that’s a long time ago.

At this point, I started a search on the Internet to find out which file I once edited but… I couldn’t find it anymore. So I started a search locally and finally found the template.

On a Mac, the default flash template, which includes the html you have to change, is located inside the Adobe Lightroom.app. The file /Applications/Adobe Lightroom.app/
Contents/PlugIns/Web.agmodule/
Contents/Resources/galleries/default_flash.lrwebengine/index.html
is the one you want to change.

To find this file using the Finder:

  • Go to /Applications, select Adobe Lightroom.app and Action > Show Package Contents
  • Browse to Contents/PlugIns/ Select Web.agmodule and Action >Show Package Contents
  • Browse to Contents/Resources/galleries/, select default_flash_lrwebengine and Action >Show Package Contents
  • There you can see different files and folders, one amongst them is index.html and that is the file you want to change.

Open this with any text editor (but be aware that as of Leopard, TextEdit.app opens HTML in a WYSIWYG mode! I prefer Dashcode, but then you must have installed the optional Developer part of Mac OS X) and add the Google Analytics script at the bottom of the file (as described online). Save the file and generate your gallery. You’ll see that the Google Analytics code is right there!

Other templates are right there, in the Web.agmodule/Contents/Resources/galleries

“Have you found her yet?”

When I saw one of my colleagues today, his first question was:
– “Have you found her already?“.
– “Who?” I asked
– “The Finnish girl…“. I didn’t and I hardly doubt I ever will. “I think she looks more like a plastic doll. How many tons of make-up is she wearing?” he continued.

Finnish Treasure, natural beauty
Finnish Treasure,
natural beauty
,
by Auric Goldfinger.

Uch. He’s right. You know, the truth is, I did some photoshopping. The original picture is a bit blurred, so I sharpened it, but that was blowing up the ISO artifact so I did some “airbrushing“… Bad idea, so it seems. Posting the blurred original in the first place would have been better. I still have much to learn…

At the end of the day however, he asked me again whether I had found her yet and while asking this, he had a sharp, penetrating, almost blaming look. That was one time too much. There’s a more profound meaning in that question, it’s not “just” a longing for information. What did he mean? What should I think now?

I thought a long time. A long time-consuming thought. Until I experienced the enlightening emotion of knowledge. I now see what the deeper meaning of his question actually is, what the motive is for posing it. Jealousy. He is just jealous he wasn’t there at that moment. His sharp, penetrating look was just an envious look. And I can’t blame him.

Perhaps I should enlarge the image, frame it and give it as a gift for his birthday…

This column should have been flooded by smileys, but that would ruin the text, so just imagine a lot of winks and ROFLs every two sentences…

Who am I to say no

As people ask so gently and like the things you do, how can you say no? It’s just… You know. Cool to do, to continue. And though I don’t think Thanksgiviumy is the best one yet, it is nice to read such comments and continue the adaptation.

Thanksgiviumy

Even though I recon the “beauty” of the icons are mostly because of the basis is such a great piece of art, I like the adaptations I did. Yes, I’m happy with the result and I even use my own icons extensively, I didn’t do that with the previous versions.

Black Pete Adi tastes Pumpkin soup

Pumpkin

With Halloween knocking on the door, my sister is working around the theme of Halloween this week. So I had to cut a pumpkin. Rather hard work, really. And this time, we took an edible one, so my mother could make some pumpkin soup. First time she made pumpkin soup and I have to admit it is a good one.

And indeed, Black Pete for Adium is ready.



Xtra of the moment

Adiumy’o Lantern is currently the Xtra of the moment. Cool. Really. It approves that your “work” is appreciated by others and that’s where we live for, don’t we.

Since I just can’t stop producing changed versions of the Adiumy Green version of Eugen Buzuk, I created a Moses version. On request.

You might think it looks like Gandalf or something, in a strange way. It’s probably the beard and the stick.

I really should think of an update for Adicolas

Being creative v2

Not only I created a halloween version of Adiumy, I’ve also updated my older Adiclaus for the upcoming Christmas and today, I’ve uploaded it. It’ll be available for download once it is approved.

Mushroom
Mushroom,
originally uploaded by Auric Goldfinger.

This weekend was very creative. My sister, kindergarten teacher, wanted something spectacular in her class. The theme of the week is “gnomes” so we’ve created a child-sized mushroom
The entire construction is nothing more than garbage paperboard and remainders of textile, some imagination and a drop of red paint…

Fun assured, for young and … older children… I’m wondering how those children will react when they enter their classroom tomorrow morning – the younger ones, I mean.