Commit Diff

Commit:
4459883d8ca3c9af335b35ea63ee6866b09b4ba3
From:
xs <xs@inda.re>
Date:
Message:
Updating HTML (WIP) output
Actions:
Patch | Tree
commit - 805718b04845dbd3b91adc5b2d4edd68b4342754
commit + 4459883d8ca3c9af335b35ea63ee6866b09b4ba3
blob - 01e35e2cd1c215f2cd66bd193709b8137dadcf45
blob + f303425ed9db1b5f5305b45a40fae3ba6a6c9700
--- r7
+++ r7
@@ -1194,75 +1194,34 @@ html() {
 	cat <<-eof
 		<!DOCTYPE html>
 		<html lang="en">
-			<head>
-				<meta charset="UTF-8">
-				<meta name="viewport" content="width=device-width, initial-scale=1.0">
-				<title>inda.re report</title>
-				<style type="text/css" media="screen">
-					html { margin: 4%; }
-					body {
-						margin: 0 auto;
-						max-width: 40em;
-						padding-left: 50px;
-						padding-right: 50px;
-						padding-top: 50px;
-						padding-bottom: 50px;
-						hyphens: auto;
-						overflow-wrap: break-word;
-						text-rendering: optimizeLegibility;
-						font-kerning: normal;
-					}
-					p {
-						text-align: justify;
-						text-justify: inter-word;
-					}
-					@media screen and (min-width: 1000px) {
-						html {
-							max-width:1300px;
-							margin: auto;
-						}
-					}
-					@media (prefers-color-scheme: dark) {
-						:root {
-							--red:   #E05434;
-							--green: #20B700;
-							--blue:  #A7C1E5;
-							--buildhead: #474749;
-						}
-						:link {
-							color: #BAD7FF;
-						}
-						:visited {
-							color: #F6BAFF;
-						}
-						body {
-							background-color: #1E1F21;
-							color: #EEEFF1;
-						}
-					}
-				</style>
-			</head>
-			<body>
-				<h1>${PWD##*/}</h1>
-				<nav>
-					<ul>
-						<li><a href="#Documentation">Documentation</a></li>
-						<li><a href="#Summary">Summary</a></li>
-					</ul>
-				</nav>
-				<main>
-					<section id="Summary">
-						$(_summary | md)
-					</section>
-					<section id="Documentation">
-						$(md README.md)
-						$(_doc | md)
-					</section>
-				</main>
-				<footer>
-					<p>r7</p>
-				</footer>
-			</body>
+		<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width,initial-scale=1">
+		<title>${PWD##*/}</title>
+		<style>
+		body{margin:1rem;background:#f5f7fa;color:#333;font:14px/1.5 Consolas,monospace}
+		.container{max-width:800px;margin:0 auto;padding:1.5rem;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.05);border-radius:3px}
+		header{border-bottom:1px solid #ddd;margin-bottom:1rem;padding-bottom:.5rem}
+		header h1{margin:0;font-size:1.4rem;font-weight:400}
+		header time{font-size:.85rem;color:#666}
+		.summary{border-bottom:1px dashed #eee;padding:.5rem 0}
+		.summary:last-child{border:none;padding:0}
+		.timestamp{display:block;font-size:.8rem;color:#555;margin-bottom:.25rem}
+		</style>
+		</head>
+		<body>
+		<div class="container">
+		<header>
+		<h1>Summary</h1>
+		</header>
+		<section class="summary">
+		$(_summary | md)
+		</section>
+		<section class="summary">
+		$(_doc | md)
+		</section>
+		</div>
+		</body>
 		</html>
 	eof
 	return 0