Add an edit link, revise footer style

Author: dead-claudia

docs/layout.html

@@ -24,11 +24,13 @@ <h1><img src="logo.svg">Mithril <span class="version">v[version]</span></h1>
 			</section>
 		</header>
 		<main>
-			<section>
+			<div class="body">
 				[body]
-				<hr />
-				<small>License: MIT. &copy; Mithril Contributors.</small>
-			</section>
+				<div class="footer">
+					<div>License: MIT. &copy; Mithril Contributors.</div>
+					<div><a href="https://github.com/MithrilJS/docs/edit/main/[editPath]">Edit</a></div>
+				</div>
+			</div>
 		</main>
 		<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/prism.min.js"></script>
 		<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/components/prism-jsx.min.js"></script>

docs/style.css

@@ -5,7 +5,7 @@ header section {position:absolute;width:250px;}
 nav a {border-left:1px solid #ddd;padding:0 10px;}
 nav a:first-child {border:0;padding-left:0;}
 main {margin-bottom:100px;}
-main section {margin-left:270px;}
+.body {margin-left:270px;}
 p {margin:0 0 15px;}
 pre,code {background:#eee;font-family:monospace;font-size:14px;}
 pre {border-left:3px solid #1e5799;overflow:auto;padding:10px 20px;margin:20px 0;}
@@ -45,6 +45,10 @@ h1 + ul li:last-child {border-bottom:0;}
 h1 + ul ul {margin:0 0 2px;padding:0 0 0 15px;}
 h1 + ul ul li {border:0;}
 h1 + ul strong + ul {border-left:3px solid #1e5799;}
+.footer {position:relative;border-top:1px solid #ddd;padding:15px 0;margin:15px 0;}
+.footer > * {position:absolute;font-size:80%;}
+.footer > :first-child {left:0;}
+.footer > :last-child {right:0;}
 
 .hamburger {display:none;}
 
@@ -65,7 +69,7 @@ h1 + ul strong + ul {border-left:3px solid #1e5799;}
 @media (max-width: 767px) {
 	.hamburger {display:block;font-size:30px;padding:0 10px;position:fixed;right:0;top:0;z-index:2;}
 	.hamburger:hover {text-decoration:none;}
-	main section {margin:0;}
+	.body {margin:0;}
 	header section {margin:0 0 20px;position:static;width:auto;}
 	h1 + ul {background:#eee;border:1px solid #ccc;box-sizing:border-box;display:none;height:100%;margin:0;overflow:auto;padding:20px;position:fixed;right:0;top:0;width:100%;z-index:1}
 	h1 + ul + hr {display:block;}
@@ -96,7 +100,7 @@ h1 + ul strong + ul {border-left:3px solid #1e5799;}
 }
 @media print {
 	nav,h1 + ul {display:none;}
-	main section {margin:0;}
+	.body {margin:0;}
 }
 
 /* prism theming */

scripts/_build/generator.js

@@ -88,6 +88,7 @@ export async function makeGenerator() {
 	])
 
 	async function compilePage(file, markdown) {
+		const filePath = rel(file)
 		file = path.basename(file)
 		const fileLink = new RegExp(`([ \t]*)(- )(\\[.+?\\]\\(${escapeRegExp(file)}\\))`)
 		const src = fileLink.test(guides) ? guides : methods
@@ -179,6 +180,9 @@ export async function makeGenerator() {
 			}
 		)
 
+		// Insert source file edit path
+		result = result.replaceAll("[editPath]", filePath)
+
 		return result
 	}