website

ref: main

./template.html


 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
<!DOCTYPE html>
<html>
	<head>
		<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<link href="https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet">

		<title>$title$</title>
		<style>
			.source-sans-3-font {
				font-family: "Source Sans 3", sans-serif;
				font-optical-sizing: auto;
				font-weight: 500;
				font-style: normal;
			}
			body {
				background-color: #000;
				font-family: "Source Sans 3", monospace;
				color: #fff;
				margin: 0;
			}
			.header {
				width:            100%;
				background-color: #2c4c7f;
				color:            #fff;
				box-sizing:       border-box;
			}
			.header a {
				color: #fff;
			}
			.headerTable td {
				padding-left:  8px;
				padding-right: 8px;
				border-right:  1px solid #fff; 
			}
			.headerTable td:last-child {
				border-right: none;
			}
			.content {
				margin: auto;
				max-width: 1000px;

				padding-left: 8px;
				padding-right: 8px;
				box-sizing: border-box;
			}
			.content a {
				color: #fff;
			}
			@media (prefers-color-scheme: light) {
				body {
					background-color: #FFF;
					color: #000;
				}
				a {
					color: #000;
				}
				.content a {
					color: #000;
				}
				.header {
					background-color: #0000aa;
					color:            #fff;
				}
			}
			code {
				background-color: #222;
				color: #fff;
			}
			.codeBox {
				background-color: #222;
			}
		</style>
		<meta name="og:title" content="$title$">
		<meta name="og:description" content="the non bloat collective">
	</head>
	<body>
		<div class="header">
			<table class="headerTable"><tr>
				<td>the non-bloat collective</td>
				<td><a href="/">home</a></td>
				<td><a href="/pages.html">pages</a></td>
				<td><a href="/good-software.html">philosophy</a></td>
			</tr></table>
		</div>
		<div class="content">
$content$
			<hr>
			<center>
				<a href="https://counter.co.kz" target="_blank"><img src="https://counter.co.kz/CounterCoKz?page=s__nonbloat.mesyeti.uk&style=pdw&digits=8" alt="Counter.CO.KZ - a free web-counter on any taste!" border=0 width="120" height="20"></a>
			</center>
		</div>
	</body>
</html>