gdritter repos dogs / master txt / template.mustache
master

Tree @master (Download .tar.gz)

template.mustache @master — raw · history · blame 

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

     a[href="#traits"]::before {
       content: url(data:image/svg+xml;base64,{{trait-icon}});
     }
     a[href="#traits"]::after {
       content: "Trait";
     }

     a[href="#relationships"]::before {
       content: url(data:image/svg+xml;base64,{{relationship-icon}});
     }
     a[href="#relationships"]::after {
       content: "Relationship";
     }

     a[href="#objects"]::before {
       content: url(data:image/svg+xml;base64,{{object-icon}});
     }
     a[href="#objects"]::after {
       content: "Object";
     }

     a[href="#stats"]::before {
       content: url(data:image/svg+xml;base64,{{stat-icon}});
     }
     a[href="#stats"]::after {
       content: "Stat";
     }
    </style>
  </head>
  <body>
    <div class="main" >
      <div class="header">
        <h1 id="if-the-sky-were-crooked">$if(title)$ $title$ $endif$</h1>
      </div>
      $body$
        <div class="footer">
          $for(author)$ $author$ $endfor$<br/>
          $if(date)$ $date$ $endif$
        </div>
  </div>
</body>
</html>