Skip to content

site: clarify mobile architecture scrolling #10

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
kabudu wants to merge 1 commit into from
+24 −2
Closed

site: clarify mobile architecture scrolling #10

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions scripts/validate-pages-site.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -111,6 +111,8 @@ def main() -> int:
"<title>Telosieve | Question the instruction</title>",
'property="og:url" content="https://kabudu.github.io/telosieve/"',
'property="og:image" content="https://kabudu.github.io/telosieve/assets/social-card-1200x630.png"',
'figure tabindex="0" aria-describedby="architecture-scroll-instruction architecture-caption"',
'id="architecture-scroll-instruction"',
):
if phrase not in html_text:
errors.append(f"site metadata missing: {phrase}")
Expand Down Expand Up @@ -138,6 +140,7 @@ def main() -> int:
("980 px breakpoint", r"@media\s*\(\s*max-width:\s*980px\s*\)"),
("620 px breakpoint", r"@media\s*\(\s*max-width:\s*620px\s*\)"),
("reduced motion", r"prefers-reduced-motion\s*:\s*reduce"),
("architecture keyboard focus", r"\.architecture\s+figure:focus-visible"),
):
if re.search(pattern, css) is None:
errors.append(f"responsive/accessibility CSS missing: {label}")
Expand Down
5 changes: 3 additions & 2 deletions site/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,9 +71,10 @@ <h2>A valid signature does not make an instruction true.</h2>
<h2>One instruction. Several possible realities.</h2>
<p>Telosieve accepts a result only after it survives the declared faults and an independent viability check.</p>
</div>
<figure>
<p class="architecture-scroll-note" id="architecture-scroll-instruction">Swipe or use the arrow keys to explore the full architecture <span aria-hidden="true">→</span></p>
<figure tabindex="0" aria-describedby="architecture-scroll-instruction architecture-caption">
<img src="assets/telosieve-architecture.svg" width="1600" height="920" alt="Goal instructions, corroborated observations, and viability rules remain separate. Telosieve verifies provenance, tests declared fault hypotheses, independently checks every surviving plan, and emits either a bounded certificate or an explicit refusal while retaining evidence.">
<figcaption>Current integration modes are read-only. A certificate records a bounded evaluation result; it does not authorize production actuation.</figcaption>
<figcaption id="architecture-caption">Current integration modes are read-only. A certificate records a bounded evaluation result; it does not authorize production actuation.</figcaption>
</figure>
</section>

Expand Down
18 changes: 18 additions & 0 deletions site/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -363,6 +363,13 @@ p {
.architecture figure {
margin: 0;
}
.architecture-scroll-note {
display: none;
}
.architecture figure:focus-visible {
outline: 2px solid var(--cyan);
outline-offset: 4px;
}
.architecture figure img {
display: block;
width: 100%;
Expand Down Expand Up @@ -665,6 +672,17 @@ footer p {
.architecture .section-intro {
padding: 0 18px;
}
.architecture-scroll-note {
align-items: center;
color: var(--cyan);
display: flex;
font-size: 12px;
font-weight: 700;
gap: 8px;
letter-spacing: 0.08em;
margin: -28px 18px 18px;
text-transform: uppercase;
}
.architecture figure img {
border-radius: 0;
min-width: 800px;
Expand Down