aboutsummaryrefslogtreecommitdiffstatshomepage
diff options
context:
space:
mode:
authordvs12025-02-20 17:05:15 +1000
committerdvs12025-02-20 17:05:15 +1000
commit89d24f0babb8fda99e2555ccaf8b4508aea27309 (patch)
tree2fb3d93da79e45ec707a07e9a7c85a267d03987d
parentTODO++ sorta. (diff)
downloadnotYetAnotherWiki-89d24f0babb8fda99e2555ccaf8b4508aea27309.zip
notYetAnotherWiki-89d24f0babb8fda99e2555ccaf8b4508aea27309.tar.gz
notYetAnotherWiki-89d24f0babb8fda99e2555ccaf8b4508aea27309.tar.bz2
notYetAnotherWiki-89d24f0babb8fda99e2555ccaf8b4508aea27309.tar.xz
Switch from HTML tables to CSS grid for layout.
Diffstat
-rw-r--r--default.template104
1 files changed, 34 insertions, 70 deletions
diff --git a/default.template b/default.template
index 029da6c..6da5a7b 100644
--- a/default.template
+++ b/default.template
@@ -8,7 +8,10 @@
8 <style> 8 <style>
9 a:hover {color: red;} 9 a:hover {color: red;}
10 10
11 html {font-family: sans-serif;} 11 html {font-family: sans-serif;
12 margin: 0; padding: 0; border: none;
13 height: 100vh; width: 100vw;
14 }
12 15
13 menu { 16 menu {
14 list-style-type: none; 17 list-style-type: none;
@@ -18,14 +21,12 @@
18 background-color: $onefangPurple$; 21 background-color: $onefangPurple$;
19 overflow-x: auto; 22 overflow-x: auto;
20 width: 84vw; 23 width: 84vw;
21 margin: 1px; 24 margin: 2px;
22 } 25 }
23 26
24 table, 27 table, td, th {
25 td,
26 th {
27 border-collapse: collapse; 28 border-collapse: collapse;
28 border: 1px solid white; 29 border: 2px solid white;
29 } 30 }
30 31
31 .contentBox { 32 .contentBox {
@@ -35,75 +36,38 @@
35 .contentBox a:visited {color: yellowgreen;} 36 .contentBox a:visited {color: yellowgreen;}
36 .contentBox a:hover {color: red;} 37 .contentBox a:hover {color: red;}
37 38
38 .stuff { 39 .boxWrapper {
40 height: 99vh; width: 99vw;
39 background-image: linear-gradient($karenPurple$, $onefangPurple$); 41 background-image: linear-gradient($karenPurple$, $onefangPurple$);
40 height: 98vh; 42 display: grid;
41 width: 98vw; 43 grid-template-columns: 1fr 98fr 1fr;
42 margin: 1; 44 grid-template-rows: 1fr 1fr 98fr 1fr;
43 line-style: none; 45 grid-auto-rows: minmax(auto, auto);
44 border-style: none; 46 overflow-x: hidden; overflow-y: auto;
45 border-spacing: 0;
46 border: none;
47 }
48 .stuffCell {
49 height: fit-content;
50 border: none;
51 }
52 .stuffCellBody {
53 background-color: black;
54 color: white;
55 border: none;
56 overflow-x: hidden;
57 overflow-y: auto;
58 height: 100%;
59 width: 100%;
60 vertical-align: top;
61 } 47 }
62 .stuffCellMenu { 48 .boxLogo {grid-column: 1 / 1; grid-row: 1 / 2;}
63 height: fit-content; 49 .boxTrails {grid-column: 2 / 2; grid-row: 1 / 1;}
64 width: fit-content; 50 .boxHead {grid-column: 2 / 4; grid-row: 2 / 2; text-align: right;}
65 border: none; 51 .boxMenu {grid-column: 1 / 1; grid-row: 3 / 3; padding: 4px; vertical-align: top;}
66 white-space: nowrap; 52 .boxBody {grid-column: 2 / 4; grid-row: 3 / 3; padding: 4px; vertical-align: top;
67 vertical-align: top; 53 background-color: black; color: white;
54 height: 100%; width: 100%;
68 } 55 }
69 .stuffCellRight { 56 .boxHistory {grid-column: 1 / 1; grid-row: 4 / 4; }
70 height: fit-content; 57 .boxFooter {grid-column: 2 / 4; grid-row: 4 / 4; text-align: right;}
71 border: none;
72 text-align: right;
73 }
74
75
76 </style> 58 </style>
77 </head> 59 </head>
78 <body bgcolor="black" color="white" text="white" alink="red" link="yellow" vlink="yellowgreen"> 60 <body bgcolor="black" color="white" text="white" alink="red" link="yellow" vlink="yellowgreen">
79 <table class="stuff"> 61 <div class="boxWrapper">
80 <header> 62 <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>
81 <tr class="stuffCell"> 63 <div class="boxTrails"><header><nav>&#x1f463; &nbsp; $trail$</nav></header></div>
82 <td class="stuffCell"><a href="$home$"><img src="$logo$" alt="Not (Yet) (Another / A) Wiki." title="Not (Yet) (Another / A) Wiki."/></a></td> 64 <div class="boxHead"><header><nav>$header$ &nbsp; plus login and register buttons &nbsp;</nav></header></div>
83 <nav> 65 <div class="boxMenu"><header><nav>$menu$</nav></header></div>
84 <td class="stuffCell"><p>&#x1f463; &nbsp; $trail$</p></td> 66 <div class="boxBody">
85 </nav> 67 <main class="contentBox">$body$</main>
86 </tr> 68 </div>
87 <tr class="stuffCell"> 69 <div class="boxHistory"><footer>$history$</footer></div>
88 <nav> 70 <div class="boxFooter"><footer>$footer$</footer></div>
89 <td class="stuffCellMenu" rowspan=2>$menu$</td> 71 </div>
90 <td class="stuffCellRight">$header$ &nbsp; plus login and register buttons &nbsp;</td>
91 </nav>
92 </tr>
93 </header>
94 <tr class="stuffCell">
95 <td class="stuffCellBody">
96 <main class="contentBox">
97 $body$
98 </main>
99 </td>
100 </tr>
101 <tr class="stuffCell">
102 <footer>
103 <td class="stuffCell">$history$</td>
104 <td class="stuffCellRight">$footer$</td>
105 </footer>
106 </tr>
107 </table>
108 </body> 72 </body>
109</html> 73</html>
generated by cgit v1.1 at 2025-03-12 18:49:44 +0000