Add mobile Prioritix flow

This commit is contained in:
OpenClaw Bot
2026-05-23 01:01:48 +02:00
parent 7cc43a5e92
commit c0f97eac5f
3 changed files with 42 additions and 12 deletions
+26 -6
View File
@@ -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>