octomode/templates/base.html

54 lines
1.7 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang='en'>
<head>
2022-10-02 16:54:13 +02:00
<meta charset="utf-8" />
<title>{{ name }} in octomode</title>
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='main.css') }}">
2022-10-02 16:54:13 +02:00
{% block head %}
{% endblock %}
</head>
<body>
2022-10-02 16:54:13 +02:00
<div id="wrapper">
{% block content %}
{% endblock %}
</div>
</body>
2022-01-12 21:27:06 +01:00
<script>
window.addEventListener('load', function () {
2022-10-02 16:54:13 +02:00
// Insert the nav buttons, after the page is loaded
const nav = document.createElement('div');
nav.id = 'nav';
2022-10-02 16:54:13 +02:00
nav.innerHTML = `
<h1>{{ name }} <a href="{{ url_for('index') }}"><em class="octomode">in octomode</em></a></h1>
2022-10-02 16:54:13 +02:00
<div id="buttons">
<a href="{{ url_for('pad', name=name) }}"><button>pad</button></a>
<a class="link" href="{{ pad_url }}/{{ name }}.md" target="_blank">🔗</a>
<a href="{{ url_for('stylesheet', name=name) }}"><button>stylesheet</button></a>
<a class="link" href="{{ pad_url }}/{{ name }}.css" target="_blank">🔗</a>
<a href="{{ url_for('template', name=name) }}"><button>template</button></a>
<a class="link" href="{{ pad_url }}/{{ name }}.template.html" target="_blank">🔗</a>
<a href="{{ url_for('html', name=name) }}"><button>html</button></a>
<a class="link" href="{{ url_for('preview', name=name) }}" target="_blank">🔗</a>
<a href="{{ url_for('podcast', name=name) }}"><button>podcast</button></a>
<a class="link" href="{{ url_for('rss', name=name) }}" target="_blank">🔗</a>
<a href="{{ url_for('pdf', name=name) }}"><button>pdf</button></a>
<a class="link" href="{{ url_for('pagedjs', name=name) }}" target="_blank">🔗</a>
2022-10-02 16:54:13 +02:00
</div>`;
2022-01-12 21:27:06 +01:00
2022-10-02 16:54:13 +02:00
document.body.insertBefore(nav, document.body.firstChild);
2022-01-12 21:27:06 +01:00
})
</script>
{% block footer %}
{% endblock %}
</html>