… | |
… | |
15 | # |
15 | # |
16 | # You should have received a copy of the GNU General Public License |
16 | # You should have received a copy of the GNU General Public License |
17 | # along with gvpe; if not, write to the Free Software |
17 | # along with gvpe; if not, write to the Free Software |
18 | # Foundation, Inc. 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA |
18 | # Foundation, Inc. 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA |
19 | |
19 | |
20 | our $VERSION = '1.11'; |
20 | our $VERSION = '1.12'; |
21 | |
21 | |
22 | use Storable; |
22 | use Storable; |
23 | |
23 | |
24 | my $LIBDIR = $ENV{CROSSFIRE_LIBDIR} |
24 | my $LIBDIR = $ENV{CROSSFIRE_LIBDIR} |
25 | or die "\$CROSSFIRE_LIBDIR must be set\n"; |
25 | or die "\$CROSSFIRE_LIBDIR must be set\n"; |
… | |
… | |
55 | select $fh; |
55 | select $fh; |
56 | |
56 | |
57 | my $W = $meta->{width} * $T; |
57 | my $W = $meta->{width} * $T; |
58 | my $H = $meta->{height} * $T; |
58 | my $H = $meta->{height} * $T; |
59 | |
59 | |
|
|
60 | my $W2 = $W + 600; |
|
|
61 | |
60 | my (@path) = split /\//, $path; |
62 | my (@path) = split /\//, $path; |
61 | |
63 | |
62 | print "<?xml version='1.0' encoding='utf-8'?>", |
64 | print "<?xml version='1.0' encoding='utf-8'?>", |
63 | "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.1//EN\" \"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd\">", |
65 | "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.1//EN\" \"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd\">", |
64 | "<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>", |
66 | "<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>", |
65 | "<head>", |
67 | "<head>", |
66 | "<title>Crossfire Map \"$path\"</title>", |
68 | "<title>Crossfire Map \"$path\"</title>", |
|
|
69 | "<link rel='stylesheet' type='text/css' media='all' href='/common.css'/>\n", |
67 | "<style type='text/css'>\n", |
70 | "<style type='text/css'>\n", |
68 | "body { background: white; color: black; }\n", |
71 | ".map { width: ${W}px; height: ${H}px; background-image: url($path[-1].png); }\n", |
69 | "a { color: blue; }\n", |
72 | ".enlarge { width: ${W2}px; height: 600px; }\n", |
70 | "a:hover { color: #800; }\n", |
|
|
71 | "a:active { color: #f00; }\n", |
|
|
72 | "a:visited { color: #008; }\n", |
|
|
73 | "img { display: block; }\n", |
|
|
74 | |
|
|
75 | ".nav { border-spacing: 0px; margin: 10px; padding: 0px; }\n", |
|
|
76 | ".nav td { margin: 0px; padding: 0px; border: 0px; }\n", |
|
|
77 | ".thumb { border: 3px solid yellow; width: $meta->{width}px; height: $meta->{height}px; padding: 0px; }\n", |
|
|
78 | ".tile { border: 3px solid blue; }\n", |
|
|
79 | ".tile:hover { border: 3px solid yellow; }\n", |
|
|
80 | |
|
|
81 | ".map { table-layout: fixed; width: ${W}px; height: ${H}px; border: 2px solid #777; border-spacing: 0px; ", |
|
|
82 | "background-image: url($path[-1].png); background-position: 0px 0px; background-repeat: no-repeat; }\n", |
|
|
83 | ".map tr { width: ${W}px; height: ${T}px; border-style: none; margin: 0px; padding: 0px; }\n", |
|
|
84 | |
|
|
85 | ".map td { width: ${T}px; height: ${T}px; border-style: none; margin: 0px; padding: 0px; }\n", |
|
|
86 | ".map td:hover { border: 3px solid yellow; border-style: ridge; }\n", |
|
|
87 | |
|
|
88 | ".map span { position: relative; }\n", |
|
|
89 | |
|
|
90 | ".map div { display: none; position: absolute; min-width: 40em; ", |
|
|
91 | "font-size: 8pt; border: 0px; background: #eee; border: 3px solid yellow; border-style: ridge; padding: 4px; }\n", |
|
|
92 | ".map td:hover div { display: block; position: absolute; z-index: 1; top: -1px; left: ${T}px; white-space: pre; }\n", |
|
|
93 | |
|
|
94 | "p.m { white-space: pre; margin-left: 2em; background: #ddd; padding: 2px; border: 1px solid black; }\n", |
|
|
95 | "</style>", |
73 | "</style>", |
96 | "</head>", |
74 | "</head>", |
97 | "<body>"; |
75 | "<body>"; |
98 | |
76 | |
99 | print "<table class='nav'>", |
77 | print "<table class='nav'>", |
100 | "<tr style='vertical-align: middle;'><td rowspan='3' style='padding-right: 3em'>", |
78 | "<tr class='center'><td class='title' rowspan='3'>", |
101 | "Crossfire Map<br/>", |
79 | "Crossfire Map<br/>", |
102 | "<span style='font-size: 18pt'>"; |
80 | "<span class='big'>"; |
103 | print "<a href='/'>/</a> "; |
81 | print "<a href='/'>/</a> "; |
104 | for (0 .. $#path - 1) { |
82 | for (0 .. $#path - 1) { |
105 | print "<a href='/", (join "/", @path[0..$_]), "/'>$path[$_]</a> / "; |
83 | print "<a href='/", (join "/", @path[0..$_]), "/'>$path[$_]</a> / "; |
106 | } |
84 | } |
107 | |
85 | |
… | |
… | |
113 | } 1..4; |
91 | } 1..4; |
114 | #"}"# vim misparses without this comment |
92 | #"}"# vim misparses without this comment |
115 | |
93 | |
116 | print "$path[-1]", |
94 | print "$path[-1]", |
117 | "</span>", |
95 | "</span>", |
118 | "<p style='font-size: 8pt;'><a href='/about.txt'>[more about cfmaps.schmorp.de]</a></p>", |
96 | "<p class='about'><a href='/about.txt'>[more about cfmaps.schmorp.de]</a></p>", |
119 | "</td>", |
97 | "</td>", |
120 | "<td/><td>$tile[0]</td><td/></tr>", |
98 | "<td/><td>$tile[0]</td><td/></tr>", |
121 | "<tr><td>$tile[3]</td>", |
99 | "<tr><td>$tile[3]</td>", |
122 | "<td><img class='thumb' src='@path[-1].jpg' alt='map thumbnail'/></td>", |
100 | "<td><img class='thumb' src='@path[-1].jpg' width='$meta->{width}' height='$meta->{height}' alt='map thumbnail'/></td>", |
123 | "<td>$tile[1]</td></tr>", |
101 | "<td>$tile[1]</td></tr>", |
124 | "<tr><td/><td>$tile[2]</td><td/></tr>", |
102 | "<tr><td/><td>$tile[2]</td><td/></tr>", |
125 | "</table>"; |
103 | "</table>"; |
126 | |
104 | |
127 | my $W1 = $W + 600; |
105 | my $W1 = $W + 600; |
128 | |
106 | |
129 | print "<p class='m' style='white-space: pre; width: auto; '>", |
107 | print "<p class='m'>", |
130 | escape_html $meta->{info}{msg}, |
108 | escape_html $meta->{info}{msg}, |
131 | "</p>"; |
109 | "</p>"; |
132 | |
110 | |
133 | print "<table class='map'>"; |
111 | print "<table class='map'>"; |
134 | |
112 | |
… | |
… | |
137 | for my $y (0.. $meta->{height} - 1) { |
115 | for my $y (0.. $meta->{height} - 1) { |
138 | print "<tr>"; |
116 | print "<tr>"; |
139 | for my $x (0.. $meta->{width} - 1) { |
117 | for my $x (0.. $meta->{width} - 1) { |
140 | print "<td>"; |
118 | print "<td>"; |
141 | if (my $as = $meta->{map}[$x][$y]) { |
119 | if (my $as = $meta->{map}[$x][$y]) { |
142 | print "<span><div>($x|$y)"; |
120 | print "<div><div>($x|$y)"; |
143 | |
121 | |
144 | sub print_archs { |
122 | sub print_archs { |
145 | print "<ul>"; |
123 | print "<ul>"; |
146 | for my $a (@{$_[0]}) { |
124 | for my $a (@{$_[0]}) { |
147 | my $o = $arch->{$a->{_name}}; |
125 | my $o = $arch->{$a->{_name}}; |
… | |
… | |
174 | } |
152 | } |
175 | print "</ul>"; |
153 | print "</ul>"; |
176 | } |
154 | } |
177 | |
155 | |
178 | print_archs $as; |
156 | print_archs $as; |
179 | print "</div></span>"; |
157 | print "</div></div>"; |
180 | } |
158 | } |
181 | print "</td>"; |
159 | print "</td>"; |
182 | } |
160 | } |
183 | print "</tr>"; |
161 | print "</tr>"; |
184 | } |
162 | } |
185 | |
163 | |
186 | my $W2 = $W + 600; |
|
|
187 | |
|
|
188 | print "</table><hr/><p style='font-size: 8pt'>created by <a href='http://software.schmorp.de/#crossfire'>cfmap2html</a> version $VERSION</p>", |
164 | print "</table><p class='footer'>created by <a href='http://software.schmorp.de/#crossfire'>cfmap2html</a> version $VERSION</p>", |
189 | "<p style='width: ${W2}px; height: 600px;'/></body></html>"; |
165 | "<p class='enlarge'/></body></html>"; |
190 | |
166 | |
191 | close $fh; |
167 | close $fh; |
192 | |
168 | |
193 | system "gzip", "-7f", "$path.xhtml"; |
169 | system "gzip", "-7f", "$path.xhtml"; |
194 | } |
170 | } |