nearmiss/web/dossier.html at main · ghzhost/nearmiss · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#2543d8" />
    <meta
      name="description"
      content="Inspect a complete fictional NearMiss Decision Dossier and see how evidence, caveats, action, and verification stay together."
    />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="NearMiss" />
    <meta property="og:title" content="NearMiss Decision Dossier — complete sample" />
    <meta
      property="og:description"
      content="A complete fictional corridor case showing the claim, evidence boundary, requested action, and verification record."
    />
    <meta property="og:url" content="https://nearmiss.chelseakr.com/dossier/" />
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:title" content="NearMiss Decision Dossier — complete sample" />
    <meta
      name="twitter:description"
      content="A complete fictional corridor case showing the claim, evidence boundary, requested action, and verification record."
    />
    <link rel="canonical" href="https://nearmiss.chelseakr.com/dossier/" />
    <link rel="icon" href="/web/vendor/brand/clearance-mark.svg" type="image/svg+xml" />
    <link rel="stylesheet" href="/web/style.css" />
    <link rel="stylesheet" href="/web/brand.css" />
    <link rel="stylesheet" href="/web/workflow.css" />
    <link rel="stylesheet" href="/web/interface.css" />
    <title>NearMiss Decision Dossier — complete sample</title>
  </head>
  <body class="workflow-page">
    <a class="skip-link" href="#main">Skip to main content</a>

    <header class="workflow-header">
      <nav class="workflow-nav" aria-label="Primary">
        <a class="brand-lockup" href="/" aria-label="NearMiss home">
          <svg class="clearance-mark" viewBox="0 0 48 32" aria-hidden="true" focusable="false">
            <path class="clearance-path clearance-path-a" d="M3 27 17 13h5" />
            <path class="clearance-path clearance-path-b" d="M45 5 31 19h-5" />
          </svg>
          <span class="brand-lockup-copy">
            <strong>nearmiss</strong>
            <span>Decision Dossier</span>
          </span>
        </a>
        <div class="workflow-nav-links">
          <a href="/studio/">Check your data</a>
          <a href="/fars/national/">Conflict Atlas</a>
        </div>
      </nav>

      <div class="workflow-hero">
        <div>
          <p id="dossier-kicker" class="workflow-kicker">Complete fictional example</p>
          <h1>See the decision artifact before the machinery.</h1>
          <p class="workflow-lede">
            The dossier keeps the requested action, permitted claim, evidence limits, and follow-up
            measurement in one printable, reviewable packet.
          </p>
        </div>
        <aside class="workflow-privacy" aria-label="Sample status">
          <strong id="sample-status-title">This is not a real corridor finding.</strong>
          <p id="sample-status-copy">
            Names and observations in the default sample are fictional. They demonstrate structure
            and claim boundaries without implying community adoption or a real safety result.
          </p>
        </aside>
      </div>
    </header>

    <main id="main" class="workflow-main">
      <ol class="evidence-chain" aria-label="Evidence-to-action chain">
        <li><span class="chain-step">Source</span><strong>Evidence stays distinct</strong></li>
        <li><span class="chain-step">Boundary</span><strong>Limits travel with it</strong></li>
        <li><span class="chain-step">Claim</span><strong>Language matches tier</strong></li>
        <li><span class="chain-step">Action</span><strong>Follow-up is measurable</strong></li>
      </ol>

      <section class="workflow-section" aria-labelledby="dossier-page-heading">
        <div class="dossier-shell">
          <article class="dossier-sheet">
            <div class="dossier-meta">
              <span id="dossier-id">DOSSIER SAMPLE-001</span>
              <span id="dossier-tier">EVIDENCE TIER 2</span>
              <span id="dossier-status" class="sample-badge">FICTIONAL · NOT FOR DECISION USE</span>
            </div>

            <h2 id="dossier-page-heading" class="dossier-title">
              <span id="dossier-place">Mercer Avenue at 8th Street</span>
            </h2>
            <p id="dossier-ask" class="dossier-ask">
              <strong>Requested action:</strong>
              Conduct a daylight and evening field audit, then return with a scoped visibility and
              crossing-safety response within 60 days.
            </p>

            <section aria-labelledby="claim-heading">
              <p class="workflow-label">Permitted claim</p>
              <h3 id="claim-heading">What the evidence supports</h3>
              <p id="dossier-claim" class="claim-output">
                The observed report rate at Mercer Avenue at 8th Street is elevated in the stated
                observation window.
              </p>
            </section>

            <section aria-labelledby="tracks-heading">
              <p class="workflow-label">Evidence tracks</p>
              <h3 id="tracks-heading">Agreement is shown; sources are not blended.</h3>
              <ul id="evidence-tracks" class="evidence-tracks">
                <li class="evidence-track">
                  <strong>Community reports</strong>
                  <span>14 privacy-safe reports in the six-month window; close pass and sightline conflicts recur.</span>
                  <span class="track-status is-measured">Measured</span>
                </li>
                <li class="evidence-track">
                  <strong>Exposure</strong>
                  <span>Aligned bicycle-volume estimate; rate interval remains wide enough to require review.</span>
                  <span class="track-status is-measured">Aligned</span>
                </li>
                <li class="evidence-track">
                  <strong>Official outcomes</strong>
                  <span>No corridor-scale crash agreement claimed. State FARS context is background only.</span>
                  <span class="track-status is-limited">Context only</span>
                </li>
              </ul>
            </section>

            <div class="dossier-grid">
              <article>
                <h3>Why this corridor</h3>
                <p id="dossier-why">
                  Rate, interval, sample size, and sensitivity review are carried together. Rank alone is not the reason.
                </p>
              </article>
              <article>
                <h3>Strongest limitation</h3>
                <p id="dossier-limitation">
                  Reporting participation and route choice may differ across the city. This finding does not establish
                  comparative danger.
                </p>
              </article>
              <article>
                <h3>What cannot be claimed</h3>
                <p id="dossier-cannot">Fault, causation, guaranteed treatment benefit, or that one design is proven best.</p>
              </article>
              <article>
                <h3>How change will be measured</h3>
                <p id="dossier-measurement">
                  Freeze the metric and six-month baseline before action; repeat the same window and publish null or
                  inconclusive results.
                </p>
              </article>
            </div>

            <section class="county-next-step" aria-labelledby="county-question-heading">
              <h3 id="county-question-heading">County context is a question, not a zoom level.</h3>
              <p>
                Ask where reviewed fatal-crash burden is concentrated, which cells are suppressed,
                and what local evidence is still missing. Do not infer corridor risk from a state or
                county count.
              </p>
              <a href="/fars/national/">Inspect official reference context</a>
            </section>
          </article>

          <aside class="verification-panel" aria-labelledby="verification-heading">
            <div class="verification-mark" aria-hidden="true">✓</div>
            <p class="verification-status">Visible verification</p>
            <h2 id="verification-heading">Draft language is tier-bounded</h2>
            <dl class="verification-list">
              <div><dt>Artifact status</dt><dd id="verify-status">Fictional structure sample</dd></div>
              <div><dt>Evidence tier</dt><dd id="verify-tier">2 · Elevated rate</dd></div>
              <div><dt>Source context</dt><dd id="verify-source">Synthetic demonstration inputs</dd></div>
              <div><dt>Claim rule</dt><dd id="verify-rule">No causation or treatment-effect language</dd></div>
              <div><dt>Local fingerprint</dt><dd id="verify-fingerprint">Computing…</dd></div>
            </dl>
            <p id="verification-note">
              This verifies the visible sample structure and bounded language. It is not verification
              of a real corridor dataset.
            </p>
            <div class="workflow-actions">
              <button id="copy-citation" class="workflow-action workflow-action-secondary" type="button">
                Copy citation
              </button>
              <button id="print-dossier" class="workflow-action" type="button">Print / save PDF</button>
            </div>
            <p id="dossier-status-message" role="status" aria-live="polite" aria-atomic="true"></p>
          </aside>
        </div>
      </section>
    </main>

    <footer class="workflow-footer">
      <p>A dossier is a reviewable decision packet, not proof that a place is dangerous.</p>
      <a href="https://github.com/ChelseaKR/nearmiss/blob/main/docs/DECISION-DOSSIER-TEMPLATE.md">
        Open the full template
      </a>
    </footer>

    <script src="/web/studio.js"></script>
    <script src="/web/dossier.js"></script>
  </body>
</html>