Places - a location information system using Drupal 7 and Google Maps API v3

"Places" is a Drupal7 site that shows all the locations in it either as a list or on a map.

The site can be viewed at www.netnik.com/places.

Athenites mobile site


Athenites is optimized for use with smartphones. It's main feauture is a directory of live music venues in downtown Athens, Georgia. The page for each venue provides general information as well as their twitter and facebook status updates, and a Google maps widget.

You can see Athenites at athenites.com.

Mobilizing Drupal

320 x 480 Safari screenshot

Here is a gallery site in Drupal that displays a Views grid of photos on the front page. It actually displayed fairly well on the iPhone since it is 960 pixels wide (which is what the iPhone assumes by default), but I wanted to serve a special style sheet to iPhones. Here's how I did it.

A little Facebook API

If you head over to http://developers.facebook.com you can get code that you can paste into your site. The feeds are served in iframes.

On this page, using my "As is" input format, I pasted the code for Activity Feed and the code for the "like" button.

Making a page with Views and Panels

A 5-minute screencast which describes how a page which lists some of the content on my site was set up using the Views and Panels modules.

Bar Gallery


A simple photo gallery with a lightbox built in Drupal 6.

A simple request

You know the story. You build a Drupal site. It's amazing. Then the client asks for 2 simple features to be added. And you can't deny that they are reasonable requests. If only you'd known about them when you started!

Views displayed in an accordion

This page features an accordion which contains 3 Views, each of which displays a list of articles tagged with the taxonomy terms "Drupal," "JQuery," and "CSS." (See the accordion at the bottom of the page.)

Adding elements to a page with jquery

If you go to one of my Magnifier pages, you will see, between the title and the image, the link "Back to Magnifier index."

This particular link is not provided by Views or by Drupal, but is added to the page by jquery. It's a situation that comes up surprisingly often - wanting to add something to a generated page.

It's fairly simple. In fact, it's just one line of jquery.

Making a page with Views

magnifier screenshot

Now that I've got Views giving me a list of links to Magnifier nodes that I've put into a Block on the home page, I think I want to have Views make a page as well. The Block just lists the Titles but the page can be richer... a thunbnail of the image, the title, and a teaser, as shown in the screenshot.

Syndicate content