Poll: how would you build this website?

[teacherone]

www.ronpaulrides.com (http://www.ronpaulrides.com)

this is what i'm imagining:

someone wants to get to ames but doesn't have a car or the funds.

he logs in to ronpaulrides clicks (something) is directed to a map of iowa.

he finds a car nearby placed there by a different user offering the ride.

he contacts that person through the site - they're off to ames!

[JacobG18]

err i don't know what it is supposed to be

[ItsTime]

not with that much flash? And maybe some info on it? lol

[teacherone]

of course...this is a work in progress to get people hooked up with rides to events/ debates/ straw polls etc.

[teacherone]

not with that much flash? And maybe some info on it? lol

too much flair? hmmm. i like flair :)

[Razmear]

If your looking for an image map of the US, you are welcome to steal mine from http://freesharing.org/ with all the coordinates already taken care of for ya.

eb

[ItsTime]

Then I suggest you do not use flash at all so people with cell phones can surf it for last min info, find the right address in route, ect.

[teacherone]

If your looking for an image map of the US, you are welcome to steal mine from http://freesharing.org/ with all the coordinates already taken care of for ya.

eb

hey that's cool. how did you set it up?

you can ship it my way at:

teacherone@hushmail.com

[teacherone]

Then I suggest you do not use flash at all so people with cell phones can surf it for last min info, find the right address in route, ect.

good point. i can set up a sub-domain for mobiles though.

this is what i'm imagining:

someone wants to get to ames but doesn't have a car or the funds.

he logs in to ronpaulrides clicks (something) is directed to a map of iowa.

he finds a car nearby placed there by a different user offering the ride.

he contacts that person through the site - they're off to ames!

[Razmear]

hey that's cool. how did you set it up?

you can ship it my way at:

teacherone@hushmail.com

You can download the pic directly from the site, here is the code:



<table cellspacing="2" cellpadding="5" align="center" border="0">
<tbody>
<tr>
<td align="top">

<a href="./alabama.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Alabama</a><br>
<a href="./alaska.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Alaska</a><br>
<a href="./arizona.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Arizona</a><br>
<a href="./arkasas.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Arkansas</a><br>
<a href="./california.php" style="font-family: Arial; font-size:14px; font-weight: bold;">California</a><br>
<a href="./colorado.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Colorado</a><br>
<a href="./connecticut.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Connecticut</a><br>
<a href="./deleware.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Delaware</a><br>
<a href="./florida.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Florida</a><br>

<a href="./georgia.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Georgia</a><br>
<a href="./hawaii.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Hawaii</a><br>
<a href="./idaho.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Idaho</a><br>
<a href="./illinois.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Illinois</a><br>
<a href="./indiana.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Indiana</a><br>
<a href="./iowa.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Iowa</a><br>
<a href="./kansas.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Kansas</a><br>
<a href="./kentucky.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Kentucky</a><br>
<a href="./louisiana.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Louisiana</a><br>

<a href="./maine.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Maine</a><br>
<a href="./maryland.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Maryland</a><br>
<a href="./massachusetts.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Massachusetts</a><br>
<a href="./michigan.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Michigan</a><br>
<a href="./minnesota.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Minnesota</a><br>
<a href="./mississippi.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Mississippi</a><br>
<a href="./missouri.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Missouri</a><br>
</h6></td>

<td align="middle"><p>&nbsp;<p><h2>Click on your state to see a list of local groups</h2><br>&nbsp;<br>

<img id="usa_map" title="Find a Free Recycling Group in your area" alt="Find a Free Recycling Group in your area" src="./usa_map.jpg" border="0"usemap="#usa_map" longdesc="FreeSharing.org's directory of Free Recycling groups in the United States." name="#usa_map" />
<map name="usa_map" id="usa_map">
<area shape="poly" coords="384,232,406,226,417,262,418,277,389,283,390,281,38 5,279,385,237" href="./alabama.php" alt="Alabama" />
<area shape="poly" coords="125,271,159,282,164,329,203,363,203,373,63,373,29, 365,3,339" href="./alaska.php" alt="Alaska" />

<area shape="poly" coords="117,191,168,199,161,270,104,244" href="./arizona.php" alt="Arizona" />
<area shape="poly" coords="317,211,319,252,346,251,356,229,357,211" href="./arkansas.php" alt="Arkansas" />
<area shape="poly" coords="37,103,34,138,40,172,49,201,77,236,103,240,108,215 ,64,149,74,115" href="./california.php" alt="California" />
<area shape="poly" coords="178,145,171,196,237,203,241,153" href="./colorado.php" alt="Colorado" />
<area shape="poly" coords="507,115,510,129,523,122,522,115" href="./connecticut.php" alt="Connecticut" />

<area shape="rect" coords="513,152,533,166" href="./delaware.php" alt="Delaware" />
<area shape="poly" coords="504,186,523,188,522,177,506,176" href="./dc.php" alt="District of Columbia" />
<area shape="poly" coords="392,284,422,280,454,278,482,324,480,343,450,322,45 0,295,436,288,417,292" href="./florida.php" alt="Florida" />
<area shape="poly" coords="406,228,419,259,418,278,454,276,457,255,432,227" href="./georgia.php" alt="Georgia" />

<area shape="poly" coords="187,319,216,356,248,363,251,346,241,334,205,320" href="./hawaii.php" alt="Hawaii" />
<area shape="poly" coords="125,35,103,119,156,130,161,95,147,97,140,94,132,70" href="./idaho.php" alt="Idaho" />
<area shape="poly" coords="354,138,376,135,380,158,380,182,373,195,366,202,35 6,185,345,161,350,149" href="./illinois.php" alt="Illinois" />
<area shape="poly" coords="381,140,407,138,407,174,400,184,381,194" href="./indiana.php" alt="Indiana" />

<area shape="poly" coords="294,125,341,125,349,140,343,159,302,158" href="./iowa.php" alt="Iowa" />
<area shape="poly" coords="241,164,307,169,313,205,239,202" href="./kansas.php" alt="Kansas" />
<area shape="poly" coords="363,209,376,197,392,191,406,183,411,175,430,178,44 1,195,430,203" href="./kentucky.php" alt="Kentucky" />
<area shape="poly" coords="321,255,323,267,323,279,325,296,354,303,371,300,36 6,281,346,280,350,255" href="./louisiana.php" alt="Louisiana" />
<area shape="poly" coords="530,94,521,71,530,38,544,43,554,64" href="./maine.php" alt="Maine" />

<area shape="rect" coords="525,170,550,183" href="./maryland.php" alt="Maryland" />
<area shape="rect" coords="535,104,557,116" href="./massachusetts.php" alt="Massachusetts" />
<area shape="poly" coords="351,79,388,73,404,83,423,117,417,137,390,137,384,1 08" href="./michigan.php" alt="Michigan" />

<area shape="poly" coords="289,53,294,89,295,124,342,123,329,89,345,63" href="./minnesota.php" alt="Minnesota" />
<area shape="poly" coords="358,232,382,230,384,284,370,286,366,279,351,278,35 1,245" href="./mississippi.php" alt="Mississippi" />
<area shape="poly" coords="303,161,343,162,365,203,358,209,346,209,316,210" href="./missouri.php" alt="Missouri" />
<area shape="poly" coords="127,36,228,49,226,97,165,90,156,94,146,95,138,81,1 32,58" href="./montana.php" alt="Montana" />
<area shape="poly" coords="224,127,224,148,242,152,243,161,301,164,294,134,26 7,130" href="./nebraska.php" alt="Nebraska" />
<area shape="poly" coords="75,114,100,121,129,126,116,190,109,212,66,150" href="./nevada.php" alt="Nevada" />

<area shape="rect" coords="533,87,554,102" href="./newhampshire.php" alt="New Hampshire" />
<area shape="rect" coords="515,137,534,151" href="./newjersey.php" alt="New Jersey" />

<area shape="poly" coords="169,198,164,267,173,263,225,268,229,205" href="./newmexico.php" alt="New Mexico" />
<area shape="poly" coords="451,127,458,108,478,105,482,93,488,81,501,79,504,9 9,507,118,505,127,492,117" href="./newyork.php" alt="New York" />
<area shape="poly" coords="418,224,439,204,500,190,498,211,482,226,460,219,44 3,217" href="./northcarolina.php" alt="North Carolina" />
<area shape="poly" coords="230,49,230,86,291,88,287,53" href="./northdakota.php" alt="North Dakota" />
<area shape="poly" coords="407,138,423,143,442,134,446,156,432,175,410,174" href="./ohio.php" alt="Ohio" />
<area shape="poly" coords="232,205,313,208,314,244,294,246,260,233,259,213,23 1,210" href="./oklahoma.php" alt="Oklahoma" />
<area shape="poly" coords="59,48,38,102,101,119,112,71,71,63,64,55" href="./oregon.php" alt="Oregon" />

<area shape="poly" coords="444,131,447,160,495,150,500,142,497,129,490,121" href="./pennsylvania.php" alt="Pennsylvania" />
<area shape="poly" coords="358,325,344,369,366,371,403,354,416,341,404,335" href="puetorico.php" alt="Puerto Rico" />

<area shape="rect" coords="533,121,549,134" href="./rhodeisland.php" alt="Rhode Island" />
<area shape="poly" coords="467,246,481,228,465,223,453,221,439,221,430,224,45 7,252" href="./southcarolina.php" alt="South Carolina" />
<area shape="poly" coords="230,88,292,90,292,129,226,125" href="./southdakota.php" alt="South Dakota" />
<area shape="poly" coords="362,212,358,230,416,223,426,214,435,205" href="./tennessee.php" alt="Tennessee" />
<area shape="poly" coords="188,266,218,304,232,294,277,348,290,315,322,297,31 8,249,292,248,258,237,258,214,230,212,226,269" href="./texas.php" alt="Texas" />
<area shape="poly" coords="132,126,156,133,155,143,174,149,168,196,119,190" href="./utah.php" alt="Utah" />
<area shape="rect" coords="490,62,511,75" href="./vermont.php" alt="Vermont" />

<area shape="poly" coords="424,364,440,365,443,340,432,321,408,331,419,338,41 9,357" href="./usvi.php" alt="U.S. Virgin Islands" />

<area shape="poly" coords="429,204,455,189,476,157,489,172,496,189" href="./virginia.php" alt="Virginia" />
<area shape="poly" coords="58,27,59,49,69,53,69,60,90,62,113,68,124,35,80,22" href="./washington.php" alt="Washington" />
<area shape="poly" coords="440,164,433,176,441,193,456,188,471,160,453,162" href="./westvirginia.php" alt="West Virginia" />
<area shape="poly" coords="337,83,332,94,348,135,376,132,375,106,370,97,350,8 2" href="./wisconsin.php" alt="Wisconsin" />
<area shape="poly" coords="164,94,158,140,221,150,225,101" href="./wyoming.php" alt="Wyoming" />
<area nohref="nohref" alt="Non-clickable imagemap area." shape="rect" coords="0,0,0,0" />
</map><br>

</td>
<td>
<a href="./montana.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Montana</a><br>
<a href="./nebraska.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Nebraska</a><br>
<a href="./nevada.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Nevada</a><br>
<a href="./newhampshire.php" style="font-family: Arial; font-size:14px; font-weight: bold;">New&nbsp;Hampshire</a><br>
<a href="./newjersey.php" style="font-family: Arial; font-size:14px; font-weight: bold;">New&nbsp;Jersey</a><br>
<a href="./newmexico.php" style="font-family: Arial; font-size:14px; font-weight: bold;">New&nbsp;Mexico</a><br>

<a href="./newyork.php" style="font-family: Arial; font-size:14px; font-weight: bold;">New&nbsp;York</a><br>
<a href="./northcarolina.php" style="font-family: Arial; font-size:14px; font-weight: bold;">North&nbsp;Carolina</a><br>
<a href="./northdakota.php" style="font-family: Arial; font-size:14px; font-weight: bold;">North&nbsp;Dakota</a><br>
<a href="./ohio.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Ohio</a><br>
<a href="./oklahoma.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Oklahoma</a><br>
<a href="./oregon.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Oregon</a><br>
<a href="./pennsylvania.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Pennsylvania</a><br>

<a href="./rhodeisland.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Rhode&nbsp;Island</a><br>
<a href="./southcarolina.php" style="font-family: Arial; font-size:14px; font-weight: bold;">South&nbsp;Carolina</a><br>
<a href="./southdakota.php" style="font-family: Arial; font-size:14px; font-weight: bold;">South Dakota</a><br>
<a href="./tennessee.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Tennessee</a><br>
<a href="./texas.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Texas</a><br>
<a href="./utah.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Utah</a><br>
<a href="./vermont.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Vermont</a><br>
<a href="./virginia.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Virginia</a><br>

<a href="./washington.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Washington</a><br>
<a href="./westvirginia.php" style="font-family: Arial; font-size:14px; font-weight: bold;">West&nbsp;Virginia</a><br>
<a href="./wisconsin.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Wisconsin</a><br>
<a href="./wyoming.php" style="font-family: Arial; font-size:14px; font-weight: bold;">Wyoming</a><br>
</font></td>
</tr>

</tbody>
</table></div><br>


The code includes the side links next to the map, you can cut that out easy enough if not needed.

eb

[ItsTime]

good point. i can set up a sub-domain for mobiles though.

this is what i'm imagining:

someone wants to get to ames but doesn't have a car or the funds.

he logs in to ronpaulrides clicks (something) is directed to a map of iowa.

he finds a car nearby placed there by a different user offering the ride.

he contacts that person through the site - they're off to ames!

Yeah its a good idea.

Yeah sure a subdomain for mobile will work. If you need a really good mobile redirect code let me know and I can PM you it.

[teacherone]

You can download the pic directly from the site, here is the code:

^^^sweetness

+ rep man! thanks!

maybe i'll just drop that in on the front page if the consensus is practicality over flair :)

[Razmear]

No problem, just be aware that if you resize the pic, all the coordinates will be off and have to be redone, which would be a major pain in the ass.

eb

[teacherone]

No problem, just be aware that if you resize the pic, all the coordinates will be off and have to be redone, which would be a major pain in the ass.

eb

cool. thanks for the heads up!

i'm still trying to get my head around building a nation-wide website.

maybe i should just list events in order of importance and have people find rides that way...

a bit stuck on the practical things...hence the flair :)

[teacherone]

bump!

[PlzPeopleWakeUp]

Good idea for a site. Save yourself some headache, get a good design plan before you work too much on it. Then when you are ready to work on it, have an effective plan to achieve in a logical order. I don't have much more to offer than good luck! do it!

In regards to resizing that map, all coordinates are in the northeast quadrant of the origin, so you would just apply the resize ratio to all of them, like of you wanted to make the picture half size, you would apply (0.5 * X) or (0.5 * Y). If it was 1.5x the size, then use (1.5 * X), etc.

[teacherone]

Good idea for a site. Save yourself some headache, get a good design plan before you work too much on it. Then when you are ready to work on it, have an effective plan to achieve in a logical order. I don't have much more to offer than good luck! do it!

In regards to resizing that map, all coordinates are in the northeast quadrant of the origin, so you would just apply the resize ratio to all of them, like of you wanted to make the picture half size, you would apply (0.5 * X) or (0.5 * Y). If it was 1.5x the size, then use (1.5 * X), etc.

cool! good advice!

i'm a bit of a n00b :)

[teacherone]

getting there...

www.ronpaulrides.com

[teacherone]

so --

here's my plan

you go to www.ronpaulrides.com

you click "i got a ride" and enter a marker on the map leaving your email address inside the marker text.

someone else looking for a ride clicks "i need a ride" and pulls up a map with all the markers (working on getting the markers to sort by event /color coding)

user clicks on the marker, and emails the ride - organization is taken off site.

------ is that cool or would it be better to be redirected to a forum where people could discuss arrangements?