permit-bearings/index.html at main · ghzhost/permit-bearings · 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="referrer" content="no-referrer">
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; img-src 'self' data:; style-src 'self' 'unsafe-inline'; script-src 'self'; connect-src 'self'; form-action 'self'; base-uri 'none'">
<title>Permit Bearings | Get your bearings before you file</title>
<meta name="description" content="Follow a made-up Woodland detached ADU from project facts to a candidate route, reported packet gaps, official sources, and questions for staff.">
<link rel="canonical" href="https://chelseakr.github.io/permit-bearings/">
<meta property="og:title" content="Permit Bearings | Get your bearings before you file">
<meta property="og:description" content="Follow a made-up Woodland detached ADU from project facts to a candidate route, reported packet gaps, and questions for staff.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://chelseakr.github.io/permit-bearings/">
<meta property="og:site_name" content="Permit Bearings">
<meta property="og:image" content="https://chelseakr.github.io/permit-bearings/assets/social-card.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Permit Bearings public prototype for California ADU, JADU, and SB 9 permitting">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Permit Bearings | Get your bearings before you file">
<meta name="twitter:description" content="Follow a made-up Woodland detached ADU from project facts to a candidate route, reported packet gaps, and questions for staff.">
<meta name="twitter:image" content="https://chelseakr.github.io/permit-bearings/assets/social-card.png">
<meta name="twitter:image:alt" content="Permit Bearings public prototype for California ADU, JADU, and SB 9 permitting">
<link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
<link rel="stylesheet" href="assets/california-design-system.css?v=20260809b">
<link rel="stylesheet" href="assets/site.css?v=20260810a">
</head>
<body data-page="home">
<div id="skip-to-content">
  <a class="skip-link" href="#mainContent">Skip to main content</a>
</div>

<header class="site-header">
  <div class="header-inner">
    <div class="site-identity">
      <a class="brand" href="index.html" aria-label="Permit Bearings home"
        aria-current="page">
        Permit Bearings
      </a>
      <span class="prototype-label">Prototype</span>
    </div>
    <nav class="site-nav" aria-label="Primary">
      <a href="check.html">Start</a>
      <a href="evidence.html">Sources &amp; limits</a>
      <a href="review.html">For staff</a>
    </nav>
    <details class="mobile-menu">
      <summary>Sections</summary>
      <nav class="mobile-nav" aria-label="Mobile primary">
        <a href="check.html">Start</a>
        <a href="evidence.html">Sources &amp; limits</a>
        <a href="review.html">For staff</a>
      </nav>
    </details>
  </div>
</header>

<main id="mainContent">
  <section class="home-hero" aria-labelledby="home-title">
    <div class="page-shell home-hero-grid">
      <div class="home-hero-copy">
        <p class="service-context">Applicant-first California permit prototype</p>
        <h1 id="home-title">Get your bearings before you file.</h1>
        <p class="service-lede">Walk through a made-up Woodland detached ADU example to see a candidate route, reported checklist gaps, official sources, and questions to take to staff.</p>
        <div class="home-actions">
          <a class="button ca-button" href="check.html?sample=adu">Open the made-up Woodland example</a>
          <a class="button button-secondary ca-button ca-button-outline" href="check.html">Check a different project</a>
        </div>
        <p class="service-privacy">No sign-in. No uploads. Project answers
          stay in your browser and are not sent to or stored by this demo.</p>
      </div>

      <figure class="home-hero-visual" aria-hidden="true">
        <img src="assets/illustrations/permit-pathway-hero.webp" alt=""
          srcset="assets/illustrations/permit-pathway-hero-768.webp 768w,
            assets/illustrations/permit-pathway-hero.webp 1152w"
          sizes="(max-width: 58rem) calc(100vw - 2rem), 42vw"
          width="1152" height="768" decoding="async" fetchpriority="high">
      </figure>

      <ca-shout class="home-boundary" color="yellow" role="note"
        aria-labelledby="home-boundary-heading">
        <p class="section-kicker">Use it to prepare, not to predict</p>
        <h2 id="home-boundary-heading">Prototype, not a permit decision</h2>
        <p>Permit Bearings does not verify parcel facts, reproduce a complete
          local checklist, determine final eligibility, certify completeness,
          or approve a permit.</p>
      </ca-shout>
    </div>
  </section>

  <section class="journey-section" aria-labelledby="journey-heading">
    <div class="page-shell">
      <div class="journey-intro">
        <p class="section-kicker">One traceable applicant journey</p>
        <h2 id="journey-heading">Know the path in. Test the path out.</h2>
        <p>The example carries the same made-up project through four bounded
          stages. Each stage keeps its sources, limits, and unresolved facts
          visible.</p>
      </div>

      <ol class="journey-rail" aria-label="Example permit journey stages">
        <li>
          <span class="journey-number" aria-hidden="true">01</span>
          <h3>Project facts</h3>
          <p>Start with made-up answers about the place and proposed work.</p>
        </li>
        <li>
          <span class="journey-number" aria-hidden="true">02</span>
          <h3>Candidate route</h3>
          <p>See which bounded rule path the stated facts appear to match.</p>
        </li>
        <li>
          <span class="journey-number" aria-hidden="true">03</span>
          <h3>Reported packet</h3>
          <p>Compare reported items with one published Woodland checklist.</p>
        </li>
        <li>
          <span class="journey-number" aria-hidden="true">04</span>
          <h3>Staff questions</h3>
          <p>Carry gaps and uncertainty forward as specific questions.</p>
        </li>
      </ol>
    </div>
  </section>

  <section class="page-shell reading-shell before-start"
    aria-labelledby="before-start-heading">
    <ca-box color="gray" size="large">
      <h2 id="before-start-heading">Before you start</h2>
      <p>Use the information you already have. You will be asked for:</p>
      <ul>
        <li>the city or county where the property is located;</li>
        <li>the type of housing project; and</li>
        <li>facts about the dwelling and proposed work.</li>
      </ul>
      <p>If you do not know an answer, choose “I’m not sure.” The result will
        tell you what to ask staff instead of filling in the gap.</p>
    </ca-box>
  </section>

  <section class="page-shell reading-shell supporting-tools"
    aria-labelledby="supporting-tools-heading">
    <h2 id="supporting-tools-heading">For staff and reviewers</h2>
    <ca-mesh class="service-link-list" cell-size="large" gap="3"
      role="list">
      <ca-card role="listitem">
        <h3><a href="review.html">Screen local ordinance text</a></h3>
        <p>Screen pasted ADU or SB 9 text for a bounded set of provisions that
          may need staff or counsel review.</p>
      </ca-card>
      <ca-card role="listitem">
        <h3><a href="evidence.html">Inspect sources and prototype limits</a></h3>
        <p>See source dates, dependency links, structured regression cases,
          known gaps, and a source-change rehearsal.</p>
      </ca-card>
    </ca-mesh>
  </section>

  <section class="page-shell reading-shell current-scope"
    aria-labelledby="scope-heading">
    <h2 id="scope-heading">Current scope</h2>
    <p>The prototype includes statewide candidate rules for ADUs, JADUs, and
      SB 9. The made-up Woodland example compares reported packet facts with
      one source-bound City checklist. Other local information remains thin, and
      the Davis record reports only the City’s published processing categories
      and preserves HCD’s unresolved ordinance-status warning. Statewide
      screening does not mean a jurisdiction’s local code, forms, parcel
      facts, or exceptions are fully encoded.</p>
  </section>
</main>

<footer class="site-footer">
  <div class="footer-inner">
    <p>Decision support only. This is not legal advice or a substitute for a
      jurisdiction’s review. Independent prototype prepared in response to
      the 2026 California AI Permitting Innovation Showcase challenge. Project
      answers are not sent to or stored by this demo.</p>
    <div class="footer-links">
      <a href="evidence.html">Methods and limits</a>
      <a href="https://github.com/ChelseaKR/permit-pathways">Source code</a>
    </div>
  </div>
</footer>
</body>
</html>