Here's the spec, without any references to
A Princess of Mars. Maybe you can use it.
If anyone sees anything I can improve, I'd love to hear it.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TITLE</title>
<!-- BEGIN: FILE HISTORY -->
<!-- Created on YYYY-MM-DD -->
<!-- Revision # 0.10 on YYYY-MM-DD -->
<!-- Revision # 0.20 on YYYY-MM-DD -->
<!-- Current Revision # 0.80 on YYYY-MM-DD -->
<!-- END: FILE HISTORY -->
<!-- BEGIN: REVISION GUIDELINE -->
<!--
0.10 :: Initial Conversion
0.20 :: Cover and Frontispiece
0.30 :: Sections, Chapters and TOC
0.40 :: Endnotes and/or Blockquotes
0.50 :: Initial Spellcheck
0.60 :: M-Dashes, Hyphens and Ellipses
0.70 :: Italics, Bold, and Pre-Formatted Text
0.80 :: Reading Proof
0.90 :: Checked Against Canonical Source
1.00 :: Final Version -- Optimal
1.++ :: Minor Error Corrections
-->
<!-- END: REVISION GUIDELINE -->
<!-- BEGIN: EBOOK META INFORMATION -->
<meta name="filename" content="FILENAME" />
<meta name="fileid" content="UNIQUE ID" />
<meta name="filecreationdate" content="YYYY-MM-DD" />
<meta name="fileversion" content="VERSION NUMBER" />
<meta name="filerevisiondate" content="YYYY-MM-DD" />
<meta name="filesource" content="FILE SOURCE" />
<meta name="filescanner" content="NAME OF SCANNER" />
<meta name="fileproofer" content="NAME OF PROOFER (CONTACT INFO)" />
<meta name="filecomment" content="COMMENT" />
<meta name="title" content="TITLE" />
<meta name="subtitle" content="SUBTITLE" />
<meta name="series" content="SERIES NAME" />
<meta name="seriesnumber" content="POSITION IN SERIES" />
<meta name="author" content="FIRST NAME|MIDDLE NAMES|LAST NAME|" />
<meta name="illustrator" content="FIRST NAME|MIDDLE NAMES|LAST NAME|" />
<meta name="editor" content="FIRST NAME|MIDDLE NAMES|LAST NAME|" />
<meta name="genre" content="GENRE/SUBJECT" />
<meta name="isbn" content="ISBN NUMBER" />
<meta name="language" content="TWO-LETTER LOCALE CODE" />
<meta name="description" content="SHORT DESCRIPTION OF BOOK" />
<meta name="keywords" content="TAGS/KEYWORDS" />
<meta name="publisher" content="PUBLISHER" />
<meta name="publicationdate" content="YYYY-MM-DD" />
<meta name="publicationcity" content="CITY NAME" />
<meta name="copyrightholder" content="NAME OF COPYRIGHT HOLDER" />
<meta name="copyrightdate" content="YEAR OF COPYRIGHT" />
<meta name="copyrightlicense" content="COPYRIGHT STATUS OR LICENSE" />
<!-- END: EBOOK META INFORMATION -->
<!-- BEGIN: STRUCTURE HINTS -->
<!--
ELEMENTS USED :: PURPOSE OF ELEMENT IN EBOOK
-->
<!-- END: STRUCTURE HINTS -->
<!-- BEGIN: MANIFEST -->
<!--
LIST OF LINKED FILES BY RELATIVE LOCATION :: DESCRIPTION OF FILE
-->
<!-- END: MANIFEST -->
</head>
<body>
<div class="Spine" id="Cover">
<a href="#START_OF_BOOK ID">
<img src="images/cover.png" />
</a>
</div>
<div class="Spine" id="Frontispiece">
<h2>TITLE/SERIES NAME</h2>
<ul>
<li>SERIES LIST TITLES</li>
</ul>
<img src="images/frontispiece.png" />
</div>
<div class="Spine" id="FrontMatter">
<h2>FRONT MATTER HEADING</h2>
<p>FRONT MATTER CONTENT (BLURBS, JUNK, ADS, WHATEVER)</p>
</div>
<div class="Spine" id="TitlePage">
<h1>TITLE</h1>
<p id="Subtitle">SUBTITLE</p>
<p id="Author">AUTHOR</p>
<p id="Illustrator">ILLUSTRATOR</p>
</div>
<div class="Spine" id="Verso">
<h2>VERSO HEADING</h2>
<a href="sounds/logo.wav">
<img src="images/logo.png">
</a>
<p id="PublisherBlurb">PUBLISHER BLURB</p>
<p id="VersionNumber">VERSION NUMBER</p>
<p id="RevisionDate">REVISION DATE</p>
<p id="OriginalSource">ORIGINAL SOURCE</p>
<p id="Scanner">SCANNER</p>
<p id="Proofer">PROOFER(S)</p>
</div>
<div class="Spine" id="Inscription">
<h2>INSCRIPTION HEADING</h2>
<p>INSCRIPTION CONTENT</p>
</div>
<div class="Spine" id="Acknowledgment">
<h2>ACKNOWLEDGMENT HEADING</h2>
<p>ACKNOWLEDGMENT CONTENT</p>
</div>
<div class="Spine" id="Preface">
<h2>PREFACE HEADING</h2>
<p>PREFACE CONTENT</p>
</div>
<div class="Spine" id="TableOfIllustrations">
<h2>TABLE OF ILLUSTRATIONS HEADING</h2>
<ul>
<li>
<a href="#ILLUSTRATION ID">ILLUSTRATION NAME</a>
</li>
</ul>
</div>
<div class="Spine" id="TableOfMaps">
<h2>TABLE OF MAPS HEADING</h2>
<ul>
<li>
<a href="#MAP ID">MAP NAME</a>
</li>
</ul>
</div>
<div class="Spine" id="TableOfTables">
<h2>TABLE OF TABLES HEADING</h2>
<ul>
<li>
<a href="#TABLE ID">TABLE NAME</a>
</li>
</ul>
</div>
<div class="Spine" id="TableOfContents">
<h2>TABLE OF CONTENTS HEADING</h2>
<ul>
<li>
<a href="#CONTENT ID">CONTENT NAME</a>
</li>
</ul>
</div>
<div class="Spine" id="Introduction">
<h2>INTRODUCTION HEADING</h2>
<p>INTRODUCTION CONTENT</p>
</div>
<div class="Spine" id="PART ID">
<h2>PART HEADING</h2>
<p>PART CONTENT<p>
<div class="Body" id="Prologue">
<h3>PROLOGUE HEADING</h3>
<ul class="NavLinks"
<li>
<a href="#PREVIOUS CHAPTER ID">
<img src="images/up.png" />
</a>
</li>
<li>
<a href="#TableOfContents">
<img src="images/toc.png" />
</a>
</li>
<li>
<a href="#NEXT CHAPTER ID">
<img src="images/down.png" />
</a>
</li>
</ul>
<h4>SECTION HEADING</h4>
<h5>SUBSECTION HEADING</h5>
<p class="Epigram">EPIGRAM</p>
<p class="PullQuote">PULL QUOTE</p>
<p>APPENDIX CONTENT</p>
<p class="SceneBreak"> </p>
<img id="MAP ID" class="Map" src="images/MAPNAME.EXT" />
<img id="ILLUSTRATION ID" class="Illustration" src="images/ILLUSTRATIONNAME.EXT" />
<table id="TABLE ID">TABLE CONTENTS</table>
<a id="LINK-TO-ENDNOTE ID" class="EndNoteLink" href="END NOTE ID">LINK-TO-ENDNOTE NAME</a>
</div>
<div class="Body" id="CHAPTER ID">
<h3>CHAPTER HEADING</h3>
<ul class="NavLinks"
<li>
<a href="#PREVIOUS CHAPTER ID">
<img src="images/up.png" />
</a>
</li>
<li>
<a href="#TableOfContents">
<img src="images/toc.png" />
</a>
</li>
<li>
<a href="#NEXT CHAPTER ID">
<img src="images/down.png" />
</a>
</li>
</ul>
<h4>SECTION HEADING</h4>
<h5>SUBSECTION HEADING</h5>
<p class="Epigram">EPIGRAM</p>
<p class="PullQuote">PULL QUOTE</p>
<p>APPENDIX CONTENT</p>
<p class="SceneBreak"> </p>
<img id="MAP ID" class="Map" src="images/MAPNAME.EXT" />
<img id="ILLUSTRATION ID" class="Illustration" src="images/ILLUSTRATIONNAME.EXT" />
<table id="TABLE ID">TABLE CONTENTS</table>
<a id="LINK-TO-ENDNOTE ID" class="EndNoteLink" href="END NOTE ID">LINK-TO-ENDNOTE NAME</a>
</div>
<div class="Body" id="Epilogue">
<h3>EPILOGUE HEADING</h3>
<ul class="NavLinks"
<li>
<a href="#PREVIOUS CHAPTER ID">
<img src="images/up.png" />
</a>
</li>
<li>
<a href="#TableOfContents">
<img src="images/toc.png" />
</a>
</li>
<li>
<a href="#NEXT CHAPTER ID">
<img src="images/down.png" />
</a>
</li>
</ul>
<h4>SECTION HEADING</h4>
<h5>SUBSECTION HEADING</h5>
<p class="Epigram">EPIGRAM</p>
<p class="PullQuote">PULL QUOTE</p>
<p>APPENDIX CONTENT</p>
<p class="SceneBreak"> </p>
<img id="MAP ID" class="Map" src="images/MAPNAME.EXT" />
<img id="ILLUSTRATION ID" class="Illustration" src="images/ILLUSTRATIONNAME.EXT" />
<table id="TABLE ID">TABLE CONTENTS</table>
<a id="LINK-TO-ENDNOTE ID" class="EndNoteLink" href="END NOTE ID">LINK-TO-ENDNOTE NAME</a>
</div>
<div class="Body" id="APPENDIX ID">
<h3>APPENDIX HEADING</h3>
<ul class="NavLinks"
<li>
<a href="#PREVIOUS CHAPTER ID">
<img src="images/up.png" />
</a>
</li>
<li>
<a href="#TableOfContents">
<img src="images/toc.png" />
</a>
</li>
<li>
<a href="#NEXT CHAPTER ID">
<img src="images/down.png" />
</a>
</li>
</ul>
<h4>SECTION HEADING</h4>
<h5>SUBSECTION HEADING</h5>
<p class="Epigram">EPIGRAM</p>
<p class="PullQuote">PULL QUOTE</p>
<p>APPENDIX CONTENT</p>
<p class="SceneBreak"> </p>
<img id="MAP ID" class="Map" src="images/MAPNAME.EXT" />
<img id="ILLUSTRATION ID" class="Illustration" src="images/ILLUSTRATIONNAME.EXT" />
<table id="TABLE ID">TABLE CONTENTS</table>
<a id="LINK-TO-ENDNOTE ID" class="EndNoteLink" href="END NOTE ID">LINK-TO-ENDNOTE NAME</a>
</div>
</div>
<div class="Spine" id="Afterword">
<h2>AFTERWORD HEADING</h2>
<p>AFTERWORD CONTENT<p>
</div>
<div class="Spine" id="AboutTheAuthor">
<h2>ABOUT THE AUTHOR HEADING</h2>
<p>ABOUT THE AUTHOR CONTENT<p>
<img id="ILLUSTRATION ID" class="Illustration" src="images/author.png" />
</div>
<div class="Spine" id="Colophon">
<h2>COLOPHON HEADING</h2>
<p>COLOPHON CONTENT<p>
<a href="Cover">
<img src="images/colophon.png" />
</a>
</div>
<div class="Spine" id="Endnotes">
<h2>ENDNOTES HEADING</h2>
<p id="END NOTE ID">
ENDNOTE CONTENT
<a class="BackLink" href="LINK-TO-ENDNOTE ID">
<img src="images/return.png" />
</a>
</p>
</div>
<div class="Spine" id="Glossary">
<h2>GLOSSARY HEADING</h2>
<p>GLOSSARY CONTENT<p>
</div>
<div class="Spine" id="Index">
<h2>INDEX HEADING</h2>
<p>INDEX CONTENT<p>
</div>
<div class="Spine" id="EndMatter">
<h2>END MATTER HEADING</h2>
<p>END MATTER CONTENT (BLURBS, JUNK, ADS, WHATEVER)<p>
</div>
</body>
</head>
</html>
I changed the date format as gwynevans suggested.
I think I'll convert
A Princess of Mars to this layout, and then I'll try to develop a CSS for it.
Help always appreciated.
m a r