template.html (6902B) - raw

      1 <!DOCTYPE html>
      2 <html>
      3   <head>
      4     <meta charset="utf-8" />
      5     <meta name="viewport" content="width=device-width, initial-scale=1" />
      6     <title>{{ title }} - Oscar's Wiki</title>
      7     <link rel="icon" href="data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20450.588%20450.588%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M402.958%2C112.64c-0.512%2C0-0.512%2C0-1.024%2C0H48.654c-8.192-0.512-14.848%2C6.144-15.36%2C14.336c0%2C0.512%2C0%2C0.512%2C0%2C1.024v307.2%20c-0.512%2C8.192%2C6.144%2C14.848%2C14.336%2C15.36c0.512%2C0%2C0.512%2C0%2C1.024%2C0h353.28c8.192%2C0.512%2C14.848-6.144%2C15.36-14.336%20c0-0.512%2C0-0.512%2C0-1.024V128C417.806%2C119.808%2C411.15%2C113.152%2C402.958%2C112.64z%20M302.094%2C252.416c-0.512%2C0-0.512%2C0-1.024%2C0H149.518%20c-8.192%2C0.512-14.848-6.144-15.36-14.336c0-0.512%2C0-0.512%2C0-1.024v-38.912c-0.512-8.192%2C6.144-14.848%2C14.336-15.36%20c0.512%2C0%2C0.512%2C0%2C1.024%2C0H301.07c8.192-0.512%2C14.848%2C6.144%2C15.36%2C14.336c0%2C0.512%2C0%2C0.512%2C0%2C1.024v38.912%20C316.942%2C245.248%2C310.286%2C251.904%2C302.094%2C252.416z%22/%3E%3Crect%20fill%3D%22white%22%20x%3D%2258.894%22%20y%3D%2256.32%22%20width%3D%22332.8%22%20height%3D%2230.72%22/%3E%3Crect%20fill%3D%22white%22%20x%3D%2284.494%22%20width%3D%22281.6%22%20height%3D%2230.72%22/%3E%3C/svg%3E%0A" />
      8     <style>
      9 body {
     10     margin: 1em auto;
     11     max-width: 900px;
     12     line-height: 1.5;
     13     padding: 0 1em;
     14     font-family: sans-serif;
     15 }
     16 a {
     17     color: #0022dd;
     18 }
     19 a:hover {
     20     color: #330099;
     21 }
     22 blockquote {
     23     padding: 0 0 0 1.2rem;
     24     border-left: 3px solid #707070;
     25     color: #707070;
     26 }
     27 code {
     28     border: 1px solid #e0e0e0;
     29     background-color: #f5f5f5;
     30     padding: 2px 4px;
     31     font-family: monospace;
     32     line-height: 1.5;
     33     border-radius: 2px;
     34 }
     35 pre {
     36     border-radius: 4px;
     37     overflow-x: auto;
     38     border: 1px solid #e0e0e0;
     39     background-color: #f5f5f5;
     40 }
     41 pre code {
     42     display: block;
     43     padding: 1em;
     44     border: none;
     45     background: none;
     46 }
     47 hr {
     48     border: 0;
     49     border-top: 2px solid #777;
     50     height: 2px;
     51 }
     52 li {
     53     margin-top: .25em;
     54     margin-bottom: .25em;
     55 }
     56 .header {
     57     text-align: center;
     58     margin: 2rem 0;
     59 }
     60 .header > p {
     61     margin: 0;
     62 }
     63 a.nav {
     64     color: #000;
     65     text-decoration: none;
     66 }
     67 a.nav:hover {
     68     text-decoration: underline;
     69 }
     70 .metadata {
     71     display: flex;
     72     justify-content: space-between;
     73     align-items: center;
     74 }
     75 .category {
     76     font-size: 14px;
     77     float: left;
     78     background-color: #e5e5e5;
     79     padding: 5px 20px;
     80     border-radius: 2px;
     81     margin-right: 10px;
     82     margin-bottom: 10px;
     83 }
     84 .date {
     85     margin-right: 0px;
     86     color: #555;
     87 }
     88 img.checkbox-0 {
     89   content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20448%22%3E%3Cpath%20fill%3D%22%23226699%22%20d%3D%22M%20400%2C0%20H%2048%20C%2021.5%2C0%200%2C21.5%200%2C48%20v%20352%20c%200%2C26.5%2021.5%2C48%2048%2C48%20h%20352%20c%2026.5%2C0%2048%2C-21.5%2048%2C-48%20V%2048%20C%20448%2C21.5%20426.5%2C0%20400%2C0%20Z%20m%20-6%2C400%20H%2054%20c%20-3.3%2C0%20-6%2C-2.7%20-6%2C-6%20V%2054%20c%200%2C-3.3%202.7%2C-6%206%2C-6%20h%20340%20c%203.3%2C0%206%2C2.7%206%2C6%20v%20340%20c%200%2C3.3%20-2.7%2C6%20-6%2C6%20z%22%20%2F%3E%3C%2Fsvg%3E);
     90   max-height: 1em;
     91   max-width: 1em;
     92 }
     93 img.checkbox-1 {
     94   content: url(data:image/svg+xml,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20448%22%3E%3Cpath%20fill%3D%22%23226699%22%20d%3D%22M%20400%2C0%20H%2048%20C%2021.5%2C0%200%2C21.5%200%2C48%20v%20352%20c%200%2C26.5%2021.5%2C48%2048%2C48%20h%20352%20c%2026.5%2C0%2048%2C-21.5%2048%2C-48%20V%2048%20C%20448%2C21.5%20426.5%2C0%20400%2C0%20Z%20m%20-6%2C400%20H%2054%20c%20-3.3%2C0%20-6%2C-2.7%20-6%2C-6%20V%2054%20c%200%2C-3.3%202.7%2C-6%206%2C-6%20h%20340%20c%203.3%2C0%206%2C2.7%206%2C6%20v%20340%20c%200%2C3.3%20-2.7%2C6%20-6%2C6%20z%22%20%2F%3E%3Crect%20fill%3D%22%23226699%22%20width%3D%22400%22%20height%3D%22112%22%20x%3D%2224%22%20y%3D%22312%22%20%2F%3E%3C%2Fsvg%3E);
     95   max-height: 1em;
     96   max-width: 1em;
     97 }
     98 img.checkbox-2 {
     99   content: url(data:image/svg+xml,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20448%22%3E%3Cpath%20fill%3D%22%23226699%22%20d%3D%22M%20400%2C0%20H%2048%20C%2021.5%2C0%200%2C21.5%200%2C48%20v%20352%20c%200%2C26.5%2021.5%2C48%2048%2C48%20h%20352%20c%2026.5%2C0%2048%2C-21.5%2048%2C-48%20V%2048%20C%20448%2C21.5%20426.5%2C0%20400%2C0%20Z%20m%20-6%2C400%20H%2054%20c%20-3.3%2C0%20-6%2C-2.7%20-6%2C-6%20V%2054%20c%200%2C-3.3%202.7%2C-6%206%2C-6%20h%20340%20c%203.3%2C0%206%2C2.7%206%2C6%20v%20340%20c%200%2C3.3%20-2.7%2C6%20-6%2C6%20z%22%20%2F%3E%3Crect%20fill%3D%22%23226699%22%20width%3D%22400%22%20height%3D%22200%22%20x%3D%2224%22%20y%3D%22224%22%20%2F%3E%3C%2Fsvg%3E);
    100   max-height: 1em;
    101   max-width: 1em;
    102 }
    103 img.checkbox-3 {
    104   content: url(data:image/svg+xml,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20448%22%3E%3Cpath%20fill%3D%22%23226699%22%20d%3D%22M%20400%2C0%20H%2048%20C%2021.5%2C0%200%2C21.5%200%2C48%20v%20352%20c%200%2C26.5%2021.5%2C48%2048%2C48%20h%20352%20c%2026.5%2C0%2048%2C-21.5%2048%2C-48%20V%2048%20C%20448%2C21.5%20426.5%2C0%20400%2C0%20Z%20m%20-6%2C400%20H%2054%20c%20-3.3%2C0%20-6%2C-2.7%20-6%2C-6%20V%2054%20c%200%2C-3.3%202.7%2C-6%206%2C-6%20h%20340%20c%203.3%2C0%206%2C2.7%206%2C6%20v%20340%20c%200%2C3.3%20-2.7%2C6%20-6%2C6%20z%22%20%2F%3E%3Crect%20fill%3D%22%23226699%22%20width%3D%22400%22%20height%3D%22288%22%20x%3D%2224%22%20y%3D%22136%22%20%2F%3E%3C%2Fsvg%3E);
    105   max-height: 1em;
    106   max-width: 1em;
    107 }
    108 img.checkbox-4 {
    109   content: url(data:image/svg+xml,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20448%22%3E%3Cpath%20fill%3D%22%23226699%22%20d%3D%22M%20400%2C448%20H%2048%20C%2021.49%2C448%200%2C426.51%200%2C400%20V%2048%20C%200%2C21.49%2021.49%2C0%2048%2C0%20h%20352%20c%2026.51%2C0%2048%2C21.49%2048%2C48%20v%20352%20c%200%2C26.51%20-21.49%2C48%20-48%2C48%20z%20m%20-204.686%2C-98.059%20184%2C-184%20c%206.248%2C-6.248%206.248%2C-16.379%200%2C-22.627%20l%20-22.627%2C-22.627%20c%20-6.248%2C-6.248%20-16.379%2C-6.249%20-22.628%2C0%20L%20184%2C270.745%20113.941%2C200.686%20c%20-6.248%2C-6.248%20-16.379%2C-6.248%20-22.628%2C0%20l%20-22.627%2C22.627%20c%20-6.248%2C6.248%20-6.248%2C16.379%200%2C22.627%20l%20104%2C104%20c%206.249%2C6.25%2016.379%2C6.25%2022.628%2C10e-4%20z%22%20%2F%3E%3C%2Fsvg%3E);
    110   max-height: 1em;
    111   max-width: 1em;
    112 }
    113     </style>
    114   </head>
    115   <body>
    116     <div class="header">
    117       <p><a style="font-size: 2.5em; font-weight: bold;" class="nav" href="{{ root_path }}index.html">Oscar's Wiki</a></p>
    118       <p><a class="nav" href="{{ root_path }}toc.html">Table of Contents</a></p>
    119     </div>
    120     <hr/>
    121 <h1 style="margin-bottom: .25em;">{{ title }}</h1>
    122 {{ metadata }}
    123 {{ content }}
    124   </body>
    125 </html>