<style>/*<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=8737588169908790988&zx=84fbcd95-1e70-4819-8481-ea709e661351' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=8737588169908790988&zx=84fbcd95-1e70-4819-8481-ea709e661351' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

</head><body>*/</style>

Easy Hypertext for Genealogy in EPUB

Stewart Haines

1 Dec, 2025

This sample project illustrates the SEED.html app set up to create a family history book where each person gets a chapter, and relationship links between parents/children/siblings/partners are defined in script objects, and rendered as a person index and relationship links.

The book below has some introductory technical text, then the second chapter is a person index which is generated as publish time from the relationships data. Each person chapter starts with a block that lists parents, partner, children — this block is also generated from the data, rather than authored in markdown.

Easier to see than describe. Here's the sample.

As is usually the case, the reading experience is better on a mobile device in an EPUB reader app than it is here on the web.

Please download the EPUB to your device and use the Books or Cantook apps (linked here Modern EPUB Reading Systems) for the best reading/reference experience.

If you're curious about how this EPUB was made click Edit in SEED.html to go straight to the web-based SEED.html app.

Page

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/1581542668-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY6P0skkt92TrFgtUwEitmwjgmd35Q:1765132692100';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d8737588169908790988','//blog.stewarthaines.com/2025/12/easy-hypertext-for-genealogy-in-epub.html','8737588169908790988');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '8737588169908790988', 'title': 'EPUB 3 Investigations', 'url': 'https://blog.stewarthaines.com/2025/12/easy-hypertext-for-genealogy-in-epub.html', 'canonicalUrl': 'https://blog.stewarthaines.com/2025/12/easy-hypertext-for-genealogy-in-epub.html', 'homepageUrl': 'https://blog.stewarthaines.com/', 'searchUrl': 'https://blog.stewarthaines.com/search', 'canonicalHomepageUrl': 'https://blog.stewarthaines.com/', 'blogspotFaviconUrl': 'https://blog.stewarthaines.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'G-TPSM2V2GQX', 'analytics4': true, 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22EPUB 3 Investigations - Atom\x22 href\x3d\x22https://blog.stewarthaines.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22EPUB 3 Investigations - RSS\x22 href\x3d\x22https://blog.stewarthaines.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22EPUB 3 Investigations - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/8737588169908790988/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22EPUB 3 Investigations - Atom\x22 href\x3d\x22https://blog.stewarthaines.com/feeds/499604203904639821/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'isGoogleEverywhereLinkTooltipEnabled': true, 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/d308f4d28acbd8a8', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '499604203904639821', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRaRV7uNEdUEp3pX-q894seha9b84bQ4CIUG2vbWPRd924ZkRQ8xWVs1NFZWETh4JbU8pAHUWQJgpCDc0Z9CrnI7_XuZ-XiLWWzvLgLGtblscxrsDIdWfo7jkLr988KeAQmSOW4y8NLgRBbtQcrEEKeMTsdHF9gVGPZ7qNXhyphenhyphenRUFlATiLKepl7xuaI6vk/s72-c/IMG_0052.PNG', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRaRV7uNEdUEp3pX-q894seha9b84bQ4CIUG2vbWPRd924ZkRQ8xWVs1NFZWETh4JbU8pAHUWQJgpCDc0Z9CrnI7_XuZ-XiLWWzvLgLGtblscxrsDIdWfo7jkLr988KeAQmSOW4y8NLgRBbtQcrEEKeMTsdHF9gVGPZ7qNXhyphenhyphenRUFlATiLKepl7xuaI6vk/s320/IMG_0052.PNG', 'pageName': 'Easy Hypertext for Genealogy in EPUB', 'pageTitle': 'EPUB 3 Investigations: Easy Hypertext for Genealogy in EPUB'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Easy Hypertext for Genealogy in EPUB', 'description': 'This sample project illustrates the SEED.html app set up to create a family history book where each person gets a chapter, and relationship ...', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRaRV7uNEdUEp3pX-q894seha9b84bQ4CIUG2vbWPRd924ZkRQ8xWVs1NFZWETh4JbU8pAHUWQJgpCDc0Z9CrnI7_XuZ-XiLWWzvLgLGtblscxrsDIdWfo7jkLr988KeAQmSOW4y8NLgRBbtQcrEEKeMTsdHF9gVGPZ7qNXhyphenhyphenRUFlATiLKepl7xuaI6vk/s320/IMG_0052.PNG', 'url': 'https://blog.stewarthaines.com/2025/12/easy-hypertext-for-genealogy-in-epub.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 499604203904639821}}, {'name': 'widgets', 'data': [{'title': 'JSON Variables', 'type': 'HTML', 'sectionId': 'upload-image', 'id': 'HTML50'}, {'title': 'Search This Blog', 'type': 'BlogSearch', 'sectionId': 'upload-image', 'id': 'BlogSearch1'}, {'type': 'Attribution', 'sectionId': 'upload-image', 'id': 'Attribution1'}, {'title': '', 'type': 'BlogArchive', 'sectionId': 'upload-image', 'id': 'BlogArchive1'}, {'title': 'Categories', 'type': 'Label', 'sectionId': 'upload-image', 'id': 'Label1'}, {'title': 'Main Tags', 'type': 'Label', 'sectionId': 'upload-image', 'id': 'Label2'}, {'title': '', 'type': 'ReportAbuse', 'sectionId': 'upload-image', 'id': 'ReportAbuse1'}, {'title': '', 'type': 'PageList', 'sectionId': 'upload-image', 'id': 'PageList1'}, {'title': 'About Me', 'type': 'Profile', 'sectionId': 'upload-image', 'id': 'Profile1'}, {'title': 'Default Thumbnail', 'type': 'Image', 'sectionId': 'upload-image', 'id': 'Image52'}, {'title': 'Pages', 'type': 'PageList', 'sectionId': 'upload-image', 'id': 'PageList52'}, {'title': '', 'type': 'Image', 'sectionId': 'upload-image', 'id': 'Image50'}, {'title': 'About Us', 'type': 'Image', 'sectionId': 'upload-image', 'id': 'Image51'}, {'title': 'EPUB 3 Investigations (Header)', 'type': 'Header', 'sectionId': 'upload-image', 'id': 'Header1'}, {'title': 'Icons, Dark, Search', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList10'}, {'title': 'Menu', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList11'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'blog-post', 'id': 'Blog1', 'posts': [{'id': '499604203904639821', 'title': 'Easy Hypertext for Genealogy in EPUB', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRaRV7uNEdUEp3pX-q894seha9b84bQ4CIUG2vbWPRd924ZkRQ8xWVs1NFZWETh4JbU8pAHUWQJgpCDc0Z9CrnI7_XuZ-XiLWWzvLgLGtblscxrsDIdWfo7jkLr988KeAQmSOW4y8NLgRBbtQcrEEKeMTsdHF9gVGPZ7qNXhyphenhyphenRUFlATiLKepl7xuaI6vk/s320/IMG_0052.PNG', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'author', 'label': 'by'}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'Comment'}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Tags:'}]}], 'allBylineItems': [{'name': 'author', 'label': 'by'}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'labels', 'label': 'Tags:'}]}, {'title': 'Categories', 'type': 'Label', 'sectionId': 'sidebar-static', 'id': 'Label10'}, {'title': 'Archive', 'type': 'BlogArchive', 'sectionId': 'sidebar-static', 'id': 'BlogArchive10'}, {'title': '#Recent Post', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML19'}, {'title': 'About This', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML21'}, {'title': 'Follow Me', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList14'}, {'title': 'Copyright', 'type': 'HTML', 'sectionId': 'copyright', 'id': 'HTML23'}, {'title': 'SVG Icons', 'type': 'HTML', 'sectionId': 'jet-options', 'id': 'HTML24'}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML50', 'upload-image', document.getElementById('HTML50'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'upload-image', document.getElementById('BlogSearch1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'upload-image', document.getElementById('Attribution1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'upload-image', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'upload-image', document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label2', 'upload-image', document.getElementById('Label2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ReportAbuseView', new _WidgetInfo('ReportAbuse1', 'upload-image', document.getElementById('ReportAbuse1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'upload-image', document.getElementById('PageList1'), {'title': '', 'links': [{'isCurrentPage': false, 'href': 'http://seed-html.blogspot.com/', 'title': 'Home'}, {'isCurrentPage': false, 'href': 'https://blog.stewarthaines.com/p/about.html', 'id': '7518744560269226166', 'title': 'About'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'upload-image', document.getElementById('Profile1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image52', 'upload-image', document.getElementById('Image52'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList52', 'upload-image', document.getElementById('PageList52'), {'title': 'Pages', 'links': [{'isCurrentPage': false, 'href': '/', 'title': 'Home'}, {'isCurrentPage': false, 'href': 'https://blog.stewarthaines.com/p/about.html', 'id': '7518744560269226166', 'title': 'About'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image50', 'upload-image', document.getElementById('Image50'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image51', 'upload-image', document.getElementById('Image51'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'upload-image', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList10', 'header-main', document.getElementById('LinkList10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList11', 'header-main', document.getElementById('LinkList11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'blog-post', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/244180678-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label10', 'sidebar-static', document.getElementById('Label10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive10', 'sidebar-static', document.getElementById('BlogArchive10'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML19', 'sidebar-static', document.getElementById('HTML19'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'footer-widget', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList14', 'footer-widget', document.getElementById('LinkList14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML23', 'copyright', document.getElementById('HTML23'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML24', 'jet-options', document.getElementById('HTML24'), {}, 'displayModeFull'));
</script>
</body>*/</style>