2023-11-11 02:09:31 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
2023-11-11 21:41:25 +00:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover">
|
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes"/>
|
|
|
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
|
|
|
|
<meta name="theme-color" content="#E5E7EB" media="(prefers-color-scheme: light)">
|
|
|
|
|
<meta name="theme-color" content="#123636" media="(prefers-color-scheme: dark)">
|
|
|
|
|
|
|
|
|
|
<!-- Markdown Overrides -->
|
2023-11-11 02:09:31 +00:00
|
|
|
<style>
|
2023-11-11 02:38:30 +00:00
|
|
|
h1 {
|
2023-11-11 21:41:25 +00:00
|
|
|
color: var(--color-primary-text);
|
2023-11-11 02:38:30 +00:00
|
|
|
font-size: 1.50em !important;
|
|
|
|
|
font-weight: 500 !important;
|
|
|
|
|
}
|
|
|
|
|
h2 {
|
2023-11-11 21:41:25 +00:00
|
|
|
color: var(--color-primary-text);
|
2023-11-11 02:38:30 +00:00
|
|
|
font-size: 1.25em !important;
|
|
|
|
|
}
|
|
|
|
|
p {
|
2023-11-11 21:41:25 +00:00
|
|
|
color: var(--color-secondary-text);
|
2023-11-11 02:38:30 +00:00
|
|
|
margin-top: 0.25em !important;
|
|
|
|
|
margin-bottom: 1.5em !important;
|
2023-11-11 02:09:31 +00:00
|
|
|
}
|
|
|
|
|
</style>
|
2023-11-11 21:41:25 +00:00
|
|
|
|
|
|
|
|
<title>VReader - {{ metadata.title }}</title>
|
|
|
|
|
|
|
|
|
|
<link rel="manifest" href="/manifest.json" />
|
|
|
|
|
<link rel="stylesheet" href="/static/style.css">
|
|
|
|
|
<link rel="stylesheet" href="/static/tailwind.css">
|
2023-11-11 02:09:31 +00:00
|
|
|
</head>
|
2023-11-11 21:41:25 +00:00
|
|
|
<body class="text-ptext bg-secondary">
|
|
|
|
|
<header class="w-screen h-16 bg-secondary">
|
2023-11-11 02:09:31 +00:00
|
|
|
<div
|
2023-11-11 21:41:25 +00:00
|
|
|
class="flex px-2 h-16 w-11/12 md:w-5/6 mx-auto"
|
2023-11-11 02:09:31 +00:00
|
|
|
>
|
2023-11-11 21:41:25 +00:00
|
|
|
<a class="flex gap-2 justify-center items-center" href="/">
|
|
|
|
|
<img class="h-10 rounded items-center" src="/static/icons/icon512.png"></img>
|
|
|
|
|
<span class="font-bold flex justify-center items-center">VReader</span>
|
|
|
|
|
</a>
|
2023-11-11 02:09:31 +00:00
|
|
|
</div>
|
|
|
|
|
</header>
|
2023-11-11 21:41:25 +00:00
|
|
|
<main class="relative overflow-hidden bg-primary">
|
|
|
|
|
<div id="container" class="h-[100dvh] overflow-auto md:px-6 w-11/12 md:w-5/6 mx-auto mt-3">
|
|
|
|
|
<div id="content" class="rounded bg-secondary p-6 mb-3">
|
|
|
|
|
<div class="flex justify-center w-full mb-6">
|
|
|
|
|
<a target="_blank" href="https://www.youtube.com/watch?v={{ metadata.video_id }}">
|
|
|
|
|
<img class="h-32 rounded" src="https://i.ytimg.com/vi_webp/{{ metadata.video_id }}/maxresdefault.webp"></img>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<hr class="border-primary pb-5" />
|
|
|
|
|
{{ markdown_html|safe }}
|
|
|
|
|
</div>
|
2023-11-11 02:09:31 +00:00
|
|
|
</div>
|
2023-11-11 21:41:25 +00:00
|
|
|
</main>
|
2023-11-11 02:09:31 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
