template.mustache 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta http-equiv="Content-Style-Type" content="text/css" />
  6. <meta name="generator" content="pandoc" />$for(author-meta)$
  7. <meta name="author" content="$author-meta$" />
  8. $endfor$
  9. $if(date-meta)$
  10. <meta name="date" content="$date-meta$" />
  11. $endif$
  12. $if(keywords)$
  13. <meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$" />
  14. $endif$
  15. <title>$if(title-prefix)$$title-prefix$ – $endif$$pagetitle$</title>
  16. <style type="text/css">
  17. @font-face {
  18. font-family: raleway;
  19. src: url(data:application/x-font-truetype;base64,{{raleway}});
  20. }
  21. body { font-family: "Fira Sans", sans-serif; }
  22. code{white-space: pre;}
  23. .main {
  24. width: 80%;
  25. text-align: justify;
  26. margin-left: 340px;
  27. font-size: 18px;
  28. line-height: 150%;
  29. }
  30. .sidebar {
  31. width: 300px;
  32. position: fixed;
  33. z-index: 1;
  34. top: 0;
  35. left: 0;
  36. padding-top: 20px;
  37. padding-left: 20px;
  38. padding-right: 20px;
  39. overflow-x: hidden;
  40. }
  41. .sidebar ul {
  42. margin-top: 5px;
  43. }
  44. h1 {
  45. font-family: raleway;
  46. font-weight: normal;
  47. color: #822;
  48. }
  49. h2 {
  50. font-family: raleway;
  51. font-weight: normal;
  52. color: #822;
  53. }
  54. h3 {
  55. font-family: raleway;
  56. font-weight: normal;
  57. color: #822;
  58. }
  59. .footer {
  60. text-align: center;
  61. }
  62. blockquote {
  63. background-color: #f5f5f5;
  64. padding-left: 30px;
  65. padding-right: 30px;
  66. padding-top: 5px;
  67. padding-bottom: 5px;
  68. border-left: 2px solid black;
  69. }
  70. p { margin-left: 20pt; margin-right: 20pt; }
  71. a { text-decoration: none; color: #822; }
  72. a[href="#traits"]::before {
  73. content: url(data:image/svg+xml;base64,{{trait-icon}});
  74. }
  75. a[href="#relationships"]::before {
  76. content: url(data:image/svg+xml;base64,{{relationship-icon}});
  77. }
  78. a[href="#objects"]::before {
  79. content: url(data:image/svg+xml;base64,{{object-icon}});
  80. }
  81. a[href="#stats"]::before {
  82. content: url(data:image/svg+xml;base64,{{stat-icon}});
  83. }
  84. </style>
  85. </head>
  86. <body>
  87. <div class="main" >
  88. <div class="sidebar">
  89. <a href="#">The Emissaries of Guenašk</a>
  90. $toc$
  91. </div>
  92. <div class="header">
  93. <h1 id="title">$if(title)$ $title$ $endif$</h1>
  94. </div>
  95. $body$
  96. <div class="footer">
  97. $for(author)$ $author$ $endfor$<br/>
  98. $if(date)$ $date$ $endif$
  99. </div>
  100. </div>
  101. </body>
  102. </html>