83 lines
2.5 KiB
HTML
83 lines
2.5 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
<title>Your coffee workspace — Roast Planner</title>
|
|
<link rel="stylesheet" href="/app.css?v=__ASSET_VERSION__" />
|
|
<link
|
|
rel="icon"
|
|
href="/icon.svg?v=__ASSET_VERSION__"
|
|
type="image/svg+xml"
|
|
/>
|
|
<meta name="theme-color" content="#A8481A" />
|
|
</head>
|
|
<body>
|
|
<div class="app-shell">
|
|
<nav class="side-nav" id="side-nav" aria-label="Main navigation">
|
|
<div class="side-nav-brand">
|
|
<img
|
|
class="brand-mark"
|
|
src="/brand-mark.svg?v=__ASSET_VERSION__"
|
|
alt=""
|
|
aria-hidden="true"
|
|
/>
|
|
<span class="brand-name">Roast Planner</span>
|
|
</div>
|
|
<div id="nav-links"></div>
|
|
<div class="nav-spacer"></div>
|
|
<button
|
|
class="icon-btn nav-collapse-toggle"
|
|
type="button"
|
|
id="nav-collapse"
|
|
aria-label="Collapse navigation"
|
|
title="Collapse navigation"
|
|
>
|
|
«
|
|
</button>
|
|
<div class="nav-user">
|
|
<div
|
|
class="nav-user-avatar"
|
|
id="nav-user-avatar"
|
|
aria-hidden="true"
|
|
></div>
|
|
<div class="nav-user-detail">
|
|
<span class="nav-user-email" id="account-email"></span>
|
|
<button class="nav-user-logout" type="button" id="btn-logout">
|
|
Log out
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="app-workspace" id="app-workspace">
|
|
<header class="app-header">
|
|
<div class="header-row-top">
|
|
<button
|
|
class="icon-btn nav-hamburger"
|
|
type="button"
|
|
id="nav-hamburger"
|
|
aria-label="Open navigation"
|
|
aria-expanded="false"
|
|
>
|
|
☰
|
|
</button>
|
|
<div class="brand">
|
|
<div class="brand-text">
|
|
<h1 id="workspace-title">Activity calendar</h1>
|
|
<p class="brand-sub" id="workspace-subtitle">
|
|
Your roasts, cuppings, brews and plans, in one place.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<div class="drawer-overlay hidden" id="drawer-overlay"></div>
|
|
|
|
<main class="page-content wide" id="workspace-content"><p>Loading your activity…</p></main>
|
|
</div>
|
|
</div>
|
|
<script type="module" src="/js/workspace.js?v=__ASSET_VERSION__"></script>
|
|
</body>
|
|
</html>
|