-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoutput.html
65 lines (65 loc) · 11.2 KB
/
output.html
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
<html>
<head>
<style>
.tree-grid {
display: grid;
grid-template-columns: 4ch 1fr;
grid-template-areas: "fork-number fork-option";
grid-row-gap: 10px;
}
#key-fork-n-1 {grid-area: 1 / fork-number }
#key-fork-a-1 {grid-area: 1 / fork-option }
#key-fork-b-1 {grid-area: 2 / fork-option }
#key-fork-n-2 {grid-area: 3 / fork-number }
#key-fork-a-2 {grid-area: 3 / fork-option }
#key-fork-b-2 {grid-area: 4 / fork-option }
#key-fork-n-3 {grid-area: 5 / fork-number }
#key-fork-a-3 {grid-area: 5 / fork-option }
#key-fork-b-3 {grid-area: 6 / fork-option }
#key-fork-n-4 {grid-area: 7 / fork-number }
#key-fork-a-4 {grid-area: 7 / fork-option }
#key-fork-b-4 {grid-area: 8 / fork-option }
.key-fork-n { font-weight: bold }
.key-fork-a { padding-left: 3ch; text-indent: -3ch }
.key-fork-b { padding-left: 3ch; text-indent: -3ch; padding-bottom: 1em; border-bottom: 1px solid silver}
.variant-fig { margin: 0.25em; display: inline-block; text-indent: 0; text-align: center; vertical-align: text-top}
.variant-fig img { height: 200px }
.variant-fig figcaption { font-style: italic; font-size: 0.75em; margin-top: 0.25em; margin-left: auto; margin-right: auto; max-width: 250px }
#key_footnotes li { padding-bottom: 1em }
.tkg_title { font-style: italic }
.key_intro { padding-bottom: 2em; font-size: 0.75em }
</style>
</head>
<body>
<h1>Taxonomic Key</h1>
<div class="key_intro">This key was auto-generated by <span class="tkg_title">TaxKeyGen</span> (<a href="https://github.com/msrosenberg/TaxKeyGen">https://github.com/msrosenberg/TaxKeyGen</a>)</div> <div class="tree-grid">
<div id="key-fork-n-1" class="key-fork-n"><a name="key-node-1">1.</a></div>
<div id="key-fork-a-1" class="key-fork-a">a. Eyestalks of crab are close together (a.k.a. "narrow-front") [<a href="#fn1">footnote 1</a>]. — <a href="#key-node-2">Go to 2</a><br/><figure class="variant-fig"><img src="images/1.1.png" /><figcaption>Narrow-front, with eyestalks close together</figcaption></figure> </div>
<div id="key-fork-b-1" class="key-fork-b">b. Eyestalks of crab are separated (a.k.a. "broad-front") [<a href="#fn1">footnote 1</a>]. — ♀ Female {{albimana}}, ♀ Female {{annulipes}}, ♀ Female {{argillicola}}, ♀ Female {{batuenta}}, ♀ Female {{beebei}}, ♀ Female {{bengali}}, ♀ Female {{boninensis}}, ♀ Female {{brevifrons}}, ♀ Female {{burgersi}}, ♀ Female {{chlorophthalmus}}, ♀ Female {{citrus}}, ♀ Female {{coloradensis}}, ♀ Female {{crassipes}}, ♀ Female {{crenulata}}, ♀ Female {{cryptica}}, ♀ Female {{cumulanta}}, ♀ Female {{deichmanni}}, ♀ Female {{dorotheae}}, ♀ Female {{ecuadoriensis}}, ♀ Female {{festae}}, ♀ Female {{galapagensis}}, ♀ Female {{helleri}}, ♀ Female {{herradurensis}}, ♀ Female {{inaequalis}}, ♀ Female {{inversa}}, ♀ Female {{iranica}}, ♀ Female {{lactea}}, ♀ Female {{latimanus}}, ♀ Female {{leptodactyla}}, ♀ Female {{limicola}}, ♀ Female {{longisignalis}}, ♀ Female {{marguerita}}, ♀ Female {{minax}}, ♀ Female {{mjoebergi}}, ♀ Female {{mordax}}, ♀ Female {{musica}}, ♀ Female {{occidentalis}}, ♀ Female {{oerstedi}}, ♀ Female {{osa}}, ♀ Female {{panacea}}, ♀ Female {{panamensis}}, ♀ Female {{panema}}, ♀ Female {{perplexa}}, ♀ Female {{pugilator}}, ♀ Female {{pugnax}}, ♀ Female {{pygmaea}}, ♀ Female {{rapax}}, ♀ Female {{saltitanta}}, ♀ Female {{sindensis}}, ♀ Female {{speciosa}}, ♀ Female {{spinicarpa}}, ♀ Female {{splendida}}, ♀ Female {{stenodactylus}}, ♀ Female {{subcylindrica}}, ♀ Female {{tallanica}}, ♀ Female {{tangeri}}, ♀ Female {{tenuipedis}}, ♀ Female {{terpsichores}}, ♀ Female {{thayeri}}, ♀ Female {{tomentosa}}, ♀ Female {{triangularis}}, ♀ Female {{umbratila}}, ♀ Female {{uruguayensis}}, ♀ Female {{variegata}}, ♀ Female {{victoriana}}, ♀ Female {{virens}}, ♀ Female {{vocator}}, ♀ Female {{zacae}}, ♂ Male {{albimana}}, ♂ Male {{annulipes}}, ♂ Male {{argillicola}}, ♂ Male {{batuenta}}, ♂ Male {{beebei}}, ♂ Male {{bengali}}, ♂ Male {{boninensis}}, ♂ Male {{brevifrons}}, ♂ Male {{burgersi}}, ♂ Male {{chlorophthalmus}}, ♂ Male {{citrus}}, ♂ Male {{coloradensis}}, ♂ Male {{crassipes}}, ♂ Male {{crenulata}}, ♂ Male {{cryptica}}, ♂ Male {{cumulanta}}, ♂ Male {{deichmanni}}, ♂ Male {{dorotheae}}, ♂ Male {{ecuadoriensis}}, ♂ Male {{festae}}, ♂ Male {{galapagensis}}, ♂ Male {{helleri}}, ♂ Male {{herradurensis}}, ♂ Male {{inaequalis}}, ♂ Male {{inversa}}, ♂ Male {{iranica}}, ♂ Male {{lactea}}, ♂ Male {{latimanus}}, ♂ Male {{leptodactyla}}, ♂ Male {{limicola}}, ♂ Male {{longisignalis}}, ♂ Male {{marguerita}}, ♂ Male {{minax}}, ♂ Male {{mjoebergi}}, ♂ Male {{mordax}}, ♂ Male {{musica}}, ♂ Male {{occidentalis}}, ♂ Male {{oerstedi}}, ♂ Male {{osa}}, ♂ Male {{panacea}}, ♂ Male {{panamensis}}, ♂ Male {{panema}}, ♂ Male {{perplexa}}, ♂ Male {{pugilator}}, ♂ Male {{pugnax}}, ♂ Male {{pygmaea}}, ♂ Male {{rapax}}, ♂ Male {{saltitanta}}, ♂ Male {{sindensis}}, ♂ Male {{speciosa}}, ♂ Male {{spinicarpa}}, ♂ Male {{splendida}}, ♂ Male {{stenodactylus}}, ♂ Male {{subcylindrica}}, ♂ Male {{tallanica}}, ♂ Male {{tangeri}}, ♂ Male {{tenuipedis}}, ♂ Male {{terpsichores}}, ♂ Male {{thayeri}}, ♂ Male {{tomentosa}}, ♂ Male {{triangularis}}, ♂ Male {{umbratila}}, ♂ Male {{uruguayensis}}, ♂ Male {{variegata}}, ♂ Male {{victoriana}}, ♂ Male {{virens}}, ♂ Male {{vocator}}, or ♂ Male {{zacae}}<br/><figure class="variant-fig"><img src="images/1.2.png" /><figcaption>Broad-front with eyestalks farther apart</figcaption></figure> </div>
<div id="key-fork-n-2" class="key-fork-n"><a name="key-node-2">2.</a></div>
<div id="key-fork-a-2" class="key-fork-a">a. Claws are asymmetric, with one very large and one small (male). — <a href="#key-node-3">Go to 3</a><br/><figure class="variant-fig"><img src="images/9.1.jpg" /><figcaption>Male fiddler crab with asymmetric claws</figcaption></figure> </div>
<div id="key-fork-b-2" class="key-fork-b">b. Claws are small and symmetric (female). — ♀ Female {{acuta}}, ♀ Female {{alcocki}}, ♀ Female {{arcuata}}, ♀ Female {{bellator}}, ♀ Female {{borealis}}, ♀ Female {{capricornis}}, ♀ Female {{coarctata}}, ♀ Female {{dampieri}}, ♀ Female {{demani}}, ♀ Female {{dussumieri}}, ♀ Female {{elegans}}, ♀ Female {{excisa}}, ♀ Female {{flammula}}, ♀ Female {{forcipata}}, ♀ Female {{formosensis}}, ♀ Female {{hesperiae}}, ♀ Female {{heteropleura}}, ♀ Female {{hirsutimanus}}, ♀ Female {{insignis}}, ♀ Female {{intermedia}}, ♀ Female {{jocelynae}}, ♀ Female {{longidigitum}}, ♀ Female {{major}}, ♀ Female {{maracoani}}, ♀ Female {{monilifera}}, ♀ Female {{ornata}}, ♀ Female {{paradussumieri}}, ♀ Female {{polita}}, ♀ Female {{princeps}}, ♀ Female {{rhizophorae}}, ♀ Female {{rosea}}, ♀ Female {{seismella}}, ♀ Female {{signata}}, ♀ Female {{stylifera}}, ♀ Female {{tetragonon}}, ♀ Female {{typhoni}}, ♀ Female {{urvillei}}, ♀ Female {{vocans}}, or ♀ Female {{vomeris}}<br/><figure class="variant-fig"><img src="images/9.2.jpg" /><figcaption>Female fiddler crab with small symmetric claws</figcaption></figure> </div>
<div id="key-fork-n-3" class="key-fork-n"><a name="key-node-3">3.</a></div>
<div id="key-fork-a-3" class="key-fork-a">a. Major claw on male with large flattened fingers resembling shears, with almost no gape when closed and very straight edge along the lower margin of the movable fingler (dactyl) [<a href="#fn2">footnote 2</a>]. — ♂ Male {{insignis}}, ♂ Male {{maracoani}}, or ♂ Male {{ornata}}<br/><figure class="variant-fig"><img src="images/6.1.jpg" /><figcaption>Large flattened fingers on major claw, with virtually straight lower edge of dactyl</figcaption></figure> </div>
<div id="key-fork-b-3" class="key-fork-b">b. Major claw on male with thinner, less flat fingers, not resembling shears, usually with clear gape when closed; generally some curvature or arc along the lower edge of the movable finger (dactyl) [<a href="#fn2">footnote 2</a>]. — <a href="#key-node-4">Go to 4</a><br/><figure class="variant-fig"><img src="images/6.2.jpg" /><figcaption>Thinner, less-flat fingers on major claw (as illustrated by both crabs)</figcaption></figure> </div>
<div id="key-fork-n-4" class="key-fork-n"><a name="key-node-4">4.</a></div>
<div id="key-fork-a-4" class="key-fork-a">a. No long style on eye. — ♂ Male {{acuta}}, ♂ Male {{alcocki}}, ♂ Male {{arcuata}}, ♂ Male {{bellator}}, ♂ Male {{borealis}}, ♂ Male {{capricornis}}, ♂ Male {{coarctata}}, ♂ Male {{dampieri}}, ♂ Male {{demani}}, ♂ Male {{dussumieri}}, ♂ Male {{elegans}}, ♂ Male {{excisa}}, ♂ Male {{flammula}}, ♂ Male {{forcipata}}, ♂ Male {{formosensis}}, ♂ Male {{hesperiae}}, ♂ Male {{heteropleura}}, ♂ Male {{hirsutimanus}}, ♂ Male {{intermedia}}, ♂ Male {{jocelynae}}, ♂ Male {{longidigitum}}, ♂ Male {{major}}, ♂ Male {{monilifera}}, ♂ Male {{paradussumieri}}, ♂ Male {{polita}}, ♂ Male {{princeps}}, ♂ Male {{rhizophorae}}, ♂ Male {{rosea}}, ♂ Male {{seismella}}, ♂ Male {{signata}}, ♂ Male {{tetragonon}}, ♂ Male {{typhoni}}, ♂ Male {{urvillei}}, ♂ Male {{vocans}}, or ♂ Male {{vomeris}}</div>
<div id="key-fork-b-4" class="key-fork-b">b. Long style on eye on same side as major claw, with style about as long as eyestalk. — ♂ Male {{stylifera}}<br/><figure class="variant-fig"><img src="images/7.2.jpg" /><figcaption>Long style on major-claw side eye</figcaption></figure> </div>
</div>
<div>
<h2>Footnotes</h2>
<ol id="key_footnotes">
<li>
<a name="fn1">The front of a fiddler crab refers to the extension of the carapace between the base of the eyestalks; front breadth therefore refers to the distance between the base of the eyestalks. Many species have the eyestalks quite close-together (“narrow-fronts”) while others have them well separated (“broad-fronts”). In most species this is reasonable clear, but individuals in some may appear on the border. Also, the breadth can change as crabs get larger. There is variation within species, and the breadth of the front changes as crabs get older and larger (<em>e.g.,</em> within broad-front species, the front gradually gets wider as the crab ages, with smaller/younger crabs having narrower fronts than larger/older crabs).</a>
<br/>
<figure class="variant-fig"><img src="images/1.png" /></figure>
</li>
<li>
<a name="fn2">A claw is made up of two articulating parts: the largest part is called the <em>manus</em> and consists of the base of the claw and a fixed/unmovable finger called the <em>pollex.</em> The smaller part is the articulated, movable finger called the <em>dactyl.</em> In standard position, the dactyl is the upper finger and the pollex is the lower finger. The space between the pollex and the dactyl is referred to as the gape.</a>
<br/>
<figure class="variant-fig"><img src="images/generic1.png" /></figure>
</li>
</ol>
</div>
</body>
</html>