146 lines
6.9 KiB
Plaintext
146 lines
6.9 KiB
Plaintext
@using System.Text.Json
|
|
@model StoryIntelligenceExperiencePrototypeViewModel
|
|
@{
|
|
Layout = null;
|
|
var jsonOptions = new JsonSerializerOptions { PropertyNamingPolicy = JsonNamingPolicy.CamelCase };
|
|
}
|
|
<!DOCTYPE html>
|
|
<html lang="en" data-theme="dark" data-bs-theme="dark">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Story Intelligence Experience Prototype - PlotDirector</title>
|
|
<link rel="stylesheet" href="~/css/story-intelligence-experience-prototype.css" asp-append-version="true" />
|
|
</head>
|
|
<body>
|
|
<script id="storyExperienceData" type="application/json">@Html.Raw(JsonSerializer.Serialize(Model, jsonOptions))</script>
|
|
|
|
<main class="story-exp" data-story-experience>
|
|
<header class="story-exp-header" aria-label="Story Intelligence status">
|
|
<div class="story-exp-brand">
|
|
<strong>PlotDirector</strong>
|
|
<span>Story Intelligence</span>
|
|
</div>
|
|
<div class="story-exp-context">
|
|
<span>@Model.ProjectName</span>
|
|
<span>@Model.BookTitle</span>
|
|
<span data-stage-label>Preparing</span>
|
|
<span>Scene <strong data-current-scene>1</strong></span>
|
|
</div>
|
|
<button class="story-exp-background" type="button">Continue in Background</button>
|
|
</header>
|
|
|
|
<section class="story-exp-shell" aria-label="Story Intelligence visual prototype">
|
|
<aside class="story-exp-left" aria-label="Analysis progress">
|
|
<div class="story-exp-progress">
|
|
<p class="story-exp-eyebrow">Overall progress</p>
|
|
<div class="story-exp-progress-ring" aria-hidden="true">
|
|
<div class="story-exp-progress-orbit"></div>
|
|
<div class="story-exp-progress-core">
|
|
<strong data-progress-percent>0%</strong>
|
|
<span>complete</span>
|
|
</div>
|
|
</div>
|
|
<div class="story-exp-progress-times">
|
|
<div>
|
|
<span>Elapsed</span>
|
|
<strong data-elapsed-time>0m</strong>
|
|
</div>
|
|
<div>
|
|
<span>Remaining</span>
|
|
<strong data-estimated-remaining>Calculating</strong>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<dl class="story-exp-stats">
|
|
<div>
|
|
<dt>Chapters analysed</dt>
|
|
<dd data-chapter-count>0 of 5</dd>
|
|
</div>
|
|
<div>
|
|
<dt>Scenes analysed</dt>
|
|
<dd data-scene-count>0 of 12</dd>
|
|
</div>
|
|
<div>
|
|
<dt>Current stage</dt>
|
|
<dd data-current-stage>Preparing</dd>
|
|
</div>
|
|
</dl>
|
|
|
|
<section class="story-exp-panel" aria-labelledby="latest-discoveries-title">
|
|
<h2 id="latest-discoveries-title">Latest discoveries</h2>
|
|
<ul class="story-exp-list" data-discoveries></ul>
|
|
</section>
|
|
|
|
<section class="story-exp-panel" aria-labelledby="activity-feed-title">
|
|
<h2 id="activity-feed-title">Live activity</h2>
|
|
<ol class="story-exp-feed" data-activity-feed></ol>
|
|
</section>
|
|
</aside>
|
|
|
|
<section class="story-exp-stage" aria-labelledby="living-story-title">
|
|
<div class="story-exp-stage-copy">
|
|
<p class="story-exp-eyebrow">Living story view</p>
|
|
<h1 id="living-story-title" data-scene-title>Reading the manuscript</h1>
|
|
<p data-scene-summary></p>
|
|
</div>
|
|
|
|
<div class="story-exp-visual" data-visual-stage>
|
|
<svg class="story-exp-connections" data-connections aria-hidden="true"></svg>
|
|
<div class="story-exp-zone story-exp-zone--characters" aria-label="Characters">
|
|
<p class="story-exp-zone-label">Characters</p>
|
|
<div class="story-exp-characters" data-characters></div>
|
|
</div>
|
|
<div class="story-exp-zone story-exp-zone--location" aria-label="Active location">
|
|
<p class="story-exp-zone-label">Location</p>
|
|
<div class="story-exp-location" data-location></div>
|
|
</div>
|
|
<div class="story-exp-zone story-exp-zone--assets" aria-label="Significant assets">
|
|
<p class="story-exp-zone-label">Assets</p>
|
|
<div class="story-exp-assets" data-assets></div>
|
|
</div>
|
|
</div>
|
|
|
|
<section class="story-exp-ribbon-wrap" aria-label="Recent scenes and timeline">
|
|
<div class="story-exp-ribbon" data-scene-ribbon></div>
|
|
<div class="story-exp-timeline" data-timeline></div>
|
|
</section>
|
|
</section>
|
|
|
|
<aside class="story-exp-right" aria-label="Story understanding">
|
|
<section class="story-exp-panel" aria-labelledby="relationships-title">
|
|
<h2 id="relationships-title">Relationship changes</h2>
|
|
<div class="story-exp-insight-list" data-relationships></div>
|
|
</section>
|
|
<section class="story-exp-panel" aria-labelledby="knowledge-title">
|
|
<h2 id="knowledge-title">Knowledge threads</h2>
|
|
<div class="story-exp-insight-list" data-knowledge></div>
|
|
</section>
|
|
<section class="story-exp-panel" aria-labelledby="observations-title">
|
|
<h2 id="observations-title">Story observations</h2>
|
|
<div class="story-exp-insight-list" data-observations></div>
|
|
</section>
|
|
</aside>
|
|
</section>
|
|
|
|
<aside class="story-exp-controls" aria-label="Prototype controls">
|
|
<div>
|
|
<span>Prototype controls</span>
|
|
<small>Simulation only</small>
|
|
</div>
|
|
<button type="button" data-control="restart">Restart</button>
|
|
<button type="button" data-control="previous">Previous</button>
|
|
<button type="button" data-control="play">Pause</button>
|
|
<button type="button" data-control="next">Next</button>
|
|
<label>
|
|
Speed
|
|
<input type="range" min="3500" max="10000" step="500" value="6200" data-speed-control />
|
|
</label>
|
|
</aside>
|
|
</main>
|
|
|
|
<script src="~/js/story-intelligence-experience-prototype.js" asp-append-version="true"></script>
|
|
</body>
|
|
</html>
|