This repository has been archived by the owner. It is now read-only.
Permalink
Cannot retrieve contributors at this time
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
webdesign_platform/src/pug/chapter06.pug
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
464 lines (459 sloc)
36.8 KB
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
extends base/layout | |
include components/header | |
include components/content/intro | |
include components/content/image | |
include components/content/link | |
include components/content/accordion | |
include components/content/navigation | |
include components/content/infobox | |
include components/content/references | |
block page-title | |
title EOA Templates | Floating environments | |
block thirdparty-head | |
// begin Hyperimage | |
link(rel="stylesheet", href="https://www.mprl-series.mpg.de/static/HI-Viewer/lib/fontawesome/web-fonts-with-css/css/fa-regular.min.css?v=1.0") | |
link(rel="stylesheet", href="https://www.mprl-series.mpg.de/static/HI-Viewer/lib/fontawesome/web-fonts-with-css/css/fa-solid.min.css?v=1.0") | |
link(rel="stylesheet", href="https://www.mprl-series.mpg.de/static/HI-Viewer/lib/fontawesome/web-fonts-with-css/css/fontawesome-all.min.css?v=1.0") | |
link(rel="stylesheet", href="https://www.mprl-series.mpg.de/static/HI-Viewer/lib/leaflet/leaflet.css?v=1.0") | |
link(rel="stylesheet", href="https://www.mprl-series.mpg.de/static/HI-Viewer/lib/leaflet/spin.css?v=1.0") | |
link(rel="stylesheet", href="https://www.mprl-series.mpg.de/static/HI-Viewer/lib/leaflet/Leaflet.SlideMenu/src/L.Control.SlideMenu.css?v=1.0") | |
script(src="https://www.mprl-series.mpg.de/static/HI-Viewer/lib/leaflet/leaflet.js") | |
script(src="https://www.mprl-series.mpg.de/static/HI-Viewer/lib/leaflet/Leaflet.SlideMenu/src/L.Control.SlideMenu.js") | |
script(src="https://www.mprl-series.mpg.de/static/HI-Viewer/lib/leaflet/Leaflet.Control.Custom/L.Control.Custom.js") | |
script(src="https://www.mprl-series.mpg.de/static/HI-Viewer/lib/leaflet/spin.js") | |
script(src="https://www.mprl-series.mpg.de/static/HI-Viewer/lib/leaflet/Leaflet.Spin/leaflet.spin.min.js") | |
link(rel="stylesheet", href="https://www.mprl-series.mpg.de/static/HI-Viewer/css/style.css?v=1.0") | |
// end Hyperimage | |
block thirdparty-foot | |
script(type="text/javascript", src="https://www.mprl-series.mpg.de/static/HI-Viewer/lib/jquery/jquery-3.3.1.min.js") | |
script(type="text/javascript", src="https://www.mprl-series.mpg.de/static/HI-Viewer/js/HIEOALoader.js", data-hiconfig="ewoJImNvbmZpZyI6IHsKCQkiYmFja2dyb3VuZCI6ICJ3aGl0ZSIsCgkJImxhbmd1YWdlIjogImVuIgoJfQp9") | |
block page-content | |
+header('../assets/images/icons/logo.png') | |
- | |
var breadItems = [ | |
{ | |
title : 'Home', | |
url : 'index.html' | |
}, | |
{ | |
title : 'Editions', | |
url : 'series_single.html' | |
}, | |
{ | |
title : 'Edition 8', | |
url : 'landingpage.html' | |
} | |
]; | |
+breadcrumbs(breadItems, 'Floating environments') | |
main.main.publications.publications2 | |
.container | |
.main-content | |
p | |
a(href="chapter01.html" title="Unnumbered document structure") █ | |
| | |
| | |
a(href="chapter02.html" title="Document structure") █ | |
| | |
| | |
a(href="chapter03.html" title="Markup") █ | |
| | |
| | |
a(href="chapter04.html" title="LaTeX specifics") █ | |
| | |
| | |
a(href="chapter05.html" title="References and indices") █ | |
| | |
| █ | |
| | |
| | |
a(href="chapter07.html" title="Formulas") █ | |
| | |
| | |
a(href="chapter08.html" title="Facsimiles") █ | |
| | |
| | |
a(href="chapter09.html" title="Transcription and Translation") █ | |
| | |
| | |
a(href="chapter10.html" title="Facsimile and Text") █ | |
| | |
| | |
a(href="chapter11.html" title="Letters") █ | |
| | |
| | |
a(href="chapter12.html" title="References") █ | |
| | |
| | |
a(href="facsimilepage.html" title="Facsimile page") █ | |
| | |
| | |
a(href="facsimilepageenhanced.html" title="Enhanced Facsimile page") █ | |
section.publications__titleauthor | |
.row(id='chaptertitle') | |
h1.publication-detail__title 5 Floating environments | |
section.publications__overview | |
+accordion | |
+accordion-item( | |
'Chapter structure', | |
'', | |
'accordion__item--border-top active' | |
) | |
.publications__list | |
ul | |
li | |
a(href="#4") 5.1 Tables | |
li | |
a(href="#12") 5.2 Figures | |
li | |
a(href="#21") 5.3 Hyperimage | |
li | |
a(href="#32") Footnotes | |
+link('#', 'Download Chapter', 'link--green', 'link__label--outer') | |
section.publication-detail | |
+accordion | |
.accordion__main | |
.row(id='2') | |
.flags | |
+infobox | |
p.publication-detail__main-paragraph | |
| Floating environments are bigger constructs like figures and tables, said Gamba in | |
| | |
+citation(Gamba_2008, "Gamba and Andersen 2008", "Gamba, Enrico and Kirsti Andersen (2008). Monte, Guidobaldo, Marchese Del. In: <em>Complete Dictionary of Scientific Biography. Vol. 23</em>. Detroit: Charles Scribner’s Sons, 174–178.", "2008") | |
|. | |
+footnote("a") | |
.row(id='3') | |
.flags | |
+infobox | |
p.publication-detail__main-paragraph | |
| If you want to, you can leave the placing of them to the typesetting system, in order to avoid bigger stretches of white space (cf. | |
| | |
+citation(Hsu_1993, "Hsu 1993", "Hsu, Mei-ling (1993). The Qin Maps: A Clue to Later Chinese Cartographic Development. <em>Imago Mundi</em> 45:90–100.", "Hsu 1993") | |
| ). | |
+footnote(1) | |
a(href="#").accordion__showall.show Close All | |
+publications-accordion-item( | |
'5.1 Tables', | |
'The following lines of code produce a table consisting of 4 columns and 3 rows.', | |
'active', | |
true, | |
['4', '5'] | |
) | |
.row(id='6') | |
.flags | |
+infobox | |
+infobox-eye | |
figure | |
table | |
tr | |
th Material/Goods | |
th Measurement | |
th Levy | |
tr | |
td yarn (cotton or silk not specified, presumably both) | |
td <em>vandi</em> (cart load)<br> <em>podi</em> (hand cart load)<br> <em>pakkam</em> (bag load)<br> <em>talaichumai</em> (head-load) | |
td 20 <em>kasu</em>*<br> 5 <b>kasu</b> <br> 2.5 <em>kasu</em> <br> 2 <em>kasu</em> | |
figcaption Tab. 5.1 Levies on different yarns, sarees and <em>paţţu</em> in early medieval Peninsular India. *<em>Kasu</em> is a gold coin in currency in early medieval Peninsular India. | |
.row(id='7') | |
.flags | |
+infobox | |
figure | |
table | |
tr | |
th <em>Heading 1</em> | |
th | |
| Heading | |
| | |
b 2 | |
| <br/>Some more text in new line | |
th Heading 3 | |
th Heading 4 | |
tr | |
td Here | |
td you | |
td may | |
td find | |
tr | |
td some | |
td data | |
td spread | |
td over | |
tr | |
td the | |
td table | |
td in | |
td cells | |
figcaption | |
| Tab. 5.2 This is a table | |
.row(id='8') | |
.flags | |
+infobox | |
p We can remove the borders by adding the optional argument 'blank' | |
.row(id='9') | |
.flags | |
+infobox | |
figure | |
table | |
tr | |
th Heading 1 | |
th Heading 2 | |
th Heading 3 | |
th Heading 4 | |
tr | |
td Here | |
td you | |
td may | |
td find | |
tr | |
td some | |
td data | |
td spread | |
td over | |
tr | |
td the | |
td table | |
td in | |
td cells | |
figcaption | |
| Tab. 5.3 This is a table | |
.row(id='10') | |
.flags | |
+infobox | |
p Next, the same table, but without a caption. NB it has also no label! | |
.row(id='11') | |
.flags | |
+infobox | |
figure | |
table | |
tr | |
th Heading 1 | |
th Heading 2 | |
th Heading 3 | |
th Heading 4 | |
tr | |
td Here | |
td you | |
td may | |
td find | |
tr | |
td some | |
td data | |
td spread | |
td over | |
tr | |
td the | |
td table | |
td in | |
td cells | |
a(href="#").accordion__pageup | |
+publications-accordion-item( | |
'5.2 Figures', | |
'Images are also floating objects. The command takes five parameters: filename, caption, label, width and position', | |
'active', | |
true, | |
['12', '13'] | |
) | |
.row(id='14') | |
.flags | |
+infobox | |
+image-public('../assets/images/examples/1.jpg', 'Fig. 5.1 An image with a caption.') | |
.publications__info-block | |
.more-block | |
button(type='button' name='read' value='read').more-block__btn.more-block__btn_large.link Info | |
div.more-block__drop-down.more-block__drop-down_text | |
p Fig. 5.1 An image with a caption. | |
.row(id='15') | |
.flags | |
+infobox | |
p Captions can be rather long. | |
.row(id='16') | |
.flags | |
+infobox | |
+image-public('../assets/images/examples/1.jpg', 'Fig. 5.2 Ostafrikanische Arbeiter an einem der großen Knochengräben, die während der paläontologischen Expedition des Berliner Naturkundemuseums in die damalige Kolonie Deutsch-Ostafrika zwischen 1909 und 1913 angelegt wurden. (Koloriertes Glasdiapositiv, Museum für Naturkunde Berlin, Historische Bild- u. Schriftgutsammlungen, Bestand: Pal. Mus., Signatur: B V/177)') | |
.publications__info-block | |
.more-block | |
button(type='button' name='read' value='read').more-block__btn.more-block__btn_large.link Info | |
div.more-block__drop-down.more-block__drop-down_text | |
p Fig. 5.2 Ostafrikanische Arbeiter an einem der großen Knochengräben, die während der paläontologischen Expedition des Berliner Naturkundemuseums in die damalige Kolonie Deutsch-Ostafrika zwischen 1909 und 1913 angelegt wurden. (Koloriertes Glasdiapositiv, Museum für Naturkunde Berlin, Historische Bild- u. Schriftgutsammlungen, Bestand: Pal. Mus., Signatur: B V/177) | |
.row(id='17') | |
.flags | |
+infobox | |
p It is possible to have figures without captions: | |
.row(id='18') | |
.flags | |
+infobox | |
+image-public('../assets/images/examples/1.jpg', '') | |
.row(id='19') | |
.flags | |
+infobox | |
p The last image command – EOAlsfigure – takes three parameters and the figure covers the whole page | |
.row(id='20') | |
.flags | |
+infobox | |
+image-public('../assets/images/examples/1.jpg', "Fig. 5.3 That's a caption for the lovely landscape image") | |
.publications__info-block | |
.more-block | |
button(type='button' name='read' value='read').more-block__btn.more-block__btn_large.link Info | |
div.more-block__drop-down.more-block__drop-down_text | |
p Fig. 5.3 That's a caption for the lovely landscape image | |
a(href="#").accordion__pageup | |
+publications-accordion-item( | |
'5.3 Hyperimage', | |
'', | |
'active', | |
true, | |
['21', ''] | |
) | |
.row(id='22') | |
.flags | |
+infobox | |
h4 A normal figure | |
.row(id='23') | |
.flags | |
+infobox | |
p We start with a simple figure that opens in a lightbox viewer, when clicked: | |
.row(id='24') | |
.flags | |
+infobox | |
+image-public('../assets/images/examples/Caraffa_2.jpg', 'Fig 5.4 <em>Upper body of a colossal double statue from the Red Hall in Pergamon</em>, unidentified photographer, 1900, albumen print on cardboard mount, 17,1 x 23,3 cm (photo), 24.4 x 30.8 cm (cardboard), Antikensammlung, SMB, inv. no. FA-Perg34-0003.') | |
.publications__info-block | |
.more-block | |
button(type='button' name='read' value='read').more-block__btn.more-block__btn_large.link Info | |
div.more-block__drop-down.more-block__drop-down_text | |
p Fig 5.4 <em>Upper body of a colossal double statue from the Red Hall in Pergamon</em>, unidentified photographer, 1900, albumen print on cardboard mount, 17,1 x 23,3 cm (photo), 24.4 x 30.8 cm (cardboard), Antikensammlung, SMB, inv. no. FA-Perg34-0003. | |
.row(id='25') | |
.flags | |
+infobox | |
h4 Hyperimage enabled | |
.row(id='26') | |
.flags | |
+infobox | |
p Next is a hyperimage-enabled image, that is visible on the page: | |
.row(id='27') | |
.flags | |
+infobox | |
+image-hyperimage('../assets/images/examples/imagesCaraffa_1.jpg', 'Fig 5.5 <em>Upper body of a colossal double statue from the Red Hall in Pergamon</em>, unidentified photographer, 1900, albumen print on cardboard mount, 16.8 x 23 cm (photo), 25.2 x 33.4 cm (cardboard), Antikensammlung, SMB, inv. no. FA-Perg34-0002.', 'eyJ2aWV3IjogeyJpZCI6ICJGaWcxMSIsICJ3aWR0aCI6IDgyMDAsICJoZWlnaHQiOiA2MTg2LCAidGl0bGUiOiAiMiBVcHBlciBib2R5IG9mIGEgY29sb3NzYWwgZG91YmxlIHN0YXR1ZSBmcm9tIHRoZSBSZWQgSGFsbCBpbiBQZXJnYW1vbiIsICJjYXB0aW9uIjogIlVwcGVyIGJvZHkgb2YgYSBjb2xvc3NhbCBkb3VibGUgc3RhdHVlIGZyb20gdGhlIFJlZCBIYWxsIGluIFBlcmdhbW9uLCB1bmlkZW50aWZpZWQgcGhvdG9ncmFwaGVyLCAxOTAwLCBhbGJ1bWVuIHByaW50IG9uIGNhcmRib2FyZCBtb3VudCwgMTYuOCB4IDIzIGNtIChwaG90byksIDI1LjIgeCAzMy40IGNtIChjYXJkYm9hcmQpLCBBbnRpa2Vuc2FtbWx1bmcsIFNNQiwgaW52LiBuby4gRkEtUGVyZzM0LTAwMDIuIiwgImF1dGhvciI6ICJDb3N0YW56YSBDYXJhZmZhIiwgImxpbmtzIjogW10sICJsYXllcnMiOiB7IkZpZzExZGFya2VuZWRzdGFpbiI6IHsiY29sb3IiOiAiIzAwMDBGRiIsICJ0aXRsZSI6ICJnaXJsIGFib3ZlIHN0b25lIHRvcnNvIGluIHJpZ2h0IGltYWdlIiwgInBvaW50cyI6IFtbMC43MDMyMjU4MDY0NTE2MTI5LCAwLjI0NzA1ODgyMzUyOTQxMTc4XSwgWzAuNjkyNzQxOTM1NDgzODcxLCAwLjI0NzA1ODgyMzUyOTQxMTc4XSwgWzAuNjg2MjkwMzIyNTgwNjQ1MiwgMC4yNTQwMTA2OTUxODcxNjU4XSwgWzAuNjgzODcwOTY3NzQxOTM1NSwgMC4yNTk4OTMwNDgxMjgzNDIyNF0sIFswLjY4MTA0ODM4NzA5Njc3NDIsIDAuMjYwOTYyNTY2ODQ0OTE5OF0sIFswLjY4MTA0ODM4NzA5Njc3NDIsIDAuMjYyNTY2ODQ0OTE5Nzg2MV0sIFswLjY4NjI5MDMyMjU4MDY0NTIsIDAuMjY0MTcxMTIyOTk0NjUyNF0sIFswLjY4ODcwOTY3NzQxOTM1NDgsIDAuMjY5NTE4NzE2NTc3NTQwMV0sIFswLjY4NTQ4Mzg3MDk2Nzc0MTksIDAuMjgwNzQ4NjYzMTAxNjA0M10sIFswLjY4NzA5Njc3NDE5MzU0ODQsIDAuMjkzMDQ4MTI4MzQyMjQ2XSwgWzAuNjkwNzI1ODA2NDUxNjEyOSwgMC4yOTgzOTU3MjE5MjUxMzM3XSwgWzAuNjkzMTQ1MTYxMjkwMzIyNiwgMC4zMDQyNzgwNzQ4NjYzMTAxNF0sIFswLjY4NzkwMzIyNTgwNjQ1MTYsIDAuMzA1ODgyMzUyOTQxMTc2NV0sIFswLjY3NjYxMjkwMzIyNTgwNjUsIDAuMzE0NDM4NTAyNjczNzk2OF0sIFswLjY3MTc3NDE5MzU0ODM4NzEsIDAuMzIwODU1NjE0OTczMjYyMDRdLCBbMC42Njc3NDE5MzU0ODM4NzEsIDAuMzQ0Mzg1MDI2NzM3OTY3OV0sIFswLjY2OTM1NDgzODcwOTY3NzQsIDAuMzczMjYyMDMyMDg1NTYxNV0sIFswLjY3MTc3NDE5MzU0ODM4NzEsIDAuMzc5Njc5MTQ0Mzg1MDI2NzZdLCBbMC43MDk2Nzc0MTkzNTQ4Mzg3LCAwLjM3NzAwNTM0NzU5MzU4MjldLCBbMC43NDk1OTY3NzQxOTM1NDg0LCAwLjM3MDU4ODIzNTI5NDExNzY2XSwgWzAuNzU3NjYxMjkwMzIyNTgwNywgMC4zNjYzMTAxNjA0Mjc4MDc1XSwgWzAuNzYwMDgwNjQ1MTYxMjkwNCwgMC4zNTkzNTgyODg3NzAwNTM1XSwgWzAuNzU2ODU0ODM4NzA5Njc3NCwgMC4zNTQwMTA2OTUxODcxNjU3N10sIFswLjc1NjA0ODM4NzA5Njc3NDIsIDAuMzM3OTY3OTE0NDM4NTAyNjZdLCBbMC43NjAwODA2NDUxNjEyOTA0LCAwLjMyNTEzMzY4OTgzOTU3MjJdLCBbMC43NTk2Nzc0MTkzNTQ4Mzg3LCAwLjMxMTIyOTk0NjUyNDA2NDE2XSwgWzAuNzQ0MzU0ODM4NzA5Njc3NCwgMC4zXSwgWzAuNzI3NDE5MzU0ODM4NzA5NywgMC4yOTY3OTE0NDM4NTAyNjc0XSwgWzAuNzI2NjEyOTAzMjI1ODA2NCwgMC4yODY2MzEwMTYwNDI3ODA3NF0sIFswLjcyMjU4MDY0NTE2MTI5MDMsIDAuMjcwMDUzNDc1OTM1ODI4OV0sIFswLjcxODE0NTE2MTI5MDMyMjYsIDAuMjYzMTAxNjA0Mjc4MDc0OV0sIFswLjcwOTY3NzQxOTM1NDgzODcsIDAuMjU1MDgwMjEzOTAzNzQzM10sIFswLjcwNzY2MTI5MDMyMjU4MDYsIDAuMjQ4NjYzMTAxNjA0Mjc4MDddLCBbMC43MDQ4Mzg3MDk2Nzc0MTk0LCAwLjI0NzU5MzU4Mjg4NzcwMDUzXV19LCAiRmlnMTF3aGl0aXNoc3RhaW4iOiB7ImNvbG9yIjogIiMwMDAwRkYiLCAidGl0bGUiOiAid2hpdGUgc3RhaW4gaW4gbGVmdCBpbWFnZSIsICJwb2ludHMiOiBbWzAuMzA4ODcwOTY3NzQxOTM1NSwgMC4yNzcwMDUzNDc1OTM1ODI4Nl0sIFswLjMwMjQxOTM1NDgzODcwOTcsIDAuMjgyMzUyOTQxMTc2NDcwNl0sIFswLjI4OTExMjkwMzIyNTgwNjQ2LCAwLjMwODU1NjE0OTczMjYyMDNdLCBbMC4yODc5MDMyMjU4MDY0NTE2LCAwLjMyODM0MjI0NTk4OTMwNDg0XSwgWzAuMjg1MDgwNjQ1MTYxMjkwMzQsIDAuMzQxNzExMjI5OTQ2NTI0MV0sIFswLjI4NjI5MDMyMjU4MDY0NTIsIDAuMzQ2NTI0MDY0MTcxMTIyOTddLCBbMC4yOTMxNDUxNjEyOTAzMjI2LCAwLjM1MTMzNjg5ODM5NTcyMTldLCBbMC4yOTMxNDUxNjEyOTAzMjI2LCAwLjM2MzEwMTYwNDI3ODA3NDg2XSwgWzAuMjg2MjkwMzIyNTgwNjQ1MiwgMC4zODIzNTI5NDExNzY0NzA1Nl0sIFswLjI4NjI5MDMyMjU4MDY0NTIsIDAuMzkzMDQ4MTI4MzQyMjQ2XSwgWzAuMjg5MTEyOTAzMjI1ODA2NDYsIDAuNDAwNTM0NzU5MzU4Mjg4NzVdLCBbMC4yOTU5Njc3NDE5MzU0ODM4NiwgMC40MDU4ODIzNTI5NDExNzY0N10sIFswLjMxMzMwNjQ1MTYxMjkwMzIsIDAuNDA2NDE3MTEyMjk5NDY1MjZdLCBbMC4zMjU0MDMyMjU4MDY0NTE2LCAwLjQxMDE2MDQyNzgwNzQ4NjZdLCBbMC4zNzA1NjQ1MTYxMjkwMzIyNCwgMC40MTAxNjA0Mjc4MDc0ODY2XSwgWzAuNDExNjkzNTQ4Mzg3MDk2NzYsIDAuNDAzNzQzMzE1NTA4MDIxNF0sIFswLjQxMDQ4Mzg3MDk2Nzc0MTksIDAuNDAxMDY5NTE4NzE2NTc3NTNdLCBbMC4zOTcxNzc0MTkzNTQ4Mzg3LCAwLjM5NDY1MjQwNjQxNzExMjNdLCBbMC4zOTA3MjU4MDY0NTE2MTI5LCAwLjM4NjA5NjI1NjY4NDQ5Ml0sIFswLjM4NDI3NDE5MzU0ODM4NzEsIDAuMzg1MDI2NzM3OTY3OTE0NF0sIFswLjM4MjY2MTI5MDMyMjU4MDY3LCAwLjM3NzAwNTM0NzU5MzU4MjldLCBbMC4zNzA5Njc3NDE5MzU0ODM5LCAwLjM3MTY1Nzc1NDAxMDY5NTJdLCBbMC4zNjQ1MTYxMjkwMzIyNTgwNSwgMC4zNTc3NTQwMTA2OTUxODcxNF0sIFswLjM2ODU0ODM4NzA5Njc3NDIsIDAuMzQ1OTg5MzA0ODEyODM0MjRdLCBbMC4zNjg1NDgzODcwOTY3NzQyLCAwLjM0MTE3NjQ3MDU4ODIzNTNdLCBbMC4zNjE2OTM1NDgzODcwOTY4LCAwLjMzMjYyMDMyMDg1NTYxNV0sIFswLjM1Njg1NDgzODcwOTY3NzQ0LCAwLjMxNzExMjI5OTQ2NTI0MDY3XSwgWzAuMzUxMjA5Njc3NDE5MzU0OCwgMC4zMDg1NTYxNDk3MzI2MjAzXSwgWzAuMzQ0MzU0ODM4NzA5Njc3NCwgMC4yOTMwNDgxMjgzNDIyNDZdLCBbMC4zNDAzMjI1ODA2NDUxNjEzLCAwLjI4ODc3MDA1MzQ3NTkzNThdLCBbMC4zMzk1MTYxMjkwMzIyNTgxLCAwLjI4MzQyMjQ1OTg5MzA0ODE1XSwgWzAuMzMwMjQxOTM1NDgzODcxLCAwLjI3MjE5MjUxMzM2ODk4NF0sIFswLjMxNzMzODcwOTY3NzQxOTM0LCAwLjI3MTY1Nzc1NDAxMDY5NTJdXX0sICJGaWcxMXN0YW1wIjogeyJjb2xvciI6ICIjMDAwMEZGIiwgInRpdGxlIjogImNpcmN1bGFyIHN0YW1wIG9uIHRoZSByaWdodCIsICJwb2ludHMiOiBbWzAuODUxNzA3MzE3MDczMTcwNywgMC40MjE5MjA0NjU1Njc0MTAzXSwgWzAuOTQxNDYzNDE0NjM0MTQ2MywgMC40MjE5MjA0NjU1Njc0MTAzXSwgWzAuOTQxNDYzNDE0NjM0MTQ2MywgMC41Mzc2NjU2OTY3MzQ1NjE5XSwgWzAuODUxNzA3MzE3MDczMTcwNywgMC41Mzc2NjU2OTY3MzQ1NjE5XV19LCAiRmlnMTFwZXJnYW1vbiI6IHsiY29sb3IiOiAiIzAwMDBGRiIsICJ0aXRsZSI6ICJzdGFtcCBQZXJnYW1vbiBhYm92ZSByaWdodCBpbWFnZSIsICJwb2ludHMiOiBbWzAuNjQ2MDk3NTYwOTc1NjA5OCwgMC4xMTU3NDUyMzExNjcxNTE2M10sIFswLjcyMDk3NTYwOTc1NjA5NzUsIDAuMTE1NzQ1MjMxMTY3MTUxNjNdLCBbMC43MjA5NzU2MDk3NTYwOTc1LCAwLjE0Mzg3MzI2MjIwNDk3ODk4XSwgWzAuNjQ2MDk3NTYwOTc1NjA5OCwgMC4xNDM4NzMyNjIyMDQ5Nzg5OF1dfSwgIkZpZzExaW5zY3JpcHRpb24iOiB7ImNvbG9yIjogIiMwMDAwRkYiLCAidGl0bGUiOiAiaGFuZHdyaXRpbmcgUGVyZy4gMTkwMCBsZWZ0IHNpZGUgbmV4dCB0byBsZWZ0IGltYWdlIiwgInBvaW50cyI6IFtbMC4xMDE0NjM0MTQ2MzQxNDYzNSwgMC4wNTY1NzkzNzI3NzcyMzg5M10sIFswLjE2MDQ4NzgwNDg3ODA0ODc4LCAwLjA1NjU3OTM3Mjc3NzIzODkzXSwgWzAuMTYwNDg3ODA0ODc4MDQ4NzgsIDAuMjY1NDM4MDg2MDAwNjQ2Nl0sIFswLjEwMTQ2MzQxNDYzNDE0NjM1LCAwLjI2NTQzODA4NjAwMDY0NjZdXX0sICJGaWcxMWNvcm5lciI6IHsiY29sb3IiOiAiIzAwMDBGRiIsICJ0aXRsZSI6ICJ0b3JuIG9mZiBsb3dlciByaWdodCBjb3JuZXIiLCAicG9pbnRzIjogW1swLjgzOTAyNDM5MDI0MzkwMjQsIDAuOTY3NjY4OTI5ODQxNTc3N10sIFswLjk5MjY4MjkyNjgyOTI2ODMsIDAuODc2NDk1MzExOTk0ODI3XSwgWzAuOTk0NjM0MTQ2MzQxNDYzNCwgMC45OTU0NzM2NTAxNzc4MjA5XSwgWzAuODUyMTk1MTIxOTUxMjE5NSwgMC45OTY3NjY4OTI5ODQxNTc4XV19LCAiRmlnMTFwaWd0YWlsIjogeyJjb2xvciI6ICIjMDAwMEZGIiwgInRpdGxlIjogIndoaXRlIHN0YWluIGluIGxlZnQgaW1hZ2UsIHBhcnRpY3VsYXJseSB0aGUgaGVhZCBhbmQgcGlndGFpbCBvZiB0aGUgZ2lybCIsICJwb2ludHMiOiBbWzAuMjg0ODc4MDQ4NzgwNDg3OCwgMC4yNjc3MDEyNjA5MTE3MzYyXSwgWzAuMzU1ODUzNjU4NTM2NTg1MzUsIDAuMjY3NzAxMjYwOTExNzM2Ml0sIFswLjM1NTg1MzY1ODUzNjU4NTM1LCAwLjMxODQ2MTA0MTA2MDQ1OTFdLCBbMC4yODQ4NzgwNDg3ODA0ODc4LCAwLjMxODQ2MTA0MTA2MDQ1OTFdXX0sICJGaWcxMWZhcGVyZzM0IjogeyJjb2xvciI6ICIjMDAwMEZGIiwgInRpdGxlIjogIm5vLiBGQS1wZXJnMzQtMDAwMiB1cHBlciBsZWZ0IGNvcm5lciIsICJwb2ludHMiOiBbWzAuMDQ4MjkyNjgyOTI2ODI5MjcsIDAuMDIxNjYxODE3MDA2MTQyOTAyXSwgWzAuMTY2ODI5MjY4MjkyNjgyOTQsIDAuMDIxNjYxODE3MDA2MTQyOTAyXSwgWzAuMTY2ODI5MjY4MjkyNjgyOTQsIDAuMDU0NjM5NTA4NTY3NzMzNTldLCBbMC4wNDgyOTI2ODI5MjY4MjkyNywgMC4wNTQ2Mzk1MDg1Njc3MzM1OV1dfSwgIkZpZzExcGVuY2lscmlnaHQiOiB7ImNvbG9yIjogIiMwMDAwRkYiLCAidGl0bGUiOiAicGVuY2lsZWQgbGluZSByZWFkaW5nIDAsMTIgb24gdGhlIHJpZ2h0IiwgInBvaW50cyI6IFtbMC45MzE3MDczMTcwNzMxNzA4LCAwLjM2ODg5NzUxMDUwNzU5NzhdLCBbMC45Nzc1NjA5NzU2MDk3NTYxLCAwLjM2ODg5NzUxMDUwNzU5NzhdLCBbMC45Nzc1NjA5NzU2MDk3NTYxLCAwLjc4NDAyODQ1MTM0MTczOTRdLCBbMC45MzE3MDczMTcwNzMxNzA4LCAwLjc4NDAyODQ1MTM0MTczOTRdXX0sICJGaWcxMXBlbmNpbGxlZnQiOiB7ImNvbG9yIjogIiMwMDAwRkYiLCAidGl0bGUiOiAicGVuY2lsZWQgbGluZSByZWFkaW5nIDAsMTIgb24gdGhlIGxlZnQiLCAicG9pbnRzIjogW1swLjEyNjgyOTI2ODI5MjY4MjkzLCAwLjM0NDMyNTg5NzE4NzE5NjldLCBbMC4xNzM2NTg1MzY1ODUzNjU4NCwgMC4zNDQzMjU4OTcxODcxOTY5XSwgWzAuMTczNjU4NTM2NTg1MzY1ODQsIDAuODA2MDEzNTc5MDQ5NDY2Nl0sIFswLjEyNjgyOTI2ODI5MjY4MjkzLCAwLjgwNjAxMzU3OTA0OTQ2NjZdXX0sICJGaWcxMXBlbmNpbGVkYnJhY2tldCI6IHsiY29sb3IiOiAiIzAwMDBGRiIsICJ0aXRsZSI6ICJwZW5jaWxlZCBicmFja2V0IGFib3ZlIGltYWdlIiwgInBvaW50cyI6IFtbMC4xMzQ2MzQxNDYzNDE0NjM0MiwgMC4wNDMwMDAzMjMzMTA3MDE1OF0sIFswLjk2ODc4MDQ4NzgwNDg3OCwgMC4wNDMwMDAzMjMzMTA3MDE1OF0sIFswLjk2ODc4MDQ4NzgwNDg3OCwgMC4zNjYzMTEwMjQ4OTQ5MjRdLCBbMC4xMzQ2MzQxNDYzNDE0NjM0MiwgMC4zNjYzMTEwMjQ4OTQ5MjRdXX0sICJGaWcxMWluc2NyaXB0aW9ucyI6IHsiY29sb3IiOiAiIzAwMDBGRiIsICJ0aXRsZSI6ICJpbnNjcmlwdGlvbnMgUGVyZy4gVklJIDIsIEFiYi4gMjg0IGFuZCBBYmIuIDI4NCBCIGJlbG93IGltYWdlIiwgInBvaW50cyI6IFtbMC4xNjI5MjY4MjkyNjgyOTI3LCAwLjgwMTQ4NzIyOTIyNzI4NzRdLCBbMC41ODI5MjY4MjkyNjgyOTI2LCAwLjgwMTQ4NzIyOTIyNzI4NzRdLCBbMC41ODI5MjY4MjkyNjgyOTI2LCAwLjg0MTU3Nzc1NjIyMzczMV0sIFswLjE2MjkyNjgyOTI2ODI5MjcsIDAuODQxNTc3NzU2MjIzNzMxXV19LCAiRmlnMTFtb2Rlcm4iOiB7ImNvbG9yIjogIiMwMDAwRkYiLCAidGl0bGUiOiAidW5kZXJsaW5lZCB3b3JkIFwibW9kZXJuXCIgb24gbG93ZXIgZWRnZSBvZiBjYXJkYm9hcmQiLCAicG9pbnRzIjogW1swLjAxMzY1ODUzNjU4NTM2NTg1NCwgMC4zMDE2NDg4ODQ1NzgwNzk1M10sIFswLjA1NzU2MDk3NTYwOTc1NjEsIDAuMzAxNjQ4ODg0NTc4MDc5NTNdLCBbMC4wNTc1NjA5NzU2MDk3NTYxLCAwLjQwMjUyMTgyMzQ3MjM1NjkzXSwgWzAuMDEzNjU4NTM2NTg1MzY1ODU0LCAwLjQwMjUyMTgyMzQ3MjM1NjkzXV19LCAiRmlnMTFwdW5jdHVtIjogeyJjb2xvciI6ICIjMDAwMEZGIiwgInRpdGxlIjogInNlbnRlbmNlIFwiRGFzIEtpbmQgenUgdGlsZ2VuIVwiIGFib3ZlIHJpZ2h0IGltYWdlIiwgInBvaW50cyI6IFtbMC41MiwgMC4wMjg3NzQ2NTI0NDA5OTU3OTddLCBbMC43Njk3NTYwOTc1NjA5NzU2LCAwLjAyODc3NDY1MjQ0MDk5NTc5N10sIFswLjc2OTc1NjA5NzU2MDk3NTYsIDAuMDk0NzMwMDM1NTY0MTc3MTddLCBbMC41MiwgMC4wOTQ3MzAwMzU1NjQxNzcxN11dfX0sICJmaWxlcyI6IFt7Im5hbWUiOiAib3JpZ2ltYWdlc0NhcmFmZmFfMS5qcGciLCAid2lkdGgiOiA4MjAwLCAiaGVpZ2h0IjogNjE4Nn0sIHsibmFtZSI6ICJiaWdpbWFnZXNDYXJhZmZhXzEuanBnIiwgIndpZHRoIjogMTE5MywgImhlaWdodCI6IDkwMH0sIHsibmFtZSI6ICJpbWFnZXNDYXJhZmZhXzEuanBnIiwgIndpZHRoIjogNTMwLCAiaGVpZ2h0IjogNDAwfV19fQ==') | |
.publications__info-block | |
.more-block | |
button(type='button' name='read' value='read').more-block__btn.more-block__btn_large.link Info | |
div.more-block__drop-down.more-block__drop-down_text | |
p Fig 5.5 <em>Upper body of a colossal double statue from the Red Hall in Pergamon</em>, unidentified photographer, 1900, albumen print on cardboard mount, 16.8 x 23 cm (photo), 25.2 x 33.4 cm (cardboard), Antikensammlung, SMB, inv. no. FA-Perg34-0002. | |
.row(id='28') | |
.flags | |
+infobox | |
p | |
| The figure is marked up and has highlighted areas that can be referenced in the text. For example, by visiting this link, | |
| | |
+hyperimagetextlink("#Fig11", Fig11pergamon, "»Pergamon«") | |
| , the Hyperimage viewer should open and show an area in a highlighted box. The areas can be polygons, a circle, as in | |
| | |
+hyperimagetextlink("#Fig11", Fig11stamp, "circular stamp") | |
| , is also possible. When visiting the infobox in the Hyperimage viewer, more annotations can be selected. | |
.row(id='29') | |
.flags | |
+infobox | |
+image-hyperimage("../assets/images/examples/imagesANT-5.jpg", "", "eyJ2aWV3IjogeyJpZCI6ICJGaWcyMjQiLCAid2lkdGgiOiA2OTYzLCAiaGVpZ2h0IjogNTMxNiwgImhpZGUiOiB0cnVlLCAidGl0bGUiOiAiMyBGcmFnbWVudCBvZiB0aGUgQXJ0ZW1pc2lvbidzIHdlc3Rlcm4gZnJpZXplIGZyb20gTWFnbmVzaWEgb24gdGhlIE1hZWFuZGVyIHJpdmVyIiwgImNhcHRpb24iOiAiPGI+MzwvYj4gRnJhZ21lbnQgb2YgdGhlIEFydGVtaXNpb25cdTIwMTlzIHNvdXRoZXJuIGZyaWV6ZSBmcm9tIE1hZ25lc2lhIG9uIHRoZSBNYWVhbmRlciByaXZlciBcdTIwMTMgQ2FybCBIdW1hbm4/LCAxODkxLCBhbGJ1bWVuIHBhcGVyIG9uIGNhcmRib2FyZCBtb3VudCwgdmVyc28sIDI4LjYgeCAyMS43IGNtIChjYXJkYm9hcmQpLCBTdGFhdGxpY2hlIE11c2VlbiB6dSBCZXJsaW4sIEFudGlrZW5zYW1tbHVuZywgaW52LiBuby4gRkEtTWFnMDctMDAwNS4iLCAiYXV0aG9yIjogIkp1bGlhIEJcdTAwZTRybmlnaGF1c2VuLCBTdGVmYW5pZSBLbGFtbSwgRnJhbmthIFNjaG5laWRlciwgYW5kIFBldHJhIFdvZHRrZSIsICJsaW5rcyI6IFtdLCAibGF5ZXJzIjoge30sICJmaWxlcyI6IFt7Im5hbWUiOiAib3JpZ2ltYWdlc0FOVC01LmpwZyIsICJ3aWR0aCI6IDY5NjMsICJoZWlnaHQiOiA1MzE2fSwgeyJuYW1lIjogImJpZ2ltYWdlc0FOVC01LmpwZyIsICJ3aWR0aCI6IDEwNDksICJoZWlnaHQiOiA5MDB9LCB7Im5hbWUiOiAiaW1hZ2VzQU5ULTUuanBnIiwgIndpZHRoIjogNTMwLCAiaGVpZ2h0IjogMzM5fV19fQ==") | |
.row(id='30') | |
.flags | |
+infobox | |
+image-hyperimage("../assets/images/examples/imagesANT-2a.jpg","","eyJ2aWV3IjogeyJpZCI6ICJGaWcyOCIsICJ3aWR0aCI6IDcwNzMsICJoZWlnaHQiOiA1MzgyLCAiaGlkZSI6IHRydWUsICJ0aXRsZSI6ICI0IiwgImNhcHRpb24iOiAiPGI+NDwvYj4gRnJhZ21lbnQgb2YgdGhlIEFydGVtaXNpb24ncyB3ZXN0ZXJuIGZyaWV6ZSBmcm9tIE1hZ25lc2lhIG9uIHRoZSBNYWVhbmRlciByaXZlciwgQ2FybCBIdW1hbm4sIDE4OTEsIGFsYnVtZW4gcGFwZXIgb24gY2FyZGJvYXJkIG1vdW50LCAyMS42IHggMjguNSBjbSAoY2FyZGJvYXJkKSwgU3RhYXRsaWNoZSBNdXNlZW4genUgQmVybGluLCBBbnRpa2Vuc2FtbWx1bmcsIGludi4gbm8uIEZBLU1hZzA0LTAwMDEsIG5lZy4gbm8uIFBNIDE0NDMuIiwgImF1dGhvciI6ICJKdWxpYSBCXHUwMGU0cm5pZ2hhdXNlbiwgU3RlZmFuaWUgS2xhbW0sIEZyYW5rYSBTY2huZWlkZXIsIGFuZCBQZXRyYSBXb2R0a2UiLCAibGlua3MiOiBbIkZpZzI3Il0sICJsYXllcnMiOiB7IkZpZzI4bm90ZSI6IHsiY29sb3IiOiAiIzAwMDBGRiIsICJ0aXRsZSI6ICJub3RlIiwgInBvaW50cyI6IFtbMC4wOTI3NDcwNjYzMDg0OTcxLCAwLjA5NjI0Njc0ODQyMDY2MTQ3XSwgWzAuNDc2MTc3MDExMTY5MjM1MSwgMC4wOTYyNDY3NDg0MjA2NjE0N10sIFswLjQ3NjE3NzAxMTE2OTIzNTEsIDAuMjgzNTM3NzE4MzIwMzI3MDRdLCBbMC4wOTI3NDcwNjYzMDg0OTcxLCAwLjI4MzUzNzcxODMyMDMyNzA0XV19fSwgImZpbGVzIjogW3sibmFtZSI6ICJvcmlnaW1hZ2VzQU5ULTJhLmpwZyIsICJ3aWR0aCI6IDcwNzMsICJoZWlnaHQiOiA1MzgyfSwgeyJuYW1lIjogImJpZ2ltYWdlc0FOVC0yYS5qcGciLCAid2lkdGgiOiAxMTgzLCAiaGVpZ2h0IjogOTAwfSwgeyJuYW1lIjogImltYWdlc0FOVC0yYS5qcGciLCAid2lkdGgiOiA1MjYsICJoZWlnaHQiOiA0MDB9XX19") | |
.row(id='31') | |
.flags | |
+infobox | |
h4 Comparing images in Hyperimage | |
.row(id='32') | |
.flags | |
+infobox | |
+image-hyperimage("../assets/images/examples/imagesFig2-8-24.jpg", "", "eyJ2aWV3IjogeyJpZCI6ICJGaWcyODI0IiwgIndpZHRoIjogNjk4NCwgImhlaWdodCI6IDI2NTgsICJ0aXRsZSI6ICJTaWRlIGJ5IFNpZGU6IDQgKyAzIiwgImhpZGUiOiB0cnVlLCAiY2FwdGlvbiI6ICI8Yj40PC9iPiBGcmFnbWVudCBvZiB0aGUgQXJ0ZW1pc2lvbidzIHdlc3Rlcm4gZnJpZXplIGZyb20gTWFnbmVzaWEgb24gdGhlIE1hZWFuZGVyIHJpdmVyLCBDYXJsIEh1bWFubiwgMTg5MSwgYWxidW1lbiBwYXBlciBvbiBjYXJkYm9hcmQgbW91bnQsIDIwLjIgeCAxMS4zIGNtIChwaG90byksIDIxLjYgeCAyOC41IGNtIChjYXJkYm9hcmQpLCBTdGFhdGxpY2hlIE11c2VlbiB6dSBCZXJsaW4sIEFudGlrZW5zYW1tbHVuZywgaW52LiBuby4gRkEtTWFnMDQtMDAwMSwgbmVnLiBuby4gUE0gMTQ0My48YnI+PGI+MzwvYj4gRnJhZ21lbnQgb2YgdGhlIEFydGVtaXNpb24ncyBzb3V0aGVybiBmcmllemUgZnJvbSBNYWduZXNpYSBvbiB0aGUgTWFlYW5kZXIgcml2ZXIsIENhcmwgSHVtYW5uPywgMTg5MSwgYWxidW1lbiBwYXBlciBvbiBjYXJkYm9hcmQgbW91bnQsIHZlcnNvLCAyOC42IHggMjEuNyBjbSAoY2FyZGJvYXJkKSwgU3RhYXRsaWNoZSBNdXNlZW4genUgQmVybGluLCBBbnRpa2Vuc2FtbWx1bmcsIGludi4gbm8uIEZBLU1hZzA3LTAwMDUuIiwgImF1dGhvciI6ICJKdWxpYSBCXHUwMGU0cm5pZ2hhdXNlbiwgU3RlZmFuaWUgS2xhbW0sIEZyYW5rYSBTY2huZWlkZXIsIGFuZCBQZXRyYSBXb2R0a2UiLCAibGlua3MiOiBbXSwgImxheWVycyI6IHsiRmlnMjgyNGhhbmR3cml0aW5nIjogeyJjb2xvciI6ICIjMDAwMEZGIiwgInRpdGxlIjogImhhbmR3cml0aW5nIiwgInBvaW50cyI6IFtbWzAuMDQyMzgyNTg4Nzc0MzQxMzU0LCAwLjA4MjAxNjU1Mzc5OTg0OTUxXSwgWzAuMjQxMTIyNTY1ODY0ODMzOSwgMC4wODIwMTY1NTM3OTk4NDk1MV0sIFswLjI0MTEyMjU2NTg2NDgzMzksIDAuMjk4NzIwODQyNzM4OTAxNF0sIFswLjA0MjM4MjU4ODc3NDM0MTM1NCwgMC4yOTg3MjA4NDI3Mzg5MDE0XV0sIFtbMC41MzQzNjQyNjExNjgzODQ5LCAwLjA5MTA0NTg5OTE3MjMxMDAxXSwgWzAuNjYxNTEyMDI3NDkxNDA4OSwgMC4wOTEwNDU4OTkxNzIzMTAwMV0sIFswLjY2MTUxMjAyNzQ5MTQwODksIDAuMjU1MDc5MDA2NzcyMDA5XSwgWzAuNTM0MzY0MjYxMTY4Mzg0OSwgMC4yNTUwNzkwMDY3NzIwMDldXV19fSwgImZpbGVzIjogW3sibmFtZSI6ICJvcmlnaW1hZ2VzRmlnMi04LTI0LmpwZyIsICJ3aWR0aCI6IDY5ODQsICJoZWlnaHQiOiAyNjU4fSwgeyJuYW1lIjogImJpZ2ltYWdlc0ZpZzItOC0yNC5qcGciLCAid2lkdGgiOiAxNTAwLCAiaGVpZ2h0IjogNTcxfSwgeyJuYW1lIjogImltYWdlc0ZpZzItOC0yNC5qcGciLCAid2lkdGgiOiA1MzAsICJoZWlnaHQiOiAyMDJ9XX19") | |
.row(id='33') | |
.flags | |
+infobox | |
p | |
| Two or more images that have or not have been already displayed can be grouped together in a collage to make a comparison between them easier. This comparison is only viewable in Hyperimage: Compare the back of two cards on Figures | |
| | |
+hyperimagetextlink("#Fig2824", "", "3 and 4") | |
| | |
| in Hyperimage. Or link to the highlighted areas directly: | |
| | |
+hyperimagetextlink("#Fig2824", "Fig2824handwriting", "handwriting") | |
| . Here's a link to one of the images in the collage as a separate Hyperimage-only image: | |
| | |
+hyperimagetextlink("#224", "", "Fig. 3") | |
| . | |
.row(id='34') | |
.flags | |
+infobox | |
h4 Subfigures | |
.row(id='35') | |
.flags | |
+infobox | |
+image-hyperimage("../assets/images/examples/imagesANT-6a.jpg", "", "eyJ2aWV3IjogeyJpZCI6ICJGaWcyMjUiLCAid2lkdGgiOiAzNDgwLCAiaGVpZ2h0IjogMjY1MSwgImhpZGUiOiB0cnVlLCAidGl0bGUiOiAiNSBcIkJydW5uZW5oYXVzXCIgYXQgdGhlIEFnb3JhIiwgImNhcHRpb24iOiAiPGI+NTwvYj4gXCJCcnVubmVuaGF1c1wiIGF0IHRoZSBBZ29yYSwgTWFnbmVzaWEgb24gdGhlIE1hZWFuZGVyIHJpdmVyLCBDYXJsIEh1bWFubiwgMTg5MSwgYWxidW1lbiBwYXBlciBvbiBjYXJkYm9hcmQgbW91bnQsIHJlY3RvLCAyOC41IHggMjEuNyBjbSAoY2FyZGJvYXJkKSwgU3RhYXRsaWNoZSBNdXNlZW4genUgQmVybGluLCBBbnRpa2Vuc2FtbWx1bmcsIGludi4gbm8uIEZBLU1hZzA5LTAwMDIuIiwgImF1dGhvciI6ICJKdWxpYSBCXHUwMGU0cm5pZ2hhdXNlbiwgU3RlZmFuaWUgS2xhbW0sIEZyYW5rYSBTY2huZWlkZXIsIGFuZCBQZXRyYSBXb2R0a2UiLCAibGlua3MiOiBbIkZpZzIyNWEiXSwgImxheWVycyI6IHt9LCAiZmlsZXMiOiBbeyJuYW1lIjogIm9yaWdpbWFnZXNBTlQtNmEuanBnIiwgIndpZHRoIjogMzQ4MCwgImhlaWdodCI6IDI2NTF9LCB7Im5hbWUiOiAiYmlnaW1hZ2VzQU5ULTZhLmpwZyIsICJ3aWR0aCI6IDExODEsICJoZWlnaHQiOiA5MDB9LCB7Im5hbWUiOiAiaW1hZ2VzQU5ULTZhLmpwZyIsICJ3aWR0aCI6IDUyNSwgImhlaWdodCI6IDQwMH1dfX0=") | |
.row(id='36') | |
.flags | |
+infobox | |
+image-hyperimage("../assets/images/examples/imagesANT-6b.jpg", "", "eyJ2aWV3IjogeyJpZCI6ICJGaWcyMjVhIiwgIndpZHRoIjogMzQ4MCwgImhlaWdodCI6IDI2NTksICJoaWRlIjogdHJ1ZSwgInRpdGxlIjogIlZlcnNvIG9mIEZpZy4gNSIsICJjYXB0aW9uIjogIlZlcnNvIG9mIFwiQnJ1bm5lbmhhdXNcIiBhdCB0aGUgQWdvcmEsIE1hZ25lc2lhIG9uIHRoZSBNYWVhbmRlciByaXZlciwgQ2FybCBIdW1hbm4sIDE4OTEsIGFsYnVtZW4gcGFwZXIgb24gY2FyZGJvYXJkIG1vdW50LCByZWN0bywgMjguNSB4IDIxLjcgY20gKGNhcmRib2FyZCksIFN0YWF0bGljaGUgTXVzZWVuIHp1IEJlcmxpbiwgQW50aWtlbnNhbW1sdW5nLCBpbnYuIG5vLiBGQS1NYWcwOS0wMDAyLiIsICJhdXRob3IiOiAiSnVsaWEgQlx1MDBlNHJuaWdoYXVzZW4sIFN0ZWZhbmllIEtsYW1tLCBGcmFua2EgU2NobmVpZGVyLCBhbmQgUGV0cmEgV29kdGtlIiwgImxpbmtzIjogWyJGaWcyMjUiXSwgImxheWVycyI6IHt9LCAiZmlsZXMiOiBbeyJuYW1lIjogIm9yaWdpbWFnZXNBTlQtNmIuanBnIiwgIndpZHRoIjogMzQ4MCwgImhlaWdodCI6IDI2NTl9LCB7Im5hbWUiOiAiYmlnaW1hZ2VzQU5ULTZiLmpwZyIsICJ3aWR0aCI6IDExNzgsICJoZWlnaHQiOiA5MDB9LCB7Im5hbWUiOiAiaW1hZ2VzQU5ULTZiLmpwZyIsICJ3aWR0aCI6IDUyNCwgImhlaWdodCI6IDQwMH1dfX0=") | |
.row(id='37') | |
.flags | |
+infobox | |
p | |
| The last feature to be demonstrated are subfigures. These are figures meant to complement a treatise, but are referenced only through a link in Hyperimage. Cfr. Fig. | |
| | |
+hyperimagetextlink("#Fig225", "", "5") | |
| | |
| in Hyperimage). | |
.row(id='38') | |
.flags | |
+infobox | |
h4 List of Figures | |
.row(id='39') | |
.flags | |
+infobox | |
p Finally, a list shows all the images (except for the subfigures) in this example. By clicking on the number, the image is either jumped to (in the case of non-Hyperimage) or opened in Hyperimage. | |
.row(id='40') | |
.flags | |
+infobox | |
p | |
| • <em>Fig. <a href="#2">1</a></em>: <em>Upper body of a colossal double statue from the Red Hall in Pergamon</em>, unidentified photographer, 1900, albumen print on cardboard mount, 17,1 x 23,3 cm (photo), 24.4 x 30.8 cm (cardboard), Antikensammlung, SMB, inv. no. FA-Perg34-0003. | |
.row(id='41') | |
.flags | |
+infobox | |
p | |
| • <em>Fig. <a class="HILink" href="#Fig11">2</a></em>: <em>Upper body of a colossal double statue from the Red Hall in Pergamon</em>, unidentified photographer, 1900, albumen print on cardboard mount, 16.8 x 23 cm (photo), 25.2 x 33.4 cm (cardboard), Antikensammlung, SMB, inv. no. FA-Perg34-0002. | |
.row(id='42') | |
.flags | |
+infobox | |
p | |
| • <em>Fig. <a class="HILink" href="#Fig224">3</a></em>: <em>Fragment of the Artemision’s southern frieze from Magnesia on the Maeander river</em>, Carl Humann?, 1891, albumen paper on cardboard mount, verso, 28.6 x 21.7 cm (cardboard), Staatliche Museen zu Berlin, Antikensammlung, inv. no. FA-Mag07-0005. | |
.row(id='43') | |
.flags | |
+infobox | |
p | |
|• <em>Fig. <a class="HILink" href="#Fig28">4</a> </em>: <em>Fragment of the Artemision's western frieze from Magnesia on the Maeander river</em>, Carl Humann, 1891, albumen paper on cardboard mount, 20.2 x 11.3 cm (photo), 21.6 x 28.5 cm (cardboard), Staatliche Museen zu Berlin, Antikensammlung, inv. no. FA-Mag04-0001, neg. no. PM 1443. | |
.row(id='44') | |
.flags | |
+infobox | |
p | |
| • <em>Fig. <a class="HILink" href="#Fig225">5</a> </em>: <em>"Brunnenhaus"</em> at the Agora, Magnesia on the Maeander river, Carl Humann, 1891, albumen paper on cardboard mount, recto, 28.5 x 21.7 cm (cardboard), Staatliche Museen zu Berlin, Antikensammlung, inv. no. FA-Mag09-0002. | |
a(href="#").accordion__pageup | |
+publications-accordion-item( | |
'Footnotes', | |
'', | |
'active', | |
true, | |
['32', ''] | |
) | |
.publication-detail__footnotes | |
.footnotes | |
.footnotes-item | |
.footnotes-item__index | |
+footnoteback("a") | |
.footnotes-item__text | |
p This chapter also showcases the use of two different sets of footnotes, alphabetic and arabic. This is a per-chapter-setting. | |
.footnotes-item | |
.footnotes-item__index | |
+footnoteback(1) | |
.footnotes-item__text | |
p Here comes a footnote with arabic number as marker, which means it is is the other apparatus | |
a(href="#").accordion__pageup | |
.navigation | |
a(href="chapter05.html").navigation__button.navigation__button--prev 4 References and indices | |
a(href="chapter07.html").navigation__button.navigation__button--next 6 Formulas |