octomode/templates/base.html

44 lines
1.5 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset="utf-8" />
2022-01-12 21:27:06 +01:00
<title>{{ name }}</title>
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='main.css') }}">
<!-- <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> -->
<!-- <script src="{{ url_for('static', filename='logger.js') }}"></script> -->
{% block head %}
{% endblock %}
</head>
<body>
<div id="wrapper">
{% block content %}
{% endblock %}
2022-01-12 21:27:06 +01:00
</div>
</body>
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 }}';
const backlog = '<a href="/${ name }/backlog/"><button>backlog</button></a>';
nav.innerHTML = `
<h1>${ name } <em class="octomode">in octomode</em></h1>
<div id="buttons">
<a href="/${ name }/pad/"><button>pad</button></a>: <input type="text" name="pad" value="https://pad.vvvvvvaria.org/${ name }.md">
<a href="/${ name }/stylesheet/"><button>stylesheet</button></a>: <input type="text" name="pad" value="https://pad.vvvvvvaria.org/${ name }.css">
<a href="/${ name }/template/"><button>template</button></a>: <input type="text" name="pad" value="https://pad.vvvvvvaria.org/${ name }.template">
<!-- <a href="/${ name }/html/"><button>html</button></a> -->
<a href="/${ name }/pdf/"><button>pdf</button></a>
</div>`;
document.body.insertBefore(nav, document.body.firstChild);
})
</script>
{% block footer %}
{% endblock %}
</html>