Skip to content

Delete dead code, unused CSS and superseded media across the site #192

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

Open
sdcarlson wants to merge 10 commits into
base: main
Choose a base branch
from
Open

Delete dead code, unused CSS and superseded media across the site #192

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
2cb36b0
Delete the one-off What changed import script
claude Oct 31, 2026
5a29ef9
Drop the unused text() helper and unimported server exports
claude Oct 31, 2026
294d50b
Trim unused test fixtures, D1 shim methods and helper options
claude Oct 31, 2026
1596b1c
Delete orphaned homepage modules and the Sketch gallery
claude Oct 31, 2026
3b4d146
Drop unused exports and helpers from live client modules
claude Oct 31, 2026
01e3876
Delete superseded RISE demo cuts and their posters
claude Oct 31, 2026
f17c566
Delete unused root images, retired Gyre stills and plus.js
claude Oct 31, 2026
97fc1f7
Drop unused symbols from project scripts and og-cards
claude Oct 31, 2026
4283502
Delete one-time brand-recolor.py and dead code in qa and llms
claude Oct 31, 2026
6e44d5e
Delete dead CSS rules from the site stylesheets
claude Oct 31, 2026
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
2 changes: 1 addition & 1 deletion 404.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
<link rel="stylesheet" href="/syberlabs.css?v=20261030">
<link rel="stylesheet" href="/syberlabs.css?v=20261031">
<title>Page not found | SyberLabs</title>
<style>
body { min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; }
Expand Down
1 change: 0 additions & 1 deletion approach/approach.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -66,4 +66,3 @@
.approach-main :is(h1,h2) { text-wrap:balance; }

.syber-approach main :is(p,li) { overflow-wrap:break-word; }
.syber-approach main :is(article,.prose > *) { min-width:0; }
4 changes: 2 additions & 2 deletions approach/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,8 +19,8 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
<link rel="stylesheet" href="/syberlabs.css?v=20261030">
<link rel="stylesheet" href="/approach/approach.css?v=20261030">
<link rel="stylesheet" href="/syberlabs.css?v=20261031">
<link rel="stylesheet" href="/approach/approach.css?v=20261031">
<title>Our Approach | SyberLabs</title>
</head>
<body class="syber-approach">
Expand Down
2 changes: 1 addition & 1 deletion factory/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
<link rel="stylesheet" href="/syberlabs.css?v=20261030">
<link rel="stylesheet" href="/syberlabs.css?v=20261031">
<link rel="stylesheet" href="/factory/factory.css?v=20261030">
<title>The Factory | SyberLabs</title>
</head>
Expand Down
Binary file removed footer-orb.webp
View file
Open in desktop
Binary file not shown.
4 changes: 2 additions & 2 deletions jev/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,8 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
<link rel="stylesheet" href="/syberlabs.css?v=20261030">
<link rel="stylesheet" href="/jev/jev.css?v=20261030">
<link rel="stylesheet" href="/syberlabs.css?v=20261031">
<link rel="stylesheet" href="/jev/jev.css?v=20261031">
<script src="/jev/primitives.js?v=3" defer></script>
</head>
<body class="syber-jev">
Expand Down
1 change: 0 additions & 1 deletion jev/jev.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@
/* Hero: copy column + the Jev sigil in a plate frame */
.jev-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, 340px); column-gap: var(--space-8); align-items: center; padding-top: var(--space-9); padding-bottom: var(--space-9); }
.jev-hero__title { max-width: 10em; margin-top: var(--space-5); }
.jev-hero__lede { max-width: 560px; margin-top: var(--space-6); }
.jev-hero__actions { margin-top: var(--space-6); }
.jev-hero__note { max-width: 560px; margin: var(--space-5) 0 0; }
.jev-hero__note a { text-decoration: underline; }
Expand Down
4 changes: 2 additions & 2 deletions kev/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,8 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
<link rel="stylesheet" href="/syberlabs.css?v=20261030">
<link rel="stylesheet" href="/approach/approach.css?v=20261030">
<link rel="stylesheet" href="/syberlabs.css?v=20261031">
<link rel="stylesheet" href="/approach/approach.css?v=20261031">
</head>
<body class="syber-approach">
<a class="sy-skip" href="#main">Skip to content</a>
Expand Down
Binary file removed mateo/demos/gyre-hero.jpg
View file
Open in desktop
Binary file not shown.
Binary file removed mateo/engines-gyre.webp
View file
Open in desktop
Binary file not shown.
4 changes: 2 additions & 2 deletions mateo/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,8 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
<link rel="stylesheet" href="/syberlabs.css?v=20261030">
<link rel="stylesheet" href="/mateo/mateo.css?v=20261030">
<link rel="stylesheet" href="/syberlabs.css?v=20261031">
<link rel="stylesheet" href="/mateo/mateo.css?v=20261031">
<!--email_off-->
<script type="application/ld+json">
{
Expand Down
1 change: 0 additions & 1 deletion mateo/mateo.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,4 +59,3 @@
.portfolio-proof { padding:18px; }
.portfolio-contact { padding:48px 0; }
}
/* The menu shares this page's dark text tokens, so its panel is ivory too. */
4 changes: 2 additions & 2 deletions plus/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,8 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
<link rel="stylesheet" href="/syberlabs.css?v=20261030">
<link rel="stylesheet" href="/plus/plus.css?v=20261030">
<link rel="stylesheet" href="/syberlabs.css?v=20261031">
<link rel="stylesheet" href="/plus/plus.css?v=20261031">
</head>
<body class="syber-plus">
<a class="sy-skip" href="#main">Skip to content</a>
Expand Down
49 changes: 5 additions & 44 deletions plus/plus.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,7 @@
.plus-main { max-width: calc(var(--content-max) + 2 * var(--gutter)); margin: 0 auto; padding: 0 var(--gutter); }
.eyebrow { margin: 0; font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: var(--text-2); }

.plus-hero { padding: var(--space-10) 0 var(--space-9); }
.plus-hero h1 { max-width: 1000px; margin: var(--space-6) 0 0; font-family: var(--font-display); font-weight: 400; font-size: clamp(56px, 7vw, 104px); line-height: .95; letter-spacing: -0.02em; }
.plus-hero h1 { max-width: 1000px; margin: var(--space-6) 0 0; font-family: var(--font-display); font-weight: 400; letter-spacing: -0.02em; }
.plus-hero h1 em { font-style: italic; background: var(--sy-spectrum); -webkit-background-clip: text; background-clip: text; color: transparent; padding-right: .08em; }
.plus-hero .lead { max-width: 620px; margin: var(--space-6) 0 0; font-size: 18px; line-height: 28px; color: var(--text-2); }
.plus-hero .hero-links { display: flex; flex-wrap: wrap; gap: var(--space-4); margin: var(--space-6) 0 0; }
Expand All @@ -13,82 +12,44 @@
.section-heading h2 { grid-column: 2 / 4; margin: 0; padding-left: var(--space-6); font-family: var(--font-display); font-weight: 400; font-size: 40px; line-height: 44px; letter-spacing: -0.01em; }
.prose { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.prose > * { grid-column: 2 / 4; padding-left: var(--space-6); max-width: calc(var(--measure) + var(--space-6)); }
.prose p, .prose li { margin: 0 0 var(--space-4); font-size: 16px; line-height: 26px; color: var(--text-2); }
.prose p { margin: 0 0 var(--space-4); font-size: 16px; line-height: 26px; color: var(--text-2); }
.prose a:not(.sy-btn) { text-decoration: underline; text-underline-offset: 3px; }

.evidence { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.evidence li { display: grid; grid-template-columns: 170px minmax(0, 1fr); column-gap: var(--space-5); padding: 14px 0; border-bottom: 1px solid var(--line); }
.evidence p { margin: 0; font-size: 16px; line-height: 24px; color: var(--text-2); }
.evidence .state { --d: var(--sy-mist); display: inline-flex; align-items: center; gap: 8px; line-height: 24px; font-family: var(--font-mono); font-size: 12px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--text); }
.evidence .state i { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--d); box-shadow: 0 0 10px var(--d); }
.evidence .is-decided .state { --d: var(--sy-amber); }
.evidence .is-built .state { --d: var(--sy-ice); }
.evidence .is-not-yet .state { color: var(--text-3); }
.evidence .is-not-yet .state i { background: none; box-shadow: none; border: 1.5px solid var(--text-3); width: 7px; height: 7px; }
.evidence-ref { margin: var(--space-4) 0 0; font-size: 14px; line-height: 20px; color: var(--text-3); max-width: 72ch; }

@media (max-width: 860px) {
.section-heading, .prose { grid-template-columns: 1fr; }
.section-heading { row-gap: var(--space-4); }
.section-heading h2, .prose > * { grid-column: 1; padding-left: 0; }
.evidence li { grid-template-columns: 1fr; row-gap: var(--space-1); }
}
@media (max-width: 640px) {
.plus-hero { padding: var(--space-8) 0; }
.plus-hero h1 { margin-top: var(--space-5); font-size: 48px; line-height: 50px; }
.plus-hero h1 { margin-top: var(--space-5); }
.plus-hero .hero-links .sy-btn { width: 100%; }
.plus-section { padding: var(--space-8) 0; }
.section-heading { margin-bottom: var(--space-6); }
.section-heading h2 { font-size: 32px; line-height: 36px; }
}

/* Hear the clock: three public-domain lines, spoken by the browser, each word shown on its onset (plus.js). */
.hear .hear-note { max-width: 62ch; }
.hear-lines { display: grid; gap: var(--space-3); margin: var(--space-5) 0; padding: 0; list-style: none; }
.hear-line { display: grid; gap: 6px; width: 100%; text-align: left; padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; background: rgba(2, 7, 10, .45); color: var(--text-2); font: inherit; cursor: pointer; transition: border-color .2s, box-shadow .2s, transform .2s; }
.hear-line:hover { border-color: var(--sy-ice); box-shadow: 0 0 28px -8px var(--sy-electric, #0297de); transform: translateY(-1px); }
.hear-line[aria-pressed="true"] { border-color: var(--sy-amber); box-shadow: 0 0 34px -8px var(--sy-amber); color: var(--text); }
.hear-line__who { font-family: var(--font-mono); font-size: 11px; line-height: 16px; letter-spacing: .12em; text-transform: uppercase; color: var(--text-3); }
.hear-line__text { font-size: 15px; line-height: 22px; }
.hear-line__who::after { content: " · press to hear"; letter-spacing: .08em; }
.hear-line[aria-pressed="true"] .hear-line__who::after { content: " · press to stop"; }
html:not(.sy-js) .hear-line__who::after { content: ""; }
.hear .hear-stage { min-height: 2.6em; margin: var(--space-5) 0 var(--space-3); font-family: var(--font-display); font-size: clamp(26px, 3.2vw, 40px); line-height: 1.2; letter-spacing: -0.01em; color: var(--text); }
.hear .hear-words:empty::before { content: "The line you press appears here, one word at a time."; color: var(--text-3); font-size: 16px; line-height: 26px; font-family: var(--font-sans, inherit); letter-spacing: 0; }
.hear-w { opacity: 0; transform: translateY(.25em); transition: opacity .32s ease-out, transform .42s cubic-bezier(.2,.8,.2,1), color .4s; }
.hear-w.is-on { opacity: 1; transform: none; }
.hear-w.is-now { color: var(--sy-cantaloupe); text-shadow: 0 0 22px rgba(252, 115, 77, .45); }
@media (prefers-reduced-motion: reduce) { .hear-w { transition: opacity .2s linear; transform: none; } .hear-line, .hear-line:hover { transform: none; transition: none; } }
.hear .hear-status { margin: 0 0 var(--space-2); font-family: var(--font-mono); font-size: 12px; line-height: 18px; letter-spacing: .04em; color: var(--text-3); }
.hear .hear-foot { margin: 0; font-size: 13px; line-height: 20px; color: var(--text-3); }

/* Free vs Plus */
.compare { width: 100%; border-collapse: collapse; margin: 0 0 var(--space-5); font-size: 15px; line-height: 22px; color: var(--text-2); }
.compare caption { text-align: left; margin-bottom: var(--space-3); font-family: var(--font-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--text-3); }
.compare th, .compare td { padding: 10px 12px 10px 0; border-bottom: 1px solid var(--line); vertical-align: top; text-align: left; font-weight: 400; }
.compare thead th { font-family: var(--font-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--text-3); border-bottom-color: var(--text-3); }
.compare tbody th { color: var(--text); width: 46%; }
.compare td.no { color: var(--text-3); }
.compare td.plus-yes { color: var(--sy-amber); }
.prose .allowance { max-width: 72ch; }
.allowance b { color: var(--text); font-weight: 500; }
.allowance code { font-family: var(--font-mono); font-size: 14px; color: var(--text); white-space: nowrap; }
@media (max-width: 640px) {
.compare { font-size: 14px; line-height: 20px; }
.compare tbody th { width: 40%; }
.hear .hear-stage { font-size: 26px; }
}

.plus-offer { display: grid; gap: 8px; margin: var(--space-6) 0; color: var(--text-2); font-size: 16px; line-height: 1.5; }
.plus-offer strong { color: var(--text); font-size: 24px; }
.plus-notice { max-width: 62ch; color: var(--text-2); font-size: 14px; line-height: 1.6; margin-top: var(--space-5); }
.compare { overflow-wrap: anywhere; }

.plus-preview { margin: 0 0 var(--space-8); border: 1px solid var(--line); border-radius: 20px; overflow: hidden; background: rgba(2, 7, 10, .8); box-shadow: 0 24px 100px -40px rgba(2, 151, 222, .5); }
.plus-preview { border: 1px solid var(--line); border-radius: 20px; overflow: hidden; background: rgba(2, 7, 10, .8); box-shadow: 0 24px 100px -40px rgba(2, 151, 222, .5); }
.plus-preview__bar { display:flex; justify-content:space-between; gap: 20px; padding: 18px 24px; color:var(--text-2); font-size:14px; }
.plus-preview__bar span { font-family:var(--font-mono); text-transform:uppercase; letter-spacing:.1em; font-size:12px; }
.plus-preview img { display:block; width:100%; height:auto; }
.plus-preview figcaption { padding: 16px 24px; font-size:12px; line-height:1.6; color:var(--text-2); }
.plus-preview figcaption { padding: 16px 24px; line-height:1.6; color:var(--text-2); }
.plus-steps { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding:0; margin:0 0 var(--space-9); }
.plus-steps li { padding:24px; border:1px solid var(--line); border-radius:16px; background:rgba(12,27,37,.6); }
.plus-steps span { color:var(--sy-amber); font-family:var(--font-mono); font-size:12px; }
Expand Down
Loading
Loading