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 2021-06-24 14:04:14 +02:00			`<!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} 2022-02-21 18:05:47 +01:00			`<title>{{ name }} in octomode</title>`
adding application_root to css links 2022-03-11 18:33:47 +01:00			`<link rel="stylesheet" type="text/css" href="{{ application_root }}static/main.css">`
bending pad2pdf into octomode 2022-01-12 21:27:06 +01:00			`{% block head %}`
			`{% endblock %}`
uploading this to the git to start sharing this prototype 2021-06-24 14:04:14 +02:00			`</head>`
			`<body>`
			`<div id="wrapper">`
			`{% block content %}`
			`{% endblock %}`
bending pad2pdf into octomode 2022-01-12 21:27:06 +01:00			`</div>`
uploading this to the git to start sharing this prototype 2021-06-24 14:04:14 +02:00			`</body>`
bending pad2pdf into octomode 2022-01-12 21:27:06 +01:00			`<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 2022-03-11 18:00:22 +01:00			`const application_root = '{{ application_root }}';`
bending pad2pdf into octomode 2022-01-12 21:27:06 +01:00
			nav.innerHTML = `
adding application root to main link 2022-03-11 18:35:03 +01:00			`<h1>${ name } <a href="${ application_root }"><em class="octomode">in octomode</em></a></h1>`
bending pad2pdf into octomode 2022-01-12 21:27:06 +01:00			`<div id="buttons">`
adding application_root urls + default metadata 2022-03-11 18:00:22 +01:00			`<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 2022-01-12 21:27:06 +01:00			</div>`;

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

			`})`
			`</script>`
			`{% block footer %}`
			`{% endblock %}`
uploading this to the git to start sharing this prototype 2021-06-24 14:04:14 +02:00			`</html>`