How to curate photo galleries with Hash Gordon

How to curate photo galleries with Hash Gordon

How to curate photo galleries with Hash Gordon

Among the many tools built using the n0tice platform is a photo gallery maker called Hash Gordon.

It can be very useful for curating images from across the social web to tell a story, to engage people in an activity, to serve a marketing campaign, and many other uses we surely haven’t discovered, yet. You can then embed the photo gallery you make with Hash Gordon on any web site…just copy and paste the embed code that appears below your photo gallery.

In addition to searching for images by keywords, Hash Gordon enables a few different options for moderating the flow of images feeding your photo gallery and how you display them. The following is a brief explanation of how each function works:

There are 3 useful facets for refining which images appear in your photo gallery.

  1. Posts from a user or a whitelist of several users
  2. Favorites selected by user or list of users
  3. Posts submitted to a noticeboard or list of noticeboards
You can select all the images posted by a particular user. Just enter his or her n0tice username in the appropriate Premoderation box.

You can select all the images that a particular user has “n0ticed”. This way someone can manually select images he or she wants to use before they appear in your photo gallery.

And you can select only images that are fed into a particular noticeboard. Rather than select *all* the images from a particular user you can isolate just the photos which appear on a noticeboard.

You can also use a combination of these fields to optimize the output. You could, for example, invite your news desk to post a bunch of images to a noticeboard and then have your copy desk select only the best images for a photo gallery to be published on your web site.

Lists of users or noticeboards must be comma-separated.

You may want either a second backstop to protect you or perhaps a much looser and more open feed of images for your photo gallery. The Maximum Flags filter is very useful in either context.

When users flag posts on n0tice items will be removed from your photo gallery. The image will still exist on, but your photo gallery will automatically pull the image down. You may change the threshold for flags if you want to be more relaxed about moderation.

The default flag count is 0 which means images will disappear on the first flag report.

In order to prevent flagging abuse, there is a flag override control. Send a note to to get more information about this feature.

There are a few display options that can be used with the gallery to optimize it for the web site where you are publishing your gallery. You can define the number of images per page (or per scroll), the size for each image, and a gutter to give some white space between the images (or not).

You can also choose whether your gallery will scroll from left-to-right or down. By default your gallery will have a button to view more on the bottom which will then unveil more images when clicked until there are no more images to show.

There are 2 example pictured to the right and the configurations used to show those images.

The embed will also automatically resize depending on the browser the user is viewing your gallery through. For very narrow screens such as mobile devices the gallery will drop into a vertical list.

Recommended settings:

  • 460px column: results per page = 9, image size = 145
  • 720px column: results per page = 12, image size = 240, caption = under

Display examples:

results per page = 10, image size = 150

results per page = 6, image size = 80, gutter = 10

results per page = 6, image size = 240, caption = under

The technology powering this capability is open and reusable. The code for Hash Gordon is published with an open license on Github. And the API that makes it possible is documented here on

Recent Posts:

Comments are closed.