Template:HexMap - Revision history

Sammy McSam: Template:Hex update

2025-12-06T22:45:21Z

← Older revision		Revision as of 22:45, 6 December 2025
Line 8:		Line 8:

	{{hexMap\|		{{hexMap\|
			{{hiveAnt \|x=1 \|y=2 }}
			{{hiveBeetle \|x=2 \|y=3 }}
			{{hiveGrasshopper \|x=4 \|y=3 }}
			{{hiveSpider \|x=5 \|y=2 }}

	~~{{hiveAnt \|r=3 \|x=1 \|y=2 }}~~		{{hiveBee\|w= \|x=3 \|y=2 }}
	~~{{hiveBeetle \|r=1 \|x=2 \|y=3 }}~~		{{hiveGrasshopper\|w=\|x=2 \|y=1 }}
	~~{{hiveGrasshopper \|r=11 \|x=4 \|y=3 }}~~		{{hiveSpider\|w= \|x=4 \|y=1 }}
	~~{{hiveSpider \|r=9 \|x=5 \|y=2 }}~~

	{{hiveBee\|w= ~~\|r=0~~ \|x=3 \|y=2 }}
	{{hiveGrasshopper\|w=~~\|r=0~~ \|x=2 \|y=1 }}
	{{hiveSpider\|w= ~~\|r=0~~ \|x=4 \|y=1 }}
	}}		}}

	<pre style="background:none;border:none;">		<pre style="background:none;border:none;">
	{{hexMap\|gap=2\|		{{hexMap\|gap=2\|
			{{hiveAnt \|x=1 \|y=2 }}
			{{hiveBeetle \|x=2 \|y=3 }}
			{{hiveGrasshopper \|x=4 \|y=3 }}
			{{hiveSpider \|x=5 \|y=2 }}

	~~{{hiveAnt \|r=3 \|x=1 \|y=2 }}~~		{{hiveBee\|w= \|x=3 \|y=2 }}
	~~{{hiveBeetle \|r=1 \|x=2 \|y=3 }}~~		{{hiveGrasshopper\|w=\|x=2 \|y=1 }}
	~~{{hiveGrasshopper \|r=11 \|x=4 \|y=3 }}~~		{{hiveSpider\|w= \|x=4 \|y=1 }}
	~~{{hiveSpider \|r=9 \|x=5 \|y=2 }}~~

	{{hiveBee\|w= ~~\|r=0~~ \|x=3 \|y=2 }}
	{{hiveGrasshopper\|w=~~\|r=0~~ \|x=2 \|y=1 }}
	{{hiveSpider\|w= ~~\|r=0~~ \|x=4 \|y=1 }}
	}}		}}
	</pre>		</pre>
Line 35:		Line 33:
	<div style="display:flex;gap:0 8px;flex-wrap:wrap;">		<div style="display:flex;gap:0 8px;flex-wrap:wrap;">
	{{hexMap \|n=1 \|		{{hexMap \|n=1 \|
	{{hex \|x=3 \|y=1 \|{{TaluvaSand}} \|{{meeple\|red}}		{{hex \|x=3 \|y=1 \|{{TaluvaSand}} \|t={{meeple\|red}}
	}}		}}
	{{hex \|x=5 \|y=1 \|{{TaluvaSand}}		{{hex \|x=5 \|y=1 \|{{TaluvaSand}}
Line 43:		Line 41:
	{{hex \|x=2 \|y=2 \|{{TaluvaSand}}		{{hex \|x=2 \|y=2 \|{{TaluvaSand}}
	}}		}}
	{{hex \|x=4 \|y=2 \|{{TaluvaJungle}} \|{{meeple\|green}}		{{hex \|x=4 \|y=2 \|{{TaluvaJungle}} \|t={{meeple\|green}}
	}}		}}
	{{hex \|x=6 \|y=2 \|{{TaluvaJungle}}		{{hex \|x=6 \|y=2 \|{{TaluvaJungle}}
Line 53:		Line 51:
	{{hex \|x=3 \|y=3 \|{{TaluvaJungle}}		{{hex \|x=3 \|y=3 \|{{TaluvaJungle}}
	}}		}}
	{{hex \|x=5 \|y=3 \|{{TaluvaClearing}} \|{{meeple\|blue}}		{{hex \|x=5 \|y=3 \|{{TaluvaClearing}} \|t={{meeple\|blue}}
	}}		}}
	{{hex \|x=7 \|y=3 \|{{TaluvaClearing}} \|{{meeple\|red}}		{{hex \|x=7 \|y=3 \|{{TaluvaClearing}} \|t={{meeple\|red}}
	}}		}}
	{{hex \|x=2 \|y=4 \|{{TaluvaSand}} \|{{meeple\|green}}		{{hex \|x=2 \|y=4 \|{{TaluvaSand}} \|t={{meeple\|green}}
	}}		}}
	{{hex \|x=4 \|y=4 \|{{TaluvaJungle}}		{{hex \|x=4 \|y=4 \|{{TaluvaJungle}}
	}}		}}
	{{hex \|x=6 \|y=4 \|{{TaluvaClearing}} \|{{meeple\|blue}}		{{hex \|x=6 \|y=4 \|{{TaluvaClearing}} \|t={{meeple\|blue}}
	}}		}}
	{{hex \|x=8 \|y=4 \|{{TaluvaClearing}}		{{hex \|x=8 \|y=4 \|{{TaluvaClearing}}
Line 68:		Line 66:

	{{hexMap \|n=2 \|		{{hexMap \|n=2 \|
	{{hex \|x=3 \|y=1 \|{{TaluvaSand}} \|{{meeple\|red}}		{{hex \|x=3 \|y=1 \|{{TaluvaSand}} \|t={{meeple\|red}}
	}}		}}
	{{hex \|x=5 \|y=1 \|{{TaluvaSand}}		{{hex \|x=5 \|y=1 \|{{TaluvaSand}}
Line 74:		Line 72:
	{{hex \|x=7 \|y=1 \|{{TaluvaSand}}		{{hex \|x=7 \|y=1 \|{{TaluvaSand}}
	}}		}}
	{{hex \|x=2 \|y=2 \|{{TaluvaSand}} \|{{meeple\|red}}		{{hex \|x=2 \|y=2 \|{{TaluvaSand}} \|t={{meeple\|red}}
	}}		}}
	{{hex \|x=4 \|y=2 \|{{TaluvaJungle}} \|{{meeple\|green}}		{{hex \|x=4 \|y=2 \|{{TaluvaJungle}} \|t={{meeple\|green}}
	}}		}}
	{{hex \|x=6 \|y=2 \|{{TaluvaJungle}} \|{{meeple\|green}}		{{hex \|x=6 \|y=2 \|{{TaluvaJungle}} \|t={{meeple\|green}}
	}}		}}
	{{hex \|x=8 \|y=2 \|{{TaluvaJungle}}		{{hex \|x=8 \|y=2 \|{{TaluvaJungle}}
Line 86:		Line 84:
	{{hex \|x=3 \|y=3 \|{{TaluvaJungle}}		{{hex \|x=3 \|y=3 \|{{TaluvaJungle}}
	}}		}}
	{{hex \|x=5 \|y=3 \|{{TaluvaClearing}} \|{{meeple\|blue}}		{{hex \|x=5 \|y=3 \|{{TaluvaClearing}} \|t={{meeple\|blue}}
	}}		}}
	{{hex \|x=7 \|y=3 \|{{TaluvaClearing}} \|{{meeple\|red}}		{{hex \|x=7 \|y=3 \|{{TaluvaClearing}} \|t={{meeple\|red}}
	}}		}}
	{{hex \|x=2 \|y=4 \|{{TaluvaSand}} \|{{meeple\|green}}		{{hex \|x=2 \|y=4 \|{{TaluvaSand}} \|t={{meeple\|green}}
	}}		}}
	{{hex \|x=4 \|y=4 \|{{TaluvaJungle}}		{{hex \|x=4 \|y=4 \|{{TaluvaJungle}}
	}}		}}
	{{hex \|x=6 \|y=4 \|{{TaluvaClearing}} \|{{meeple\|blue}}{{meeple\|blue}}		{{hex \|x=6 \|y=4 \|{{TaluvaClearing}} \|t={{meeple\|blue}}{{meeple\|blue}}
	}}		}}
	{{hex \|x=8 \|y=4 \|{{TaluvaClearing}}		{{hex \|x=8 \|y=4 \|{{TaluvaClearing}}
Line 103:		Line 101:
	<pre style="background:none;border:none;">		<pre style="background:none;border:none;">
	{{hexMap \|n=1 \|		{{hexMap \|n=1 \|
	{{hex \|x=3 \|y=1 \|{{TaluvaSand}} \|{{meeple\|red}}		{{hex \|x=3 \|y=1 \|{{TaluvaSand}} \|t={{meeple\|red}}
	}}		}}
	{{hex \|x=5 \|y=1 \|{{TaluvaSand}}		{{hex \|x=5 \|y=1 \|{{TaluvaSand}}
Line 111:		Line 109:
	{{hex \|x=2 \|y=2 \|{{TaluvaSand}}		{{hex \|x=2 \|y=2 \|{{TaluvaSand}}
	}}		}}
	{{hex \|x=4 \|y=2 \|{{TaluvaJungle}} \|{{meeple\|green}}		{{hex \|x=4 \|y=2 \|{{TaluvaJungle}} \|t={{meeple\|green}}
	}}		}}
	{{hex \|x=6 \|y=2 \|{{TaluvaJungle}}		{{hex \|x=6 \|y=2 \|{{TaluvaJungle}}
Line 121:		Line 119:
	{{hex \|x=3 \|y=3 \|{{TaluvaJungle}}		{{hex \|x=3 \|y=3 \|{{TaluvaJungle}}
	}}		}}
	{{hex \|x=5 \|y=3 \|{{TaluvaClearing}} \|{{meeple\|blue}}		{{hex \|x=5 \|y=3 \|{{TaluvaClearing}} \|t={{meeple\|blue}}
	}}		}}
	{{hex \|x=7 \|y=3 \|{{TaluvaClearing}} \|{{meeple\|red}}		{{hex \|x=7 \|y=3 \|{{TaluvaClearing}} \|t={{meeple\|red}}
	}}		}}
	{{hex \|x=2 \|y=4 \|{{TaluvaSand}} \|{{meeple\|green}}		{{hex \|x=2 \|y=4 \|{{TaluvaSand}} \|t={{meeple\|green}}
	}}		}}
	{{hex \|x=4 \|y=4 \|{{TaluvaJungle}}		{{hex \|x=4 \|y=4 \|{{TaluvaJungle}}
	}}		}}
	{{hex \|x=6 \|y=4 \|{{TaluvaClearing}} \|{{meeple\|blue}}		{{hex \|x=6 \|y=4 \|{{TaluvaClearing}} \|t={{meeple\|blue}}
	}}		}}
	{{hex \|x=8 \|y=4 \|{{TaluvaClearing}}		{{hex \|x=8 \|y=4 \|{{TaluvaClearing}}
Line 176:		Line 174:
	<div>'''''Optional:''''' specify the text background as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div>		<div>'''''Optional:''''' specify the text background as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div>
	</div>		</div>
			<noinclude>
			== [[:Category:GameBoardTemplates]] ==
			{{Category:GameBoardTemplates}}

			== Pages using {{FULLPAGENAME}} ==
			{{Special:WhatLinksHere/{{FULLPAGENAME}}}}
			</noinclude>

	[[Category:GameBoardTemplates]]		[[Category:GameBoardTemplates]]
	~~</noinclude>~~

Sammy McSam: gap parameter, place-items:center

2024-05-27T23:27:44Z

gap parameter, place-items:center

@@ Line 1: / Line 1: @@
-<div style="position:relative;display:grid;grid:auto-flow calc(0.5*{{{x|67.195}}}px)/repeat({{{w|auto-fit}}},calc(0.75*{{{x|67.195}}}px/cos(30deg)));{{{|g}}}rid:auto-flow calc(0.75*{{{x|67.195}}}px/cos(30deg))/repeat({{{w|auto-fit}}},calc(0.5*{{{x|67.195}}}px));width:fit-content;max-width:100vw;background:{{{bg|transparent}}};border-radius:8px;padding:16px calc(16px + (0.5*{{{x|67.195}}}px/cos(30deg))) calc(16px + (0.5*{{{x|67.195}}}px)) 16px;{{{|p}}}adding:16px 16px calc(16px + (0.25*{{{x|67.195}}}px/cos(30deg))) 16px;margin-top:8px;white-space:nowrap;"><div style="position:absolute;display:flex;{{{n|display:none}}};justify-content:center;align-items:center;top:8px;left:16px;padding:4px;width:fit-content;min-width:28px;min-height:28px;background:{{{n-bg|#199}}};border-radius:28px;line-height:1;color:{{{n-c|#fff}}};font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:24px;">{{{n|}}}</div>{{{1|}}}</div><noinclude>
+<div style="position:relative;display:grid;grid:auto-flow calc(0.5px*{{{x|67.195}}})/repeat({{{w|auto-fit}}},calc(0.75px*{{{x|67.195}}}/cos(30deg)));{{{|g}}}rid:auto-flow calc(0.75px*{{{x|67.195}}}/cos(30deg))/repeat({{{w|auto-fit}}},calc(0.5px*{{{x|67.195}}}));place-items:center;gap:calc(1px*{{{gap|0}}});width:fit-content;max-width:100vw;background:{{{bg|transparent}}};border-radius:8px;padding:16px;margin-top:8px;white-space:nowrap;"><div style="position:absolute;display:flex;{{{n|display:none}}};justify-content:center;align-items:center;top:8px;left:16px;padding:4px;width:fit-content;min-width:28px;min-height:28px;background:{{{n-bg|#199}}};border-radius:28px;line-height:1;color:{{{n-c|#fff}}};font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:24px;">{{{n|}}}</div>{{{1|}}}</div><noinclude>
 A map for '''[[Template:Hex]]es''' and other hexagonal pieces.
@@ Line 5: / Line 5: @@
 == Examples ==
 <div style="display:flex;gap:0 8px;flex-wrap:wrap;">
 {{hexMap |n=1 |
@@ Line 123: / Line 151: @@
    <div><code><nowiki>{{hexMap |x=80 }}</nowiki></code></div>
    <div>'''''Optional:''''' specify the grid hex width in px units.</div>
    <div><code>w</code></div>
    <div><code>auto-fit</code></div>

Sammy McSam: n-c n-bg

2024-05-26T15:18:44Z

n-c n-bg

← Older revision		Revision as of 15:18, 26 May 2024
Line 1:		Line 1:
	<div style="position:relative;display:grid;grid:auto-flow calc(0.5{{{x\|67.195}}}px)/repeat({{{w\|auto-fit}}},calc(0.75{{{x\|67.195}}}px/cos(30deg)));{{{\|g}}}rid:auto-flow calc(0.75{{{x\|67.195}}}px/cos(30deg))/repeat({{{w\|auto-fit}}},calc(0.5{{{x\|67.195}}}px));width:fit-content;max-width:100vw;background:{{{bg\|~~#199~~}}};border-radius:8px;padding:16px calc(16px + (0.5{{{x\|67.195}}}px/cos(30deg))) calc(16px + (0.5{{{x\|67.195}}}px)) 16px;{{{\|p}}}adding:16px 16px calc(16px + (0.25*{{{x\|67.195}}}px/cos(30deg))) 16px;margin-top:8px;white-space:nowrap;"><div style="position:absolute;display:flex;justify-content:center;align-items:center;top:8px;left:16px;padding:4px;width:fit-content;min-width:28px;min-height:28px;background:{{{n-bg\|#199}}};border-radius:~~8px~~;line-height:1;color:#~~fffe~~;font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:24px;">{{{n\|}}}</div>{{{1\|}}}</div><noinclude>		<div style="position:relative;display:grid;grid:auto-flow calc(0.5{{{x\|67.195}}}px)/repeat({{{w\|auto-fit}}},calc(0.75{{{x\|67.195}}}px/cos(30deg)));{{{\|g}}}rid:auto-flow calc(0.75{{{x\|67.195}}}px/cos(30deg))/repeat({{{w\|auto-fit}}},calc(0.5{{{x\|67.195}}}px));width:fit-content;max-width:100vw;background:{{{bg\|transparent}}};border-radius:8px;padding:16px calc(16px + (0.5{{{x\|67.195}}}px/cos(30deg))) calc(16px + (0.5{{{x\|67.195}}}px)) 16px;{{{\|p}}}adding:16px 16px calc(16px + (0.25*{{{x\|67.195}}}px/cos(30deg))) 16px;margin-top:8px;white-space:nowrap;"><div style="position:absolute;display:flex;{{{n\|display:none}}};justify-content:center;align-items:center;top:8px;left:16px;padding:4px;width:fit-content;min-width:28px;min-height:28px;background:{{{n-bg\|#199}}};border-radius:28px;line-height:1;color:{{{n-c\|#fff}}};font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:24px;">{{{n\|}}}</div>{{{1\|}}}</div><noinclude>

	A map for '''[[Template:Hex]]es''' and other hexagonal pieces.		A map for '''[[Template:Hex]]es''' and other hexagonal pieces.
Line 128:		Line 128:
	<div>'''''Optional:''''' specify the grid width in hexes.</div>		<div>'''''Optional:''''' specify the grid width in hexes.</div>
	<div><code>bg</code></div>		<div><code>bg</code></div>
	<div><code>~~#199~~</code> ~~(teal)~~</div>		<div><code>transparent</code></div>
	<div><code><nowiki>{{hexMap \|bg=green }}</nowiki></code></div>		<div><code><nowiki>{{hexMap \|bg=green }}</nowiki></code></div>
	<div>'''''Optional:''''' specify the background as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div>		<div>'''''Optional:''''' specify the background as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div>
Line 135:		Line 135:
	<div><code><nowiki>{{HexMap \|n=1 }}</nowiki></code></div>		<div><code><nowiki>{{HexMap \|n=1 }}</nowiki></code></div>
	<div>'''''Optional:''''' specify text in the top left corner of the map.</div>		<div>'''''Optional:''''' specify text in the top left corner of the map.</div>
			<div><code>n-c</code></div>
			<div><code>#fff</code> (white)</div>
			<div><code><nowiki>{{hexMap \|n-c=green }}</nowiki></code></div>
			<div>'''''Optional:''''' specify the text color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div>
	<div><code>n-bg</code></div>		<div><code>n-bg</code></div>
	<div><code>#199</code> (teal)</div>		<div><code>#199</code> (teal)</div>

Sammy McSam: max-width

2024-05-23T20:24:35Z

max-width

@@ Line 1: / Line 1: @@
-<div style="position:relative;display:grid;grid:auto-flow calc(0.5*{{{x|67.195}}}px)/repeat({{{w|auto-fit}}},calc(0.75*{{{x|67.195}}}px/cos(30deg)));{{{|g}}}rid:auto-flow calc(0.75*{{{x|67.195}}}px/cos(30deg))/repeat({{{w|auto-fit}}},calc(0.5*{{{x|67.195}}}px));width:fit-content;background:{{{bg|#199}}};border-radius:8px;padding:16px calc(16px + (0.5*{{{x|67.195}}}px/cos(30deg))) calc(16px + (0.5*{{{x|67.195}}}px)) 16px;{{{|p}}}adding:16px 16px calc(16px + (0.25*{{{x|67.195}}}px/cos(30deg))) 16px;margin-top:8px;white-space:nowrap;"><div style="position:absolute;display:flex;justify-content:center;align-items:center;top:8px;left:16px;padding:4px;width:fit-content;min-width:28px;min-height:28px;background:{{{n-bg|#199}}};border-radius:8px;line-height:1;color:#fffe;font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:24px;">{{{n|}}}</div>{{{1|}}}</div><noinclude>
+<div style="position:relative;display:grid;grid:auto-flow calc(0.5*{{{x|67.195}}}px)/repeat({{{w|auto-fit}}},calc(0.75*{{{x|67.195}}}px/cos(30deg)));{{{|g}}}rid:auto-flow calc(0.75*{{{x|67.195}}}px/cos(30deg))/repeat({{{w|auto-fit}}},calc(0.5*{{{x|67.195}}}px));width:fit-content;max-width:100vw;background:{{{bg|#199}}};border-radius:8px;padding:16px calc(16px + (0.5*{{{x|67.195}}}px/cos(30deg))) calc(16px + (0.5*{{{x|67.195}}}px)) 16px;{{{|p}}}adding:16px 16px calc(16px + (0.25*{{{x|67.195}}}px/cos(30deg))) 16px;margin-top:8px;white-space:nowrap;"><div style="position:absolute;display:flex;justify-content:center;align-items:center;top:8px;left:16px;padding:4px;width:fit-content;min-width:28px;min-height:28px;background:{{{n-bg|#199}}};border-radius:8px;line-height:1;color:#fffe;font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:24px;">{{{n|}}}</div>{{{1|}}}</div><noinclude>
 A map for '''[[Template:Hex]]es''' and other hexagonal pieces.
@@ Line 105: / Line 105: @@
 {{hex |x=8 |y=4 |{{TaluvaClearing}}
 }}
 }}
 </pre>

Sammy McSam: padding

2024-05-18T00:28:33Z

padding

← Older revision		Revision as of 00:28, 18 May 2024
Line 1:		Line 1:
	<div style="position:relative;display:grid;grid:auto-flow calc(0.5{{{x\|67.195}}}px)/repeat({{{w\|auto-fit}}},calc(0.75{{{x\|67.195}}}px/cos(30deg)));{{{\|g}}}rid:auto-flow calc(0.75{{{x\|67.195}}}px/cos(30deg))/repeat({{{w\|auto-fit}}},calc(0.5{{{x\|67.195}}}px));width:fit-content;background:{{{bg\|#199}}};border-radius:8px;padding:16px calc(16px + (0.75{{{x\|67.195}}}px/cos(30deg))) calc(16px + (0.5{{{x\|67.195}}}px)) 16px;{{{\|p}}}adding:16px 16px calc(16px + (0.25*{{{x\|67.195}}}px/cos(30deg))) 16px;margin-top:8px;white-space:nowrap;"><div style="position:absolute;display:flex;justify-content:center;align-items:center;top:8px;left:16px;padding:4px;width:fit-content;min-width:28px;min-height:28px;background:{{{n-bg\|#199}}};border-radius:8px;line-height:1;color:#fffe;font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:24px;">{{{n\|}}}</div>{{{1\|}}}</div><noinclude>		<div style="position:relative;display:grid;grid:auto-flow calc(0.5{{{x\|67.195}}}px)/repeat({{{w\|auto-fit}}},calc(0.75{{{x\|67.195}}}px/cos(30deg)));{{{\|g}}}rid:auto-flow calc(0.75{{{x\|67.195}}}px/cos(30deg))/repeat({{{w\|auto-fit}}},calc(0.5{{{x\|67.195}}}px));width:fit-content;background:{{{bg\|#199}}};border-radius:8px;padding:16px calc(16px + (0.5{{{x\|67.195}}}px/cos(30deg))) calc(16px + (0.5{{{x\|67.195}}}px)) 16px;{{{\|p}}}adding:16px 16px calc(16px + (0.25*{{{x\|67.195}}}px/cos(30deg))) 16px;margin-top:8px;white-space:nowrap;"><div style="position:absolute;display:flex;justify-content:center;align-items:center;top:8px;left:16px;padding:4px;width:fit-content;min-width:28px;min-height:28px;background:{{{n-bg\|#199}}};border-radius:8px;line-height:1;color:#fffe;font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:24px;">{{{n\|}}}</div>{{{1\|}}}</div><noinclude>

	A map for '''[[Template:Hex]]es''' and other hexagonal pieces.		A map for '''[[Template:Hex]]es''' and other hexagonal pieces.

Sammy McSam: flat-top hexes, background

2024-05-18T00:13:12Z

flat-top hexes, background

@@ Line 1: / Line 1: @@
-<div style="position:relative;display:grid;grid:auto-flow calc(0.75*{{{x|67.195}}}px/cos(30deg))/repeat({{{w|auto-fit}}},calc(0.5*{{{x|67.195}}}px));width:fit-content;background:{{{bg|#ddd4}}};border-radius:8px;padding:16px 16px calc(16px + (0.25*{{{x|67.195}}}px/cos(30deg))) 16px;margin-top:8px;white-space:nowrap;"><div style="position:absolute;top:8px;left:16px;color:#fffc;font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:24px;text-shadow:1px 1px 5px #000;">{{{n|}}}</div>{{{1|}}}</div><noinclude>
+<div style="position:relative;display:grid;grid:auto-flow calc(0.5*{{{x|67.195}}}px)/repeat({{{w|auto-fit}}},calc(0.75*{{{x|67.195}}}px/cos(30deg)));{{{|g}}}rid:auto-flow calc(0.75*{{{x|67.195}}}px/cos(30deg))/repeat({{{w|auto-fit}}},calc(0.5*{{{x|67.195}}}px));width:fit-content;background:{{{bg|#199}}};border-radius:8px;padding:16px calc(16px + (0.75*{{{x|67.195}}}px/cos(30deg))) calc(16px + (0.5*{{{x|67.195}}}px)) 16px;{{{|p}}}adding:16px 16px calc(16px + (0.25*{{{x|67.195}}}px/cos(30deg))) 16px;margin-top:8px;white-space:nowrap;"><div style="position:absolute;display:flex;justify-content:center;align-items:center;top:8px;left:16px;padding:4px;width:fit-content;min-width:28px;min-height:28px;background:{{{n-bg|#199}}};border-radius:8px;line-height:1;color:#fffe;font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:24px;">{{{n|}}}</div>{{{1|}}}</div><noinclude>
-A map for '''[[Template:Hex]]es'''.
+A map for '''[[Template:Hex]]es''' and other hexagonal pieces.
-== Example ==
+== Examples ==
 <div style="display:flex;gap:0 8px;flex-wrap:wrap;">
-{{hexMap |bg=deepskyblue |n=1 |
+{{hexMap |n=1 |
 {{hex |x=3 |y=1 |{{TaluvaSand}} |{{meeple|red}}
 }}
@@ Line 39: / Line 39: @@
 }}
-{{hexMap |bg=deepskyblue |n=2 |
+{{hexMap |n=2 |
 {{hex |x=3 |y=1 |{{TaluvaSand}} |{{meeple|red}}
 }}
@@ Line 74: / Line 74: @@
 <pre style="background:none;border:none;">
-{{hexMap |bg=deepskyblue |n=1 |
+{{hexMap |n=1 |
 {{hex |x=3 |y=1 |{{TaluvaSand}} |{{meeple|red}}
 }}
@@ Line 105: / Line 105: @@
 {{hex |x=8 |y=4 |{{TaluvaClearing}}
 }}
 }}
 </pre>
@@ Line 128: / Line 180: @@
    <div>'''''Optional:''''' specify the grid width in hexes.</div>
    <div><code>bg</code></div>
-   <div><code>#ddd</code></div>
+   <div><code>#199</code> (teal)</div>
    <div><code><nowiki>{{hexMap |bg=green }}</nowiki></code></div>
    <div>'''''Optional:''''' specify the background as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div>
@@ Line 135: / Line 187: @@
    <div><code><nowiki>{{HexMap |n=1 }}</nowiki></code></div>
    <div>'''''Optional:''''' specify text in the top left corner of the map.</div>
 </div>
 [[Category:GameBoardTemplates]]
 </noinclude>

Sammy McSam: {{{w|auto-fit}}}

2024-05-10T23:25:51Z

{{{w|auto-fit}}}

← Older revision		Revision as of 23:25, 10 May 2024
Line 1:		Line 1:
	<div style="position:relative;display:grid;grid:auto-flow calc(0.75{{{x\|67.195}}}px/cos(30deg))/repeat(auto-fit,calc(0.5{{{x\|67.195}}}px));width:fit-content;background:{{{bg\|#ddd4}}};border-radius:8px;padding:16px 16px calc(16px + (0.25*{{{x\|67.195}}}px/cos(30deg))) 16px;margin-top:8px;white-space:nowrap;"><div style="position:absolute;top:8px;left:16px;color:#fffc;font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:24px;text-shadow:1px 1px 5px #000;">{{{n\|}}}</div>{{{1\|}}}</div><noinclude>		<div style="position:relative;display:grid;grid:auto-flow calc(0.75{{{x\|67.195}}}px/cos(30deg))/repeat({{{w\|auto-fit}}},calc(0.5{{{x\|67.195}}}px));width:fit-content;background:{{{bg\|#ddd4}}};border-radius:8px;padding:16px 16px calc(16px + (0.25*{{{x\|67.195}}}px/cos(30deg))) 16px;margin-top:8px;white-space:nowrap;"><div style="position:absolute;top:8px;left:16px;color:#fffc;font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:24px;text-shadow:1px 1px 5px #000;">{{{n\|}}}</div>{{{1\|}}}</div><noinclude>

	A map for '''[[Template:Hex]]es'''.		A map for '''[[Template:Hex]]es'''.
Line 123:		Line 123:
	<div><code><nowiki>{{hexMap \|x=80 }}</nowiki></code></div>		<div><code><nowiki>{{hexMap \|x=80 }}</nowiki></code></div>
	<div>'''''Optional:''''' specify the grid hex width in px units.</div>		<div>'''''Optional:''''' specify the grid hex width in px units.</div>
			<div><code>w</code></div>
			<div><code>auto-fit</code></div>
			<div><code><nowiki>{{hexMap \|w=20 }}</nowiki></code></div>
			<div>'''''Optional:''''' specify the grid width in hexes.</div>
	<div><code>bg</code></div>		<div><code>bg</code></div>
	<div><code>#ddd</code></div>		<div><code>#ddd</code></div>

Sammy McSam: Created page with "
{{{n|}}..."

2024-05-10T19:06:09Z

Created page with "<div style="position:relative;display:grid;grid:auto-flow calc(0.75*{{{x|67.195}}}px/cos(30deg))/repeat(auto-fit,calc(0.5*{{{x|67.195}}}px));width:fit-content;background:{{{bg|#ddd4}}};border-radius:8px;padding:16px 16px calc(16px + (0.25*{{{x|67.195}}}px/cos(30deg))) 16px;margin-top:8px;white-space:nowrap;"><div style="position:absolute;top:8px;left:16px;color:#fffc;font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:24px;text-shadow:1px 1px 5px #000;">{{{n|}}..."

New page

<div style="position:relative;display:grid;grid:auto-flow calc(0.75*{{{x|67.195}}}px/cos(30deg))/repeat(auto-fit,calc(0.5*{{{x|67.195}}}px));width:fit-content;background:{{{bg|#ddd4}}};border-radius:8px;padding:16px 16px calc(16px + (0.25*{{{x|67.195}}}px/cos(30deg))) 16px;margin-top:8px;white-space:nowrap;"><div style="position:absolute;top:8px;left:16px;color:#fffc;font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:24px;text-shadow:1px 1px 5px #000;">{{{n|}}}</div>{{{1|}}}</div><noinclude>

A map for '''[[Template:Hex]]es'''.

== Example ==

<div style="display:flex;gap:0 8px;flex-wrap:wrap;">
{{hexMap |bg=deepskyblue |n=1 |
{{hex |x=3 |y=1 |{{TaluvaSand}} |{{meeple|red}}
}}
{{hex |x=5 |y=1 |{{TaluvaSand}}
}}
{{hex |x=7 |y=1 |{{TaluvaSand}}
}}
{{hex |x=2 |y=2 |{{TaluvaSand}}
}}
{{hex |x=4 |y=2 |{{TaluvaJungle}} |{{meeple|green}}
}}
{{hex |x=6 |y=2 |{{TaluvaJungle}}
}}
{{hex |x=8 |y=2 |{{TaluvaJungle}}
}}
{{hex |x=1 |y=3 |{{TaluvaSand}}
}}
{{hex |x=3 |y=3 |{{TaluvaJungle}}
}}
{{hex |x=5 |y=3 |{{TaluvaClearing}} |{{meeple|blue}}
}}
{{hex |x=7 |y=3 |{{TaluvaClearing}} |{{meeple|red}}
}}
{{hex |x=2 |y=4 |{{TaluvaSand}} |{{meeple|green}}
}}
{{hex |x=4 |y=4 |{{TaluvaJungle}}
}}
{{hex |x=6 |y=4 |{{TaluvaClearing}} |{{meeple|blue}}
}}
{{hex |x=8 |y=4 |{{TaluvaClearing}}
}}
}}

{{hexMap |bg=deepskyblue |n=2 |
{{hex |x=3 |y=1 |{{TaluvaSand}} |{{meeple|red}}
}}
{{hex |x=5 |y=1 |{{TaluvaSand}}
}}
{{hex |x=7 |y=1 |{{TaluvaSand}}
}}
{{hex |x=2 |y=2 |{{TaluvaSand}} |{{meeple|red}}
}}
{{hex |x=4 |y=2 |{{TaluvaJungle}} |{{meeple|green}}
}}
{{hex |x=6 |y=2 |{{TaluvaJungle}} |{{meeple|green}}
}}
{{hex |x=8 |y=2 |{{TaluvaJungle}}
}}
{{hex |x=1 |y=3 |{{TaluvaSand}}
}}
{{hex |x=3 |y=3 |{{TaluvaJungle}}
}}
{{hex |x=5 |y=3 |{{TaluvaClearing}} |{{meeple|blue}}
}}
{{hex |x=7 |y=3 |{{TaluvaClearing}} |{{meeple|red}}
}}
{{hex |x=2 |y=4 |{{TaluvaSand}} |{{meeple|green}}
}}
{{hex |x=4 |y=4 |{{TaluvaJungle}}
}}
{{hex |x=6 |y=4 |{{TaluvaClearing}} |{{meeple|blue}}{{meeple|blue}}
}}
{{hex |x=8 |y=4 |{{TaluvaClearing}}
}}
}}
</div>

<pre style="background:none;border:none;">
{{hexMap |bg=deepskyblue |n=1 |
{{hex |x=3 |y=1 |{{TaluvaSand}} |{{meeple|red}}
}}
{{hex |x=5 |y=1 |{{TaluvaSand}}
}}
{{hex |x=7 |y=1 |{{TaluvaSand}}
}}
{{hex |x=2 |y=2 |{{TaluvaSand}}
}}
{{hex |x=4 |y=2 |{{TaluvaJungle}} |{{meeple|green}}
}}
{{hex |x=6 |y=2 |{{TaluvaJungle}}
}}
{{hex |x=8 |y=2 |{{TaluvaJungle}}
}}
{{hex |x=1 |y=3 |{{TaluvaSand}}
}}
{{hex |x=3 |y=3 |{{TaluvaJungle}}
}}
{{hex |x=5 |y=3 |{{TaluvaClearing}} |{{meeple|blue}}
}}
{{hex |x=7 |y=3 |{{TaluvaClearing}} |{{meeple|red}}
}}
{{hex |x=2 |y=4 |{{TaluvaSand}} |{{meeple|green}}
}}
{{hex |x=4 |y=4 |{{TaluvaJungle}}
}}
{{hex |x=6 |y=4 |{{TaluvaClearing}} |{{meeple|blue}}
}}
{{hex |x=8 |y=4 |{{TaluvaClearing}}
}}
}}
</pre>

== Parameters ==

<div style="display:grid;grid-template-columns:repeat(3,max-content) 1fr;gap:0 0.25rem;overflow:auto;text-overflow:ellipsis;">
<div style="font-weight:bold;width:8rem;">Parameter</div>
<div style="font-weight:bold;width:8rem;">Default value</div>
<div style="font-weight:bold;width:8rem;">Example</div>
<div style="font-weight:bold;width:8rem;">Description</div>
<div><code>1</code></div>
<div><code>null</code></div>
<div><code><nowiki>{{HexMap |{{hex}} }}</nowiki></code></div>
<div>'''''Optional:''''' place '''[[Template:Hex]]''' tiles on the map.</div>
<div><code>x</code></div>
<div><code>67.195</code></div>
<div><code><nowiki>{{hexMap |x=80 }}</nowiki></code></div>
<div>'''''Optional:''''' specify the grid hex width in px units.</div>
<div><code>bg</code></div>
<div><code>#ddd</code></div>
<div><code><nowiki>{{hexMap |bg=green }}</nowiki></code></div>
<div>'''''Optional:''''' specify the background as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color].</div>
<div><code>n</code></div>
<div><code>null</code></div>
<div><code><nowiki>{{HexMap |n=1 }}</nowiki></code></div>
<div>'''''Optional:''''' specify text in the top left corner of the map.</div>
</div>

[[Category:GameBoardTemplates]]
</noinclude>