default.template


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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
    <title>$title$</title>
    <link rel="icon" type="image/png" href="$favicon$" />
    <style>
      a:hover {color: red;}

      html {font-family: sans-serif;
        margin: 0; padding: 0; border: none;
        height: 100vh; width: 100vw;
      }

      menu {
        list-style-type: none;
      }

      pre {
        background-color: $onefangPurple$;
        overflow-x: auto;
        width: 84vw;
        margin: 2px;
      }

      table, td, th {
        border-collapse: collapse;
        border: 2px solid white;
      }

      .contentBox {
      }
      .contentBox a:active  {color: red;}
      .contentBox a:link    {color: yellow;}
      .contentBox a:visited {color: yellowgreen;}
      .contentBox a:hover   {color: red;}

      .boxWrapper {
        height: 99vh; width: 99vw;
        background-image: linear-gradient($karenPurple$, $onefangPurple$);
        display: grid;
        grid-template-columns: 1fr 98fr 1fr;
        grid-template-rows:    1fr 1fr 98fr 1fr;
        grid-auto-rows: minmax(auto, auto);
        overflow-x: hidden; overflow-y: auto;
      }
      .boxLogo    {grid-column: 1 / 1; grid-row: 1 / 2;}
      .boxTrails  {grid-column: 2 / 2; grid-row: 1 / 1;}
      .boxHead    {grid-column: 2 / 4; grid-row: 2 / 2; text-align: right;}
      .boxMenu    {grid-column: 1 / 1; grid-row: 3 / 3; padding: 4px; vertical-align: top;}
      .boxBody    {grid-column: 2 / 4; grid-row: 3 / 3; padding: 4px; vertical-align: top;
        background-color: black; color: white;
        height: 100%; width: 100%;
      }
      .boxHistory {grid-column: 1 / 1; grid-row: 4 / 4; }
      .boxFooter  {grid-column: 2 / 4; grid-row: 4 / 4; text-align: right;}
    </style>
  </head>
  <body bgcolor="black" color="white" text="white" alink="red" link="yellow" vlink="yellowgreen">
    <div class="boxWrapper">
      <div class="boxLogo"><header><nav><a href="$home$"><img src="$logo$" alt="Not (Yet) (Another / A) Wiki." title="Not (Yet) (Another / A) Wiki."/></a></nav></header></div>
      <div class="boxTrails"><header><nav>&#x1f463; &nbsp; $trail$</nav></header></div>
      <div class="boxHead"><header><nav>$header$ &nbsp; plus login and register buttons &nbsp;</nav></header></div>
      <div class="boxMenu"><header><nav>$menu$</nav></header></div>
      <div class="boxBody">
	<main class="contentBox">$body$</main>
      </div>
      <div class="boxHistory"><footer>$history$</footer></div>
      <div class="boxFooter"><footer>$footer$</footer></div>
    </div>
  </body>
</html>