octomode/templates/base.html

<!DOCTYPE html>
<html lang='en'>
<head>
	<meta charset="utf-8" />
	<title>{{ name }} in octomode</title>
	<link rel="stylesheet" type="text/css" href="{{ application_root }}static/main.css">
	{% block head %}
	{% endblock %}
</head>
<body>
	<div id="wrapper">
		{% block content %}
		{% endblock %}
	</div>
</body>
<script>
window.addEventListener('load', function () {

	// Insert the nav buttons, after the page is loaded
	const nav = document.createElement('div');
		  nav.id = 'nav';
	const name = '{{ name }}';
	const application_root = '{{ application_root }}';
	
	nav.innerHTML = `
		<h1>${ name } <a href="${ application_root }"><em class="octomode">in octomode</em></a></h1>
		<div id="buttons">
			<a href="${ application_root }${ name }/pad/"><button>pad</button></a>: <input type="text" name="pad" value="https://pad.vvvvvvaria.org/${ name }.md">
			<a href="${ application_root }${ name }/stylesheet/"><button>stylesheet</button></a>: <input type="text" name="pad" value="https://pad.vvvvvvaria.org/${ name }.css">
			<a href="${ application_root }${ name }/html/"><button>html</button></a>
			<a href="${ application_root }${ name }/pdf/"><button>pdf</button></a>
		</div>`;

	document.body.insertBefore(nav, document.body.firstChild);

})
</script>
{% block footer %}
{% endblock %}
</html>
uploading this to the git to start sharing this prototype 3 years ago			`<!DOCTYPE html>`
			`<html lang='en'>`
			`<head>`
			`<meta charset="utf-8" />`
using md metadata title field as document name + using pypandoc for the markdown-to-html convertion now to support 'extra' features such as {.classname} 3 years ago			`<title>{{ name }} in octomode</title>`
adding application_root to css links 3 years ago			`<link rel="stylesheet" type="text/css" href="{{ application_root }}static/main.css">`
bending pad2pdf into octomode 3 years ago			`{% block head %}`
			`{% endblock %}`
uploading this to the git to start sharing this prototype 3 years ago			`</head>`
			`<body>`
			`<div id="wrapper">`
			`{% block content %}`
			`{% endblock %}`
bending pad2pdf into octomode 3 years ago			`</div>`
uploading this to the git to start sharing this prototype 3 years ago			`</body>`
bending pad2pdf into octomode 3 years ago			`<script>`
			`window.addEventListener('load', function () {`

			`// Insert the nav buttons, after the page is loaded`
			`const nav = document.createElement('div');`
			`nav.id = 'nav';`
			`const name = '{{ name }}';`
adding application_root urls + default metadata 3 years ago			`const application_root = '{{ application_root }}';`
bending pad2pdf into octomode 3 years ago
			nav.innerHTML = `
adding application root to main link 3 years ago			`<h1>${ name } <a href="${ application_root }"><em class="octomode">in octomode</em></a></h1>`
bending pad2pdf into octomode 3 years ago			`<div id="buttons">`
adding application_root urls + default metadata 3 years ago			`<a href="${ application_root }${ name }/pad/"><button>pad</button></a>: <input type="text" name="pad" value="https://pad.vvvvvvaria.org/${ name }.md">`
			`<a href="${ application_root }${ name }/stylesheet/"><button>stylesheet</button></a>: <input type="text" name="pad" value="https://pad.vvvvvvaria.org/${ name }.css">`
			`<a href="${ application_root }${ name }/html/"><button>html</button></a>`
			`<a href="${ application_root }${ name }/pdf/"><button>pdf</button></a>`
bending pad2pdf into octomode 3 years ago			</div>`;

			`document.body.insertBefore(nav, document.body.firstChild);`

			`})`
			`</script>`
			`{% block footer %}`
			`{% endblock %}`
uploading this to the git to start sharing this prototype 3 years ago			`</html>`