53 lines
1.6 KiB
HTML
53 lines
1.6 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>RSS Newsfeed Viewer</title>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}" />
|
|
</head>
|
|
<body>
|
|
<main class="stage" aria-label="Newsfeed viewer">
|
|
<div class="bg" id="bg" aria-hidden="true"></div>
|
|
|
|
<header class="feed-header">
|
|
<div class="brand">
|
|
<img
|
|
class="brand__logo"
|
|
src="{{ logo_url or url_for('static', filename='logo-placeholder.svg') }}"
|
|
alt="Logo"
|
|
/>
|
|
<div class="brand__title" id="feedTitle">Loading…</div>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="headline" aria-live="polite">
|
|
<a
|
|
class="headline__link"
|
|
id="headlineLink"
|
|
href="#"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
>
|
|
<span class="headline__text" id="headlineText">Loading headlines…</span>
|
|
</a>
|
|
<div class="headline__progress" aria-hidden="true">
|
|
<div class="headline__progressFill" id="progressFill"></div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer class="meta">
|
|
<div class="meta__time">
|
|
<span class="meta__timePrimary" id="clock">—</span>
|
|
<span class="meta__timeSecondary" id="articleTime">—</span>
|
|
</div>
|
|
</footer>
|
|
</main>
|
|
|
|
<script>
|
|
window.__RSS_URL__ = {{ rss_url | tojson }};
|
|
</script>
|
|
<script src="{{ url_for('static', filename='app.js') }}"></script>
|
|
</body>
|
|
</html>
|