PageRenderTime 61ms CodeModel.GetById 32ms RepoModel.GetById 1ms app.codeStats 0ms

/glossary/glossary.html

https://bitbucket.org/caraya/html5-for-publishers
HTML | 80 lines | 75 code | 4 blank | 1 comment | 0 complexity | 18433e413705b78850a69f806150ca45 MD5 | raw file
    

  1. <?xml version="1.0" encoding="UTF-8" standalone="no"?>

    2. 

  2. <!doctype html>

    3. 

  3. <html xmlns="http://www.w3.org/1999/xhtml">

    4. 

  4. <head>

    5. 

  5. <title>Digital Publishing Mini-Glossary</title>

    6. 

  6. <script src="modernizr-1.6.min.js"></script>

    7. 

  7. <script src="glossary.js"></script>

    8. 

  8. <style media="screen" type="text/css">

    9. 

  9. dl {

    10. 

  10.   width: 400px;

    11. 

  11. }

    12. 

  12. 

    13. 

  13. dt {

    14. 

  14.   padding-top: 10px;

    15. 

  15.   padding-bottom: 5px;

    16. 

  16.   font-style: italic;

    17. 

  17.   color: red;

    18. 

  18. }

    19. 

  19. 

    20. 

  20. dd {

    21. 

  21.   margin-left: 1.5em;

    22. 

  22. }

    23. 

  23. 

    24. 

  24. .play-button {

    25. 

  25.   font-style: normal;

    26. 

  26.   color: blue;

    27. 

  27.   padding: 3px;

    28. 

  28.   border:2px solid;

    29. 

  29.   border-radius:6px;

    30. 

  30.   border-color: black;

    31. 

  31.   background-color: gray;

    32. 

  32. }

    33. 

  33. 

    34. 

  34. dt .play-button {

    35. 

  35.   margin-left: 6px;

    36. 

  36. }

    37. 

  37. </style>

    38. 

  38. </head>

    39. 

  39. <body>

    40. 

  40. <h1>Digital Publishing Mini-Glossary</h1>

    41. 

  41. <p>Click the <span class="play-button">&#x25b6;</span> button to hear the

    42. 

  42.   pronunciation of a term</p>

    43. 

  43. <!--Audio content -->

    44. 

  44. <audio id="epub">

    45. 

  45. <source src="audio/epub.wav" type="audio/wav"/>

    46. 

  46. <source src="audio/epub.mp3" type="audio/mp3"/>

    47. 

  47. <source src="audio/epub.ogg" type="audio/ogg"/>

    48. 

  48. <em>(Sorry, &lt;audio&gt; element not supported in your

    49. 

  49.   browser/ereader.)</em>

    50. 

  50. </audio>

    51. 

  51. <audio id="mobi">

    52. 

  52. <source src="audio/mobi.wav" type="audio/wav"/>

    53. 

  53. <source src="audio/mobi.mp3" type="audio/mp3"/>

    54. 

  54. <source src="audio/mobi.ogg" type="audio/ogg"/>

    55. 

  55. </audio>

    56. 

  56. <audio id="pdf">

    57. 

  57. <source src="audio/pdf.wav" type="audio/wav"/>

    58. 

  58. <source src="audio/pdf.mp3" type="audio/mp3"/>

    59. 

  59. <source src="audio/pdf.ogg" type="audio/ogg"/>

    60. 

  60. </audio>

    61. 

  61. <div class="glossary">

    62. 

  62. <dl>

    63. 

  63. <dt>EPUB <input type="submit" class="play-button" id="epub_button" value="&#x25b6;"/></dt>

    64. 

  64. <dd>An open standard for reflowable ebook content created and maintained by the <a

    65. 

  65.   href="http://idpf.org/">International Digital Publishing Forum

    66. 

  66.   (IDPF)</a> based on HTML, CSS, and XML technologies. Version 3.0 of

    67. 

  67.   EPUB will support HTML5.</dd>

    68. 

  68. <dt>Mobipocket <input type="submit" class="play-button" id="mobi_button" value="&#x25b6;"/></dt>

    69. 

  69. <dd>A proprietary standard for reflowable ebook content developed by <a

    70. 

  70.   href="http://en.wikipedia.org/wiki/Mobipocket">Mobipocket SA</a>,

    71. 

  71.   and used by Amazon on its hardware and software Kindle

    72. 

  72.   platforms.</dd>

    73. 

  73. <dt>Portable Document Format (PDF) <input type="submit" class="play-button" id="pdf_button" value="&#x25b6;"/></dt>

    74. 

  74. <dd>An open standard for page-based (non-reflowable) electronic documents created by Adobe Systems

    75. 

  75.   that has been in use since the 1990s. Many ereader devices support

    76. 

  76.   PDF files, as well as EPUB or Mobi.</dd>

    77. 

  77. </dl>

    78. 

  78. </div>

    79. 

  79. </body>

    80. 

  80. </html>
    81.