City Map Toolkit

[kwiqsilver]

For anybody still using this (I recently discovered it for a kingmaker campaign I'm part of), here's how to make the district borders link to other districts:

Assume you have:
Townsvile-Central.html and Townsville-North.html. North is (obviously) on the north edge of Central.
In Townsville-Central.html, change your north border to this:
<div onclick="location.href='Townsville-North.html';" class="border" id="north"><span>Townsville North District</span></div>

And in Townsville-North.html, change your south border to this:
<div onclick="location.href='Townsville-Central.html';" class="border" id="south"><span>Townsville Central District</span></div>

That's also assuming they're in the same directory on the webserver. If they're not, you'll need to modify the relative URL or go absolute.

It's also assuming you don't have internal walls or canals. If you do, just change the class to "border wall" or "border water".

You can put in a link to anything you choose. Neighboring districts just seems like the most likely choice.

[kwiqsilver]

Also...
for anyone else who thinks the water looks purple, find this line in main.css:
.water { background: #00f; }

And play around with the color value("#00f"). I went with #07f (no red, half strength green, full strength blue) and it looks fairly water-like.

Next, I'm going to see if I can use a table or something to put multiple districts on the same page.

[Mr_Shed]

Any chance of seeing this updated to include the new buildings introduced in Ultimate Campaign? The building images are included as part of Kingdom sheet file in the Community Use record sheets download, so they're available even if you don't have the book.

[hargoyle]

Tinalles, awesome job! Like it a lot. And because I'm using Kingmaker buildings and not them UC thingies, this works for me just fine.

[Orthos]

Oh wow! This is awesome!

And +1 on a UC update if at all possible =)

[kwiqsilver]

My group finally built a bank, so I added the Ultimate Campaign buildings to the toolkit.

I PM'd Tinalles about adding the changes to his distribution, but for anyone in a hurry:

Get this file: https://www.dropbox.com/s/pwujbe48xtthntd/city-builder.tbz
Untar it in your city-map-toolkit directory.
It contains buildings.css and buildings-sprite-[123].jpg
Use the new buildings. The name to use is the listed name, in lowercase, with dashes replacing spaces.

[Rapscallion58]

kwiqsilver wrote:

For anybody still using this (I recently discovered it for a kingmaker campaign I'm part of), here's how to make the district borders link to other districts:

Assume you have:
Townsvile-Central.html and Townsville-North.html. North is (obviously) on the north edge of Central.
In Townsville-Central.html, change your north border to this:
<div onclick="location.href='Townsville-North.html';" class="border" id="north"><span>Townsville North District</span></div>

Why did you pick Townsville?

I grew up in Townsville, Australia.

[kwiqsilver]

Rapscallion58 wrote:

Why did you pick Townsville?

I grew up in Townsville, Australia.

It's a Powerpuff Girls reference.

[Flying Vulture]

This mapping tool is fantastic! So easy to use, and so much more convenient than printing or drawing everywhere. But I'm having an issue which I'm hoping someone might be able to help me out with.

I run parts of my Kingmaker game over a Google site, which makes it easier for the game to continue in between sessions, easy to track what people are up to, etc.

Is there any way to insert the page into a Google site page? I gave it a couple of tries, but I don't have a coder's head. Any help?