Add mobile Prioritix flow
This commit is contained in:
+26
-6
@@ -6,23 +6,23 @@
|
||||
<meta name="theme-color" content="#061B33" />
|
||||
<title>Prioritix — Feature Prioritization</title>
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link rel="stylesheet" href="/styles.css?v=prioritix-20260522-2" />
|
||||
<link rel="stylesheet" href="/styles.css?v=prioritix-20260522-5" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="app-shell">
|
||||
<aside class="sidebar" aria-label="Main navigation">
|
||||
<div class="brand-mark" aria-label="Prioritix">P</div>
|
||||
<nav>
|
||||
<a class="active" href="#prioritize"><span>▦</span><b>Prioritize</b></a>
|
||||
<a href="#backlog"><span>☰</span><b>Backlog</b></a>
|
||||
<a class="active" href="#home"><span>⌂</span><b>Home</b></a>
|
||||
<a href="#prioritize"><span>☆</span><b>Sort</b></a>
|
||||
<a href="#roadmap"><span>◇</span><b>Roadmap</b></a>
|
||||
<a href="#reports"><span>↗</span><b>Reports</b></a>
|
||||
<a href="#review"><span>✓</span><b>Review</b></a>
|
||||
</nav>
|
||||
<button class="collapse" type="button" title="Collapse sidebar">←</button>
|
||||
</aside>
|
||||
|
||||
<main class="workspace">
|
||||
<header class="topbar">
|
||||
<header class="topbar" id="home">
|
||||
<button class="menu-button" type="button" aria-label="Menu">☰</button>
|
||||
<div class="project-title">
|
||||
<h1>Rank Prioritization Studio</h1>
|
||||
@@ -43,6 +43,22 @@
|
||||
<div class="progress-card" id="progressCard"></div>
|
||||
</header>
|
||||
|
||||
<section class="mobile-home" id="mobileHome" aria-label="Project overview">
|
||||
<div class="mobile-statusbar"><span>9:41</span><span>Rank</span></div>
|
||||
<div class="mobile-project-card">
|
||||
<span class="eyebrow">Project overview</span>
|
||||
<h2>Rank Roadmap</h2>
|
||||
<p>Create a clear feature timeline from rough ideas, imports, and agent suggestions.</p>
|
||||
<div id="mobileHomeProgress" class="mobile-home-progress"></div>
|
||||
</div>
|
||||
<div class="mobile-flow-cards">
|
||||
<a href="#prioritize"><span>☆</span><strong>Active Feature Sorting</strong><small>Prioritize using the selected profile.</small></a>
|
||||
<a href="#roadmap"><span>▱</span><strong>Timeline Roadmap</strong><small>Review and reorder the product timeline.</small></a>
|
||||
<a href="#feature-sets"><span>⇪</span><strong>Import Feature Set</strong><small>Paste or upload a feature backlog.</small></a>
|
||||
<a href="#review"><span>✓</span><strong>Completion Review</strong><small>Check sorted progress and export.</small></a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="capture-strip" aria-label="Quick capture">
|
||||
<form id="ideaForm" autocomplete="off">
|
||||
<label class="capture-title">New feature
|
||||
@@ -123,6 +139,10 @@
|
||||
<div class="section-label">Backlog / utility states</div>
|
||||
<div id="backlogList" class="backlog-list"></div>
|
||||
</section>
|
||||
|
||||
<section class="review-panel" id="review" aria-label="Sorting completion review">
|
||||
<div id="reviewPanel"></div>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
@@ -152,6 +172,6 @@
|
||||
</aside>
|
||||
|
||||
<div class="toast" id="toast" hidden></div>
|
||||
<script src="/app.js?v=prioritix-20260522-4" type="module"></script>
|
||||
<script src="/app.js?v=prioritix-20260522-5" type="module"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user