71 lines
3.5 KiB
HTML
71 lines
3.5 KiB
HTML
<!doctype html>
|
|
<html lang="en" style="height:100%; margin:0;">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{ title }}</title>
|
|
<link rel="stylesheet" href="../css/main.css">
|
|
<link rel="icon" type="image/x-icon" href="../css/favicon/favicon.ico">
|
|
<script src="../js/post/download.js" defer></script>
|
|
|
|
<!-- Prism.js CSS theme -->
|
|
<link href="https://cdn.jsdelivr.net/npm/prismjs/themes/prism.min.css" rel="stylesheet" />
|
|
|
|
<!-- Prism.js core + languages -->
|
|
<script src="https://cdn.jsdelivr.net/npm/prismjs/prism.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/prismjs/components/prism-python.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/prismjs/components/prism-javascript.min.js"></script>
|
|
|
|
<!-- JSZip for downloading the files as ZIP -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.11.0/jszip.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js"></script>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js" id="MathJax-script"></script>
|
|
|
|
<!-- remove if causing issues -->
|
|
<script src="../js/post/lazyimg.js"></script>
|
|
<script src="../js/shared/theme.js"></script>
|
|
<style>
|
|
a { text-decoration: none; color: #0066cc; }
|
|
</style>
|
|
</head>
|
|
<body style="display:flex; flex-direction:column; min-height:100%; margin:0;">
|
|
<main class="container" style="flex:1;">
|
|
<h1 onclick="window.location.href=window.location.origin" style="cursor:pointer; display:flex; align-items:center; gap:8px; font-size:1.5em; margin:0;">
|
|
<img src="../css/icons/back.webp" width="32" height="32" alt="⬅" style="display:block;" />
|
|
{{ title }} <noscript>(Enable JavaScript!)</noscript>
|
|
</h1>
|
|
<img src="../css/icons/written.webp" width="32" height="32" alt="📄" loading="lazy" style="vertical-align: middle;padding-left:40px;cursor:pointer;" onclick="toggleDarkMode();" />
|
|
<div class="meta" style="display: inline;cursor:pointer;" onclick="toggleDarkMode();">
|
|
Written @{{ now }}
|
|
</div>
|
|
<hr style="margin:10px 0;" />
|
|
<div class="html-content">
|
|
{{ html_body | safe }}
|
|
</div>
|
|
</main>
|
|
|
|
<footer style="margin-top:auto; width:100%;">
|
|
<hr style="margin:10px 0;" />
|
|
<img src="../css/icons/date.webp" width="16" height="16" alt="date" loading="lazy" style="vertical-align: middle;" />
|
|
{{ timestamp }}<br/>
|
|
|
|
<img src="../css/icons/magnifier.webp" width="16" height="16" alt="Hash1" loading="lazy" style="display:inline; vertical-align:middle;" />
|
|
Hash 1 (<b>UTF-8</b>)<i>:{{ hash1 }}</i><br />
|
|
|
|
<img src="../css/icons/magnifier.webp" width="16" height="16" alt="Hash2" loading="lazy" style="display:inline; vertical-align:middle;" />
|
|
Hash 2 (<b>Windows-1252</b>)<i>:{{ hash2 }}</i><br />
|
|
|
|
<span style="display: inline-flex; align-items: center; gap: 8px;">
|
|
<img src="../css/icons/save.webp" width="16" height="16" alt="Save" loading="lazy" />
|
|
<a id="download-md">Download as Markdown <noscript>Enable JavaScript for downloads</noscript></a>
|
|
|
|
<span style="border-left: 1px solid #888; height: 16px;"></span> <!-- Vertical separator -->
|
|
|
|
<img src="../css/icons/script.webp" width="16" height="16" alt="Script" loading="lazy" />
|
|
<a id="download-html">Download as HTML <noscript>Enable JavaScript for downloads</noscript></a>
|
|
</span>
|
|
</footer>
|
|
</body>
|
|
</html>
|