-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
87 lines (83 loc) · 14.5 KB
/
index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<?php include('header.php') ?>
<?php // anything included here is put into the head ?>
<title>Canada</title>
<?php include('end_header.php') ?>
<div id='wrap'>
<div class='map_container'>
<div class='info'>
<h2>Map Data</h2>
<p>
<span class='field'>Area Name:</span>
</p>
<p>
<span class='name'></span>
</p>
<p>
<span class='field'>About: </span>
</p>
<p>
<span class='about'></span>
</p>
</div>
<img name="canada" class='map' src="img/canada.png" width="626" height="606" id="canada" usemap="#m_canada" />
<div class='coords'>
<map name="m_canada" id="m_canada">
<div id="test" data-maphilight='{"strokeColor":"0000ff","strokeWidth":5,"fillColor":"ff0000","fillOpacity":0.6}'></div>
<div id="ON" data-name="Ontario" data-about="Biggest and most baddass province in the Country. Main source of income depends on awesomeness levels over 9000."></div>
<div id="AB" data-name="Alberta" data-about="Oil sand pits. Formally largest mall in Canada (Edmonton Mall)."></div>
<div id="BC" data-name="British Columbia" data-about="Lots of trees. Epic beaches and ski hills. A bit crowded in certain places though. Great ping if you want to game with asian pros."></div>
<div id="MB" data-name="Manitoba" data-about="Killer mosquitoes and unreasonably drastic weather for a province so close to the middle of the country."></div>
<div id="NB" data-name="New Brunswick" data-about="Bay of Fundy I think. See some interesting rocks and killer whales. Not much to do here."></div>
<div id="NL" data-name="Newfoundland and Labradour" data-about="Hardcore fishers reside here. Another Irish proxy. These guys are actually half an hour earlier than EST (or was that only Labradour)."></div>
<div id="NT" data-name="Northwest Territories" data-about="Come up here to hunt and trade fur."></div>
<div id="NS" data-name="Nova Scotia" data-about="This place is actually run by the Irish as a proxy. It is also home to the largest man-made explosion prior to the atomic bomb."></div>
<div id="NU" data-name="Nunavut" data-about="Eskimos and igloos! Polar bears futher up. Pick up a blubbersickle if you like your liquids to remain liquids."></div>
<div id="PE" data-name="Prince Edward Island" data-about="This is where tater farmers live. The water's too cold for swimming so you pretty much just chill on the Confederation Bridge."></div>
<div id="QC" data-name="Quebec" data-about="French proxy. Canadian shield. Very hilly and has epic ski hills."></div>
<div id="SK" data-name="Saskatchewan" data-about="Regina."></div>
<div id="YT" data-name="Yukon" data-about="Yvon lives here. Lots of gold but I think most of it is mined."></div>
<area shape="poly" coords="621,464,621,474,613,474,612,467,615,462,617,464,621,464,621,464" href="javascript:;" rel="NL" />
<area shape="poly" coords="524,503,527,510,531,514,536,517,527,527,521,532,516,535,510,532,507,525,505,516,497,509,510,502,524,499,524,503,524,503" href="javascript:;" rel="NB" />
<area shape="poly" coords="539,512,549,510,546,512,543,513,536,512,534,510,534,509,539,512,539,512" href="javascript:;" rel="PE" />
<area shape="poly" coords="562,519,554,528,545,535,543,536,541,540,539,545,536,550,532,552,528,549,526,544,528,539,533,534,543,526,540,525,535,527,537,523,541,520,549,518,556,518,562,519,562,519" href="javascript:;" rel="NS" />
<area shape="poly" coords="570,508,564,516,562,514,560,511,564,499,565,504,567,507,570,508,570,508" href="javascript:;" rel="NS" />
<area shape="poly" coords="542,475,531,476,522,472,524,471,534,471,542,475,542,475" href="javascript:;" rel="QC" />
<area shape="poly" coords="578,450,582,446,585,450,588,451,603,447,604,452,607,453,612,454,609,456,608,460,610,464,607,468,604,473,603,476,602,480,599,482,602,475,601,473,599,473,569,484,570,467,570,447,570,437,572,431,577,428,578,450,578,450" href="javascript:;" rel="NL" />
<area shape="poly" coords="512,378,510,379,510,382,511,385,515,388,524,391,531,395,541,397,545,395,551,397,541,406,536,411,535,417,537,418,544,410,553,402,556,404,562,404,565,404,568,408,571,415,574,422,570,429,565,424,519,441,513,439,510,440,509,442,510,448,497,446,496,442,494,440,491,438,489,440,488,434,485,431,481,429,480,425,482,419,484,417,487,416,492,418,494,416,496,415,501,415,493,423,495,426,497,427,500,425,503,424,504,424,506,425,507,425,512,421,512,414,505,416,508,408,504,400,499,392,497,382,495,374,492,370,491,368,491,359,485,359,482,352,480,346,497,362,512,378,512,378" href="javascript:;" rel="NL" />
<area shape="poly" coords="322,75,325,78,328,82,324,89,317,97,311,102,306,96,302,89,303,86,308,83,303,79,298,80,295,72,296,69,300,67,297,61,301,60,302,57,301,55,299,53,304,46,309,52,314,59,322,75,322,75" href="javascript:;" rel="NU" />
<area shape="poly" coords="299,109,301,111,299,114,293,113,295,109,299,109,299,109" href="javascript:;" rel="NU" />
<area shape="poly" coords="295,96,295,105,292,106,289,103,287,99,287,93,295,96,295,96" href="javascript:;" rel="NU" />
<area shape="poly" coords="270,80,276,86,278,89,280,93,282,105,275,98,271,96,267,97,266,94,269,89,268,86,266,84,266,80,270,80,270,80" href="javascript:;" rel="NU" />
<area shape="poly" coords="284,129,282,143,281,147,283,151,275,149,274,147,276,144,277,142,267,142,261,133,263,132,267,134,271,139,275,139,276,136,275,133,272,130,273,128,276,127,284,129,284,129" href="javascript:;" rel="NU" />
<area shape="poly" coords="300,154,300,158,297,159,292,157,289,153,291,149,295,146,299,149,300,154,300,154" href="javascript:;" rel="NU" />
<area shape="poly" coords="297,123,302,127,307,128,310,130,312,134,312,139,316,144,319,146,326,147,344,142,352,144,355,147,356,151,354,158,348,160,342,158,337,160,329,161,318,159,314,161,309,160,307,157,306,149,306,139,305,135,302,133,294,131,291,128,289,125,290,123,290,123,297,123,297,123" href="javascript:;" rel="NU" />
<area shape="poly" coords="383,11,385,14,385,17,384,22,383,25,379,28,374,35,375,39,383,32,383,35,377,47,373,59,371,67,367,69,361,74,357,78,358,81,358,84,360,86,363,88,363,92,363,94,365,97,361,101,357,105,356,111,354,114,353,117,356,120,358,123,356,128,351,133,349,130,346,128,344,129,342,130,339,129,336,127,332,130,326,131,320,131,318,130,317,127,318,123,321,121,323,119,324,117,323,115,321,113,321,109,323,108,327,110,331,116,335,114,332,111,330,107,331,104,332,103,325,102,325,94,327,91,331,90,338,93,340,91,340,88,334,83,329,77,325,69,325,65,327,64,331,65,333,67,339,74,341,72,336,64,343,59,350,52,349,50,346,47,341,54,335,57,327,57,327,50,320,55,316,51,315,47,316,45,318,43,311,38,322,30,329,23,331,25,334,25,338,15,341,11,346,9,360,7,370,6,383,11,383,11" href="javascript:;" rel="NU" />
<area shape="poly" coords="221,101,222,103,218,109,212,116,213,113,213,110,201,120,199,117,192,115,202,107,215,101,221,101,221,101" href="javascript:;" rel="NT" />
<area shape="poly" coords="252,134,253,139,251,145,246,148,242,147,238,147,241,133,245,120,245,125,244,130,246,134,252,134,252,134" href="javascript:;" rel="NU" />
<area shape="poly" coords="235,137,234,142,231,146,228,149,224,151,220,149,217,147,227,142,219,138,214,140,211,137,208,133,213,123,216,120,221,119,224,121,227,126,230,132,235,137,235,137" href="javascript:;" rel="NT" />
<area shape="poly" coords="187,140,194,147,197,148,201,150,204,155,206,162,197,165,190,169,180,178,175,182,171,185,164,185,161,176,157,168,169,152,174,143,176,137,187,140,187,140" href="javascript:;" rel="NT" />
<area shape="poly" coords="208,176,210,178,214,175,218,176,221,179,220,181,219,183,221,183,220,184,224,184,216,217,206,215,209,215,211,213,204,206,196,204,189,202,184,198,194,193,188,189,186,186,185,183,189,175,193,171,198,169,210,167,208,176,208,176" href="javascript:;" rel="NT" />
<area shape="poly" coords="252,174,250,178,246,183,246,190,248,204,246,211,251,219,260,229,260,232,254,231,253,232,252,234,255,242,249,244,244,243,240,240,233,233,226,236,208,240,198,238,198,233,197,230,192,225,187,222,184,216,184,213,218,223,229,182,233,198,236,198,236,176,239,175,243,178,244,177,245,175,243,172,244,171,247,170,250,171,252,174,252,174" href="javascript:;" rel="NU" />
<area shape="poly" coords="275,175,282,172,282,179,278,185,280,188,284,198,280,205,274,210,271,209,270,206,268,201,263,195,261,192,260,189,261,187,265,189,270,189,271,184,268,176,270,172,275,175,275,175" href="javascript:;" rel="NU" />
<area shape="poly" coords="285,250,284,252,281,253,275,250,269,246,276,236,281,242,285,250,285,250" href="javascript:;" rel="NU" />
<area shape="poly" coords="364,174,369,178,373,183,362,185,357,174,364,174,364,174" href="javascript:;" rel="NU" />
<area shape="poly" coords="311,174,303,190,297,192,295,195,296,199,292,200,290,188,291,177,293,172,298,170,311,174,311,174" href="javascript:;" rel="NU" />
<area shape="poly" coords="334,174,336,176,329,191,330,201,333,202,336,200,337,196,335,190,336,185,340,180,345,176,349,175,353,178,355,185,358,191,361,194,367,191,373,187,380,190,385,195,389,201,393,203,395,202,398,200,404,206,410,211,411,210,413,209,415,210,416,213,416,216,418,217,420,216,421,215,423,216,426,220,431,227,425,229,425,237,430,241,435,243,441,244,447,245,453,250,459,254,464,252,467,253,468,256,465,262,465,269,464,271,462,273,465,279,463,280,457,278,451,273,446,268,441,266,436,269,438,270,439,273,438,274,437,276,440,280,446,284,449,286,453,288,461,295,465,301,465,312,461,312,452,307,444,304,441,304,439,306,443,311,448,314,461,321,461,324,449,325,424,315,424,311,416,305,408,301,391,307,385,305,384,300,387,293,399,291,405,289,408,286,406,283,403,279,410,264,407,258,402,250,391,240,386,242,388,239,383,235,381,237,383,235,373,225,370,228,356,229,356,230,353,231,335,231,332,229,331,226,323,225,320,223,318,219,324,219,326,217,318,212,316,210,315,206,316,199,319,186,322,179,328,174,334,174,334,174" href="javascript:;" rel="NU" />
<area shape="poly" coords="346,298,359,306,361,309,364,314,371,315,372,319,369,321,361,319,358,316,355,314,350,320,342,328,341,323,339,323,333,322,336,315,337,307,337,300,340,292,342,295,346,298,346,298" href="javascript:;" rel="NU" />
<area shape="poly" coords="298,211,300,221,302,224,304,228,301,236,302,239,306,240,313,240,309,242,308,243,311,254,313,256,315,251,316,246,318,244,323,249,325,254,323,260,325,266,330,272,335,262,338,252,341,246,340,243,338,240,338,234,342,234,350,238,357,243,359,249,357,252,354,255,361,268,359,274,355,280,349,280,349,284,344,284,341,282,338,281,335,281,333,283,335,286,336,288,333,294,329,299,330,301,331,303,328,310,322,317,317,318,314,318,312,321,308,321,307,322,306,324,308,326,309,329,308,332,305,333,301,334,300,337,298,340,295,343,287,357,284,364,283,371,239,366,245,309,244,306,211,286,207,281,203,276,198,275,193,273,174,249,163,233,169,217,174,222,180,227,183,228,186,229,190,234,192,239,185,240,184,243,187,247,193,250,202,252,210,250,219,265,221,266,220,259,222,254,232,248,229,246,227,247,225,248,220,248,220,246,229,242,234,242,234,246,235,250,244,255,246,258,249,260,266,264,269,264,270,259,271,256,274,255,283,259,280,266,286,273,287,270,285,263,287,260,291,258,294,256,296,251,293,241,290,238,286,235,284,231,284,226,284,222,283,218,286,212,291,204,295,206,298,211,298,211" href="javascript:;" rel="NU" />
<area shape="poly" coords="334,425,346,430,351,434,361,434,366,435,371,437,371,445,374,461,383,472,391,483,395,483,401,532,404,538,410,542,422,546,428,550,433,553,448,549,440,559,430,568,418,571,411,574,409,577,408,580,410,583,414,585,406,586,401,590,398,589,394,591,386,599,387,592,391,582,391,578,392,572,395,565,401,569,405,567,406,563,402,557,395,550,387,548,378,548,370,547,364,543,361,537,358,531,354,527,348,524,346,519,332,515,325,521,318,527,308,526,300,523,291,520,279,518,276,508,276,483,277,472,278,469,279,466,324,417,334,425,334,425" href="javascript:;" rel="ON" />
<area shape="poly" coords="432,343,445,346,446,356,451,369,458,370,462,374,466,376,471,372,475,364,477,359,475,353,476,349,480,358,482,362,487,363,486,368,487,371,488,372,490,374,492,378,493,386,495,394,504,408,502,410,495,410,494,412,492,413,486,411,482,412,479,416,476,425,477,429,480,432,482,435,484,441,491,444,495,449,508,453,513,451,515,448,515,444,527,443,538,440,551,435,565,430,566,430,566,432,563,435,559,439,555,446,551,454,547,457,542,459,533,462,517,466,502,473,500,475,498,479,496,486,488,493,484,501,476,518,459,538,460,540,476,522,482,514,487,506,491,499,500,492,510,486,518,483,523,484,525,488,524,492,520,495,514,497,508,498,500,502,493,503,493,512,487,514,484,517,482,526,481,537,479,542,474,546,464,549,456,550,453,549,452,548,451,546,447,545,436,548,425,544,410,537,406,532,404,526,403,512,400,483,404,468,399,455,392,439,399,433,405,426,409,418,411,412,408,403,406,397,402,391,394,386,393,382,398,368,396,363,393,357,392,346,389,337,391,334,394,333,406,335,410,333,415,331,419,333,425,337,432,343,432,343" href="javascript:;" rel="QC" />
<area shape="poly" coords="282,383,283,387,286,388,293,392,296,402,297,411,300,413,309,411,320,414,295,443,281,457,275,464,273,471,271,512,272,513,226,509,235,393,238,370,283,375,282,383,282,383" href="javascript:;" rel="MB" />
<area shape="poly" coords="234,377,230,394,228,397,225,400,225,403,225,406,225,409,223,412,224,413,226,414,228,413,228,412,221,507,189,503,155,494,185,372,200,372,205,374,209,373,199,366,187,363,190,362,234,369,234,377,234,377" href="javascript:;" rel="AB" />
<area shape="poly" coords="183,360,182,363,180,366,173,373,176,375,179,376,151,495,142,492,132,490,124,486,121,483,121,479,121,469,110,443,98,419,125,342,183,360,183,360" href="javascript:;" rel="SK" />
<area shape="poly" coords="88,183,80,194,76,208,80,212,84,218,80,228,82,231,84,235,81,239,78,246,83,266,78,288,84,301,84,312,97,319,97,326,56,304,16,279,20,272,17,268,14,268,9,267,77,165,80,168,82,173,84,178,88,183,88,183" href="javascript:;" rel="YT" />
<area shape="poly" coords="120,340,93,420,107,447,118,472,117,486,53,462,52,459,38,437,36,431,30,425,30,420,33,410,29,398,31,393,28,382,28,377,38,369,44,356,41,347,37,339,39,328,34,296,76,320,98,331,120,340,120,340" href="javascript:;" rel="BC" />
<area shape="poly" coords="104,182,104,185,106,187,112,184,119,184,129,185,129,188,129,189,132,190,139,188,140,202,142,204,150,197,151,202,149,204,148,206,148,207,150,208,153,206,156,205,162,208,166,214,159,233,170,250,180,264,192,277,196,278,201,280,204,284,209,289,225,297,236,304,241,309,236,366,185,356,164,350,121,336,100,328,100,315,97,316,91,312,88,309,90,303,83,284,87,265,81,246,84,241,86,238,87,235,85,227,88,217,84,212,80,207,84,195,90,186,92,186,93,188,95,182,104,182,104,182" href="javascript:;" rel="NT" />
</map>
</div>
</div>
<div class='clearfix'></div>
</div>
<script src="js/jquery.maphilight.min.js"></script>
<script src="js/map.js"></script>
<?php include('footer.php') ?>