@bongos/core 1.19.726 → 1.19.727
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.bongos-core.json +176 -491
- package/.devcontainer/Dockerfile +1 -1
- package/.devcontainer/devcontainer.json +2 -2
- package/.devcontainer/healthcheck.sh +1 -1
- package/.devcontainer/init-firewall.sh +1 -1
- package/.devcontainer/post-create.sh +2 -2
- package/.env.local.example +1 -1
- package/Dockerfile +1 -1
- package/docs/copy-inventory.md +1 -1
- package/docs/copy-registry.json +9 -9
- package/docs/module-api-changelog.md +2 -0
- package/docs/recipes/devbox-app-release.md +4 -4
- package/modules/dev-box/app/scripts/dmgbuild-settings.py +5 -5
- package/modules/dev-box/app/scripts/gen-brand.js +1 -1
- package/modules/dev-box/app/src/brand.js +1 -1
- package/modules/dev-box/app/test/unit.mjs +16 -16
- package/modules/dev-box/box-access.js +1 -1
- package/modules/dev-box/routes/box.js +1 -1
- package/modules/discord/discord-approvals.js +1 -1
- package/modules/grading/grader-model.js +1 -1
- package/modules/grading/grader-prompt.js +1 -1
- package/modules/grading/grader-workers/quality.js +1 -1
- package/modules/hall-ui/module.json +1 -1
- package/modules/hall-ui/public/brand-apply.js +1 -1
- package/modules/hall-ui/public/shell.js +1 -1
- package/modules/hall-ui/public/work.js +1 -1
- package/modules/lifecycle/conflict-resolve.js +1 -1
- package/modules/lifecycle/db-analytics.js +1 -1
- package/modules/lifecycle/routes/analytics.js +1 -1
- package/modules/onboarding/approval-broadcast.js +1 -1
- package/modules/onboarding/onboarding.js +1 -1
- package/modules/provisioning/tests/liveness.mjs +1 -1
- package/modules/public-landing/public/index.html +1 -1
- package/modules/public-landing/public/projects-floor.states.json +2 -2
- package/modules/public-landing/public/projects.probes.json +4 -4
- package/modules/public-landing/public/projects.states.json +2 -2
- package/modules/status-ui/module.json +1 -1
- package/modules/status-ui/public/status.js +4 -4
- package/modules/status-ui/public/style.css +1 -1
- package/modules/ui-design/kit/fixtures/cost-summary.json +1 -1
- package/modules/ui-design/kit/fixtures/featured-hub.json +1 -1
- package/modules/ui-design/kit/fixtures/featured.json +1 -1
- package/modules/ui-design/kit/fixtures/leaderboard.json +1 -1
- package/modules/ui-design/kit/fixtures/my-projects.json +1 -1
- package/modules/ui-design/kit/fixtures/progress.json +1 -1
- package/modules/ui-design/kit/fixtures/recent-shipped.json +1 -1
- package/package-lock.json +2 -2
- package/package.json +1 -1
- package/scripts/cron/style_guide_audit.sh +1 -1
- package/scripts/discord/lib.js +1 -1
- package/scripts/discord/post.js +1 -1
- package/scripts/gds/audit-authorship.sh +1 -1
- package/scripts/gds/audit-replay.sh +29 -2
- package/scripts/gds/audit-ships.js +1 -1
- package/scripts/gds/backfill-sessions.js +2 -2
- package/scripts/gds/cf-tunnel.js +4 -4
- package/scripts/gds/claude-materialize.js +2 -2
- package/scripts/gds/cli-lib.js +6 -6
- package/scripts/gds/cutover-codemod.js +1 -1
- package/scripts/gds/dev-lib.js +2 -2
- package/scripts/gds/diagnose-achievements.js +2 -2
- package/scripts/gds/fitness-checks-identity.js +6 -4
- package/scripts/gds/gen-diagrams.js +1 -1
- package/scripts/gds/leak-scan-allowlist.js +293 -0
- package/scripts/gds/learning-capture.js +1 -1
- package/scripts/gds/linkify-refs.js +2 -2
- package/scripts/gds/local-preview-lib.js +1 -1
- package/scripts/gds/mirror-lineage-check.js +1 -1
- package/scripts/gds/mirror-redact.js +17 -2
- package/scripts/gds/newcomer-floor.templates.json +1 -1
- package/scripts/gds/package-core.js +18 -1
- package/scripts/gds/paste-token.js +1 -1
- package/scripts/gds/provision-units.js +2 -2
- package/scripts/gds/publish-manifest.js +15 -0
- package/scripts/gds/repo-metrics.js +1 -1
- package/scripts/gds/sandbox-stage.js +1 -1
- package/scripts/gds/seed-bongos-coreB-tranche1-tasks.js +1 -1
- package/scripts/gds/seed-bongos-coreB-tranche2-tasks.js +1 -1
- package/scripts/gds/seed-bongos-goal-hierarchy-tasks.js +1 -1
- package/scripts/gds/seed-bongos-tasks.js +2 -2
- package/scripts/gds/seed-gds-v4-tasks.js +1 -1
- package/scripts/gds/seed-medusa-tasks.js +10 -10
- package/scripts/gds/seed-module-upstreaming.js +1 -1
- package/scripts/gds/seed-productization-tasks.js +6 -6
- package/scripts/gds/seed-provisioning-tasks.js +2 -2
- package/scripts/gds/seed-staging.sh +19 -6
- package/scripts/gds/ship-deploy-target.js +1 -1
- package/scripts/gds/ship-flow.js +1 -1
- package/scripts/gds/smoke-gds.js +1 -1
- package/scripts/status-probe.mjs +2 -2
- package/src/bongos/auth-discord.js +2 -2
- package/src/bongos/live-channel.js +1 -1
- package/src/bongos/pool.js +1 -1
- package/src/bongos/routes/auth.js +11 -11
- package/src/bongos/routes/security.js +1 -1
- package/src/bongos/routes.js +1 -1
- package/src/branding.js +1 -1
- package/src/devbox-downloads.js +1 -1
- package/src/instance-config.js +2 -2
- package/src/module-api.js +1 -1
- package/src/module-loader/provenance.js +2 -2
- package/tests/art_stage.mjs +2 -2
- package/tests/auth_anthropic_identity.mjs +1 -1
- package/tests/auth_duplicate_cookie.mjs +1 -1
- package/tests/auth_error_brand.mjs +1 -1
- package/tests/auth_inactive_builder.mjs +1 -1
- package/tests/backup_cli.mjs +4 -4
- package/tests/bongos_box_connect.mjs +2 -2
- package/tests/bongos_downloads.mjs +2 -2
- package/tests/bongos_login.mjs +5 -5
- package/tests/box_connect_e2e.mjs +2 -2
- package/tests/box_dns_repoint.mjs +10 -10
- package/tests/box_host_keys.mjs +1 -1
- package/tests/box_onboard.mjs +9 -9
- package/tests/box_scope_session.mjs +1 -1
- package/tests/box_terminal_ssrf.mjs +7 -7
- package/tests/boxes.mjs +9 -9
- package/tests/branding.mjs +2 -2
- package/tests/bump_version.mjs +2 -2
- package/tests/cf_tunnel.mjs +40 -40
- package/tests/cli_token_reissue.mjs +7 -7
- package/tests/cloud_bongos_pack.mjs +1 -1
- package/tests/currency_label.mjs +8 -8
- package/tests/dev_lib.mjs +4 -4
- package/tests/devbox_dmg_backdrop.mjs +1 -1
- package/tests/devbox_downloads.mjs +2 -2
- package/tests/devbox_icons.mjs +1 -1
- package/tests/discord_approvals.mjs +1 -1
- package/tests/discord_oauth.mjs +2 -2
- package/tests/executed_closure.mjs +6 -1
- package/tests/first_admin_bootstrap.mjs +1 -1
- package/tests/gate_approvals.mjs +5 -5
- package/tests/grade_aggregates_unavailable.mjs +1 -1
- package/tests/hook_user_agents.mjs +2 -2
- package/tests/init.mjs +6 -6
- package/tests/instance_config.mjs +1 -1
- package/tests/instance_manifest.mjs +5 -5
- package/tests/instance_mismatch_guard.mjs +13 -13
- package/tests/leak_scan_allowlist.mjs +94 -0
- package/tests/migrate_root_resolution.mjs +4 -4
- package/tests/mirror_redact.mjs +28 -4
- package/tests/module_catalog.mjs +5 -5
- package/tests/module_submissions.mjs +3 -3
- package/tests/package_core.mjs +1 -1
- package/tests/parallel-load.mjs +6 -6
- package/tests/projects_hub.mjs +2 -2
- package/tests/provision.mjs +50 -50
- package/tests/provisioning_github_app_routes.mjs +1 -1
- package/tests/provisioning_onboard_mode.mjs +2 -2
- package/tests/publish_reconciler.mjs +4 -4
- package/tests/sandbox_stage.mjs +1 -1
- package/tests/scrubber_corpus.mjs +3 -3
- package/tests/search_isolation.mjs +1 -1
- package/tests/session_records.mjs +1 -1
- package/tests/ship_card.mjs +6 -6
- package/tests/ship_ci_deploy.mjs +1 -1
- package/tests/single_host_hall.mjs +9 -9
- package/tests/smoke_preflight.mjs +1 -1
- package/tests/smoke_target.mjs +1 -1
- package/tests/status-probe.mjs +1 -1
- package/tests/status_mirror_sync.mjs +1 -1
- package/docs/adr/0004-amazonprimea-name-and-trademark-acceptance.md +0 -45
- package/docs/design/mocks/_schemes.css +0 -604
- package/docs/design/mocks/component-sheet.html +0 -428
- package/docs/design/mocks/hall/_tokens.css +0 -370
- package/docs/design/mocks/hall/board/v1.html +0 -846
- package/docs/design/mocks/hall/board/v2.html +0 -858
- package/docs/design/mocks/hall/board/v3.html +0 -884
- package/docs/design/mocks/hall/goals/v1.html +0 -1212
- package/docs/design/mocks/hall/goals/v2.html +0 -1192
- package/docs/design/mocks/hall/goals/v3.html +0 -1205
- package/docs/design/mocks/hall/hall-sheet.html +0 -244
- package/docs/design/mocks/hall/reading/v1.html +0 -1125
- package/docs/design/mocks/hall/reading/v2.html +0 -1177
- package/docs/design/mocks/hall/reading/v3.html +0 -1150
- package/docs/design/mocks/hall/settings/v1.html +0 -1238
- package/docs/design/mocks/hall/settings/v2.html +0 -1235
- package/docs/design/mocks/hall/settings/v3.html +0 -1299
- package/docs/design/mocks/hall/task/v1.html +0 -633
- package/docs/design/mocks/hall/task/v2.html +0 -646
- package/docs/design/mocks/hall/task/v3.html +0 -647
- package/docs/design/mocks/hub/assets/r3-space-deepfield-half.jpg +0 -0
- package/docs/design/mocks/hub/assets/r3-space-deepfield-half.jpg.json +0 -13
- package/docs/design/mocks/hub/assets/r3-space-dust-half.jpg +0 -0
- package/docs/design/mocks/hub/assets/r3-space-dust-half.jpg.json +0 -13
- package/docs/design/mocks/hub/assets/r3-space-nebula-half.jpg +0 -0
- package/docs/design/mocks/hub/assets/r3-space-nebula-half.jpg.json +0 -13
- package/docs/design/mocks/hub/assets/r3-space-starfield-half.jpg +0 -0
- package/docs/design/mocks/hub/assets/r3-space-starfield-half.jpg.json +0 -13
- package/docs/design/mocks/hub/hub-sheet.html +0 -192
- package/docs/design/mocks/hub/mine.html +0 -465
- package/docs/design/mocks/hub/picker.html +0 -421
- package/docs/design/mocks/hub/planets.html +0 -356
- package/docs/design/mocks/hub/v1.html +0 -1209
- package/docs/design/mocks/hub/v2.html +0 -1257
- package/docs/design/mocks/hub/v3.html +0 -1496
- package/docs/design/mocks/hub/wizard.html +0 -421
- package/docs/design/mocks/landing/landing-sheet.html +0 -131
- package/docs/design/mocks/landing/v1.html +0 -956
- package/docs/design/mocks/landing/v2.html +0 -708
- package/docs/design/mocks/landing/v3.html +0 -911
- package/docs/design/mocks/landing-page-mock.html +0 -687
- package/docs/design/mocks/landing-palettes.html +0 -103
- package/docs/design/mocks/projects-hub-mock.html +0 -991
- package/docs/design/mocks/projects-hub-variants.html +0 -146
- package/docs/design/mocks/projects-page-mock.html +0 -167
- package/docs/design/mocks/world/blue-hud/_tokens.css +0 -246
- package/docs/design/mocks/world/blue-hud/hall.html +0 -595
- package/docs/design/mocks/world/blue-hud/landing.html +0 -424
- package/docs/design/mocks/world/blue-hud/status.html +0 -410
- package/docs/design/mocks/world/chrome-blobs/_tokens.css +0 -479
- package/docs/design/mocks/world/chrome-blobs/hall.html +0 -553
- package/docs/design/mocks/world/chrome-blobs/landing-b.html +0 -581
- package/docs/design/mocks/world/chrome-blobs/landing.html +0 -328
- package/docs/design/mocks/world/chrome-blobs/status.html +0 -416
- package/docs/design/mocks/world/natgeo-editorial/_tokens.css +0 -377
- package/docs/design/mocks/world/natgeo-editorial/hall.html +0 -649
- package/docs/design/mocks/world/natgeo-editorial/landing-b.html +0 -743
- package/docs/design/mocks/world/natgeo-editorial/landing.html +0 -475
- package/docs/design/mocks/world/natgeo-editorial/status.html +0 -437
- package/docs/design/mocks/world/organic-cards/_tokens.css +0 -462
- package/docs/design/mocks/world/organic-cards/hall.html +0 -625
- package/docs/design/mocks/world/organic-cards/landing-b.html +0 -736
- package/docs/design/mocks/world/organic-cards/landing.html +0 -420
- package/docs/design/mocks/world/organic-cards/status.html +0 -458
- package/docs/design/mocks/world/world-sheet.html +0 -156
|
@@ -1,475 +0,0 @@
|
|
|
1
|
-
<!doctype html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8">
|
|
5
|
-
<script>
|
|
6
|
-
(function(){try{var q=new URLSearchParams(location.search).get('mode');var m=(q==='light'||q==='dark')?q:localStorage.getItem('cb-color-mode');if(m==='light'||m==='dark')document.documentElement.setAttribute('data-mode',m);}catch(e){}})();
|
|
7
|
-
</script>
|
|
8
|
-
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
9
|
-
<title>Cloud Bongos</title>
|
|
10
|
-
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
11
|
-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
12
|
-
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600;700&display=swap">
|
|
13
|
-
<link rel="stylesheet" href="_tokens.css">
|
|
14
|
-
<style>
|
|
15
|
-
*{box-sizing:border-box}
|
|
16
|
-
html,body{margin:0;padding:0}
|
|
17
|
-
body{
|
|
18
|
-
background:var(--bg); color:var(--ink);
|
|
19
|
-
font-family:var(--font-body); font-weight:400;
|
|
20
|
-
font-variant-numeric:tabular-nums;
|
|
21
|
-
-webkit-font-smoothing:antialiased;
|
|
22
|
-
min-height:100dvh; display:flex; flex-direction:column;
|
|
23
|
-
--pl:21%; /* the editorial margin: the page's one vertical rule sits on it */
|
|
24
|
-
--pr:4%;
|
|
25
|
-
--gut:clamp(168px, 14vw, 212px);
|
|
26
|
-
}
|
|
27
|
-
::selection{background:var(--sel-bg); color:var(--sel-ink)}
|
|
28
|
-
a{color:inherit}
|
|
29
|
-
:focus-visible{outline:none; box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--focus)}
|
|
30
|
-
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
|
|
31
|
-
|
|
32
|
-
/* the one vertical rule, running the whole page behind everything */
|
|
33
|
-
.rule-v{position:fixed;z-index:0;left:var(--pl);top:0;bottom:0;width:1px;background:var(--grid-line);pointer-events:none}
|
|
34
|
-
|
|
35
|
-
/* ---------- top bar ---------- */
|
|
36
|
-
.topbar{
|
|
37
|
-
position:relative; z-index:2; flex:0 0 auto;
|
|
38
|
-
height:88px; display:flex; align-items:center; justify-content:space-between;
|
|
39
|
-
background:var(--bg); border-bottom:var(--line) solid var(--rule);
|
|
40
|
-
padding:0 var(--pr) 0 var(--pl);
|
|
41
|
-
}
|
|
42
|
-
.brand{display:flex;align-items:center;gap:14px;text-decoration:none}
|
|
43
|
-
.mark-plate{
|
|
44
|
-
width:32px;height:40px;flex:0 0 32px;
|
|
45
|
-
display:grid;place-items:center;border-radius:var(--radius);
|
|
46
|
-
box-shadow:inset 0 0 0 1.5px var(--mark-bg);
|
|
47
|
-
}
|
|
48
|
-
.mark-plate svg{width:24px;height:16px;display:block}
|
|
49
|
-
.mark-plate .ring,.mark-plate .glow,.mark-plate .bshadow{display:none}
|
|
50
|
-
.wordmark{
|
|
51
|
-
font-size:.9375rem;font-weight:500;line-height:1.16;letter-spacing:-.004em;
|
|
52
|
-
color:var(--ink);white-space:nowrap;
|
|
53
|
-
}
|
|
54
|
-
.topnav{display:flex;align-items:center;gap:30px}
|
|
55
|
-
.topnav a{
|
|
56
|
-
text-decoration:none;color:var(--ink);font-size:.9375rem;font-weight:400;
|
|
57
|
-
padding:6px 2px;border-radius:var(--radius);
|
|
58
|
-
}
|
|
59
|
-
.topnav a:hover{color:var(--ink-soft)}
|
|
60
|
-
.mode-toggle{
|
|
61
|
-
width:54px;height:28px;border:0;cursor:pointer;
|
|
62
|
-
background:transparent;color:var(--ink-soft);
|
|
63
|
-
border-radius:var(--radius-pill); display:grid; place-items:center;
|
|
64
|
-
box-shadow:inset 0 0 0 var(--line) var(--rule);
|
|
65
|
-
}
|
|
66
|
-
.mode-toggle:hover{color:var(--ink)}
|
|
67
|
-
.mode-toggle svg{width:16px;height:16px;display:block}
|
|
68
|
-
.mode-toggle .i-moon{display:var(--moon-display)}
|
|
69
|
-
.mode-toggle .i-sun{display:var(--sun-display)}
|
|
70
|
-
.chip{
|
|
71
|
-
border:0;background:none;cursor:pointer;color:var(--ink);white-space:nowrap;
|
|
72
|
-
font:inherit;font-size:.9375rem;padding:6px 2px;border-radius:var(--radius);
|
|
73
|
-
}
|
|
74
|
-
.chip:hover{color:var(--ink-soft)}
|
|
75
|
-
|
|
76
|
-
/* ---------- hero ---------- */
|
|
77
|
-
main{flex:1 1 auto;display:flex;flex-direction:column;position:relative;z-index:1}
|
|
78
|
-
.hero{
|
|
79
|
-
position:relative; overflow:hidden; isolation:isolate; background:var(--bg);
|
|
80
|
-
flex:1 1 auto;
|
|
81
|
-
min-height:calc(100dvh - 88px - 96px);
|
|
82
|
-
display:flex; flex-direction:column; justify-content:center;
|
|
83
|
-
padding:44px var(--pr) 44px var(--pl);
|
|
84
|
-
}
|
|
85
|
-
/* the limb: the plate bleeds past the container on every side so its border never shows */
|
|
86
|
-
.limb{
|
|
87
|
-
position:absolute;z-index:0;pointer-events:none;
|
|
88
|
-
left:-9%;right:-9%;top:-16%;height:122%;
|
|
89
|
-
background-image:var(--limb-plate);
|
|
90
|
-
background-repeat:no-repeat;background-size:cover;background-position:52% 26%;
|
|
91
|
-
mix-blend-mode:var(--limb-blend);
|
|
92
|
-
filter:var(--limb-filter);
|
|
93
|
-
opacity:var(--limb-op);
|
|
94
|
-
-webkit-mask-image:linear-gradient(to bottom,#000 0 40%,rgba(0,0,0,.5) 68%,transparent 88%);
|
|
95
|
-
mask-image:linear-gradient(to bottom,#000 0 40%,rgba(0,0,0,.5) 68%,transparent 88%);
|
|
96
|
-
}
|
|
97
|
-
/* the halftone screen sits over the ground and over the photograph alike */
|
|
98
|
-
.screen{
|
|
99
|
-
position:absolute;inset:0;z-index:1;pointer-events:none;
|
|
100
|
-
background-image:radial-gradient(circle, var(--dots) var(--dot-r), transparent calc(var(--dot-r) + .4px));
|
|
101
|
-
background-size:var(--dot-pitch) var(--dot-pitch);
|
|
102
|
-
}
|
|
103
|
-
.rule-r{position:absolute;z-index:1;top:0;bottom:0;right:var(--pr);width:1px;background:var(--grid-line)}
|
|
104
|
-
|
|
105
|
-
.stage{
|
|
106
|
-
position:relative;z-index:2;
|
|
107
|
-
display:grid;grid-template-columns:minmax(0,1fr) var(--gut) minmax(0,1fr);
|
|
108
|
-
align-items:start;row-gap:56px;
|
|
109
|
-
}
|
|
110
|
-
.headline{
|
|
111
|
-
grid-area:1 / 1 / 2 / -1;margin:0;
|
|
112
|
-
display:grid;grid-template-columns:minmax(0,1fr) var(--gut) minmax(0,1fr);
|
|
113
|
-
font-family:var(--font-display);font-weight:700;
|
|
114
|
-
font-size:clamp(2.35rem, 5.6vw, 5.05rem);
|
|
115
|
-
line-height:.98;letter-spacing:-.032em;color:var(--ink);
|
|
116
|
-
}
|
|
117
|
-
.hl{grid-column:1;text-align:right;white-space:nowrap}
|
|
118
|
-
.hr{grid-column:3;text-align:left;white-space:nowrap}
|
|
119
|
-
.lede{
|
|
120
|
-
grid-area:1 / 2 / 2 / 3;position:relative;
|
|
121
|
-
margin:.36em 0 0;padding:2px 16px 0 20px;
|
|
122
|
-
color:var(--lede-ink);font-size:1rem;line-height:1.44;
|
|
123
|
-
}
|
|
124
|
-
.lede::before{
|
|
125
|
-
content:'';position:absolute;left:0;top:0;bottom:0;width:1px;
|
|
126
|
-
background:linear-gradient(to bottom, var(--ink-faint) 0 46%, transparent 100%);
|
|
127
|
-
}
|
|
128
|
-
.doors{grid-area:2 / 1 / 3 / -1;display:flex;gap:44px;flex-wrap:wrap;align-items:center}
|
|
129
|
-
.door{
|
|
130
|
-
display:inline-flex;align-items:center;gap:16px;
|
|
131
|
-
text-decoration:none;color:var(--ink);cursor:pointer;
|
|
132
|
-
border-radius:var(--radius-pill);
|
|
133
|
-
}
|
|
134
|
-
.disc{
|
|
135
|
-
width:58px;height:58px;flex:0 0 58px;border-radius:var(--radius-pill);
|
|
136
|
-
display:grid;place-items:center;
|
|
137
|
-
transition:background-color .2s cubic-bezier(.16,1,.3,1), color .2s cubic-bezier(.16,1,.3,1);
|
|
138
|
-
}
|
|
139
|
-
.disc svg{width:20px;height:20px;display:block}
|
|
140
|
-
.door-primary .disc{background:var(--accent);color:var(--ink-on-accent)}
|
|
141
|
-
.door-primary:hover .disc{background:#ffdf52}
|
|
142
|
-
.door-secondary .disc{box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink)}
|
|
143
|
-
.door-secondary:hover .disc{background:var(--ink);color:var(--bg)}
|
|
144
|
-
.dl{font-size:1.0625rem;font-weight:600;letter-spacing:.002em;white-space:nowrap}
|
|
145
|
-
|
|
146
|
-
/* ---------- pipeline rail ---------- */
|
|
147
|
-
.rail{
|
|
148
|
-
flex:0 0 auto;position:relative;z-index:1;background:var(--bg);
|
|
149
|
-
border-top:var(--line) solid var(--rule);
|
|
150
|
-
padding:28px var(--pr) 32px 6%;
|
|
151
|
-
}
|
|
152
|
-
.rail ol{
|
|
153
|
-
list-style:none;margin:0;padding:0;
|
|
154
|
-
display:flex;justify-content:space-between;align-items:center;gap:12px;
|
|
155
|
-
}
|
|
156
|
-
.rail li{
|
|
157
|
-
position:relative;
|
|
158
|
-
font-size:.75rem;font-weight:500;letter-spacing:.19em;text-transform:uppercase;
|
|
159
|
-
color:var(--ink-faint);
|
|
160
|
-
}
|
|
161
|
-
.rail li.on{color:var(--ink);font-weight:700}
|
|
162
|
-
.dot{
|
|
163
|
-
position:absolute;left:50%;bottom:-19px;
|
|
164
|
-
width:7px;height:7px;border-radius:50%;background:var(--accent);
|
|
165
|
-
transform:translateX(-50%);
|
|
166
|
-
}
|
|
167
|
-
.dot.go{animation:slide 900ms cubic-bezier(.16,1,.3,1) both}
|
|
168
|
-
@keyframes slide{from{transform:translateX(calc(-50% + var(--dx, 0px)))}to{transform:translateX(-50%)}}
|
|
169
|
-
|
|
170
|
-
/* ---------- the specimen band ---------- */
|
|
171
|
-
.band{
|
|
172
|
-
position:relative;overflow:hidden;isolation:isolate;background:var(--bg);
|
|
173
|
-
border-top:var(--line) solid var(--rule);
|
|
174
|
-
min-height:460px;
|
|
175
|
-
padding:66px var(--pr) 70px var(--pl);
|
|
176
|
-
}
|
|
177
|
-
.band::before{
|
|
178
|
-
content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
|
|
179
|
-
background-image:var(--band-hatch);
|
|
180
|
-
}
|
|
181
|
-
.band-line{
|
|
182
|
-
position:relative;z-index:3;margin:0;max-width:30ch;
|
|
183
|
-
color:var(--ink-soft);font-size:1.0625rem;line-height:1.6;
|
|
184
|
-
}
|
|
185
|
-
.specimen{position:absolute;z-index:1;margin:0;top:0;bottom:0;right:2%;aspect-ratio:1/1}
|
|
186
|
-
.specimen-plate{
|
|
187
|
-
position:absolute;inset:0;
|
|
188
|
-
background-image:var(--bongo-plate);
|
|
189
|
-
background-repeat:no-repeat;background-size:contain;background-position:center;
|
|
190
|
-
mix-blend-mode:var(--bongo-blend);
|
|
191
|
-
filter:var(--bongo-filter);
|
|
192
|
-
opacity:var(--bongo-op);
|
|
193
|
-
/* the plate is square; dissolve its corners so the photograph has no container edge */
|
|
194
|
-
-webkit-mask-image:radial-gradient(closest-side at 50% 54%, #000 0 78%, transparent 100%);
|
|
195
|
-
mask-image:radial-gradient(closest-side at 50% 54%, #000 0 78%, transparent 100%);
|
|
196
|
-
}
|
|
197
|
-
.callouts{position:absolute;inset:0;z-index:3;margin:0;padding:0;list-style:none}
|
|
198
|
-
.callouts li{
|
|
199
|
-
position:absolute;top:var(--y);right:calc(100% - var(--dx));
|
|
200
|
-
display:flex;align-items:center;gap:0;
|
|
201
|
-
}
|
|
202
|
-
.co-1{--y:50%;--dx:13%;--len:104px}
|
|
203
|
-
.co-2{--y:30%;--dx:74%;--len:380px}
|
|
204
|
-
.co-3{--y:72%;--dx:40%;--len:224px}
|
|
205
|
-
.co-text{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding-right:10px}
|
|
206
|
-
.co-label{
|
|
207
|
-
font-size:.625rem;letter-spacing:.17em;text-transform:uppercase;color:var(--ink-faint);
|
|
208
|
-
white-space:nowrap;
|
|
209
|
-
}
|
|
210
|
-
.co-value{font-size:1.125rem;font-weight:600;color:var(--ink);line-height:1;white-space:nowrap}
|
|
211
|
-
.co-line{position:relative;display:block;height:1px;width:var(--len);background:var(--ink-faint)}
|
|
212
|
-
.co-line::after{
|
|
213
|
-
content:'';position:absolute;right:-2px;top:-2.5px;
|
|
214
|
-
width:6px;height:6px;border-radius:50%;background:var(--ink-soft);
|
|
215
|
-
}
|
|
216
|
-
.specimen figcaption{
|
|
217
|
-
position:absolute;left:0;bottom:34px;z-index:3;
|
|
218
|
-
font-size:.75rem;letter-spacing:.03em;color:var(--ink-faint);
|
|
219
|
-
}
|
|
220
|
-
.fig-list{display:none}
|
|
221
|
-
|
|
222
|
-
footer{
|
|
223
|
-
position:relative;z-index:1;background:var(--bg);
|
|
224
|
-
border-top:var(--line) solid var(--rule);
|
|
225
|
-
padding:26px var(--pr) 34px var(--pl);
|
|
226
|
-
display:flex;gap:26px;flex-wrap:wrap;align-items:baseline;
|
|
227
|
-
font-size:.8125rem;color:var(--ink-faint);
|
|
228
|
-
}
|
|
229
|
-
footer a{color:var(--ink-soft);text-decoration:none;border-bottom:var(--line) solid var(--rule)}
|
|
230
|
-
footer a:hover{color:var(--ink);border-bottom-color:var(--ink)}
|
|
231
|
-
|
|
232
|
-
@media (max-width:1180px){
|
|
233
|
-
body{--pl:17%}
|
|
234
|
-
.band{min-height:420px}
|
|
235
|
-
.co-1{--len:70px}
|
|
236
|
-
.co-2{--len:250px}
|
|
237
|
-
.co-3{--len:140px}
|
|
238
|
-
}
|
|
239
|
-
@media (max-width:900px){
|
|
240
|
-
body{--pl:28px;--pr:28px;--gut:0px}
|
|
241
|
-
.rule-v{display:none}
|
|
242
|
-
.hero{padding:40px 28px}
|
|
243
|
-
.stage,.headline{grid-template-columns:minmax(0,1fr)}
|
|
244
|
-
.headline{font-size:clamp(2.35rem,8.2vw,4rem)}
|
|
245
|
-
.hl,.hr{grid-column:1;text-align:left}
|
|
246
|
-
.lede{grid-area:auto;padding-left:18px;margin-top:26px;max-width:46ch}
|
|
247
|
-
.doors{grid-area:auto;gap:26px}
|
|
248
|
-
.rail{padding:24px 28px 30px}
|
|
249
|
-
.band{padding:52px 28px 60px;min-height:0}
|
|
250
|
-
.specimen{position:relative;right:auto;top:auto;bottom:auto;aspect-ratio:auto;height:340px;margin:28px -28px 0}
|
|
251
|
-
.callouts{display:none}
|
|
252
|
-
.specimen figcaption{position:static;margin-top:10px;padding-left:28px}
|
|
253
|
-
.fig-list{
|
|
254
|
-
display:flex;flex-wrap:wrap;gap:26px;margin:22px 0 0;padding:0;list-style:none;
|
|
255
|
-
position:relative;z-index:3;
|
|
256
|
-
}
|
|
257
|
-
.fig-list div{display:flex;flex-direction:column;gap:3px}
|
|
258
|
-
footer{padding:24px 28px 32px}
|
|
259
|
-
}
|
|
260
|
-
@media (max-width:640px){
|
|
261
|
-
body{--pl:20px;--pr:20px}
|
|
262
|
-
.topbar{height:64px;padding:0 20px}
|
|
263
|
-
.mark-plate{width:24px;height:31px;flex-basis:24px}
|
|
264
|
-
.mark-plate svg{width:18px;height:12px}
|
|
265
|
-
.brand{gap:10px}
|
|
266
|
-
.wordmark{font-size:.8125rem}
|
|
267
|
-
.topnav{gap:12px}
|
|
268
|
-
.topnav a,.chip{font-size:.8125rem}
|
|
269
|
-
.mode-toggle{width:44px;height:26px}
|
|
270
|
-
.mode-toggle svg{width:15px;height:15px}
|
|
271
|
-
.hero{padding:30px 20px;min-height:calc(100dvh - 64px - 108px)}
|
|
272
|
-
.stage{row-gap:34px}
|
|
273
|
-
.lede{font-size:1rem;margin-top:22px}
|
|
274
|
-
.doors{flex-direction:column;align-items:flex-start;gap:16px}
|
|
275
|
-
.disc{width:48px;height:48px;flex-basis:48px}
|
|
276
|
-
.rail{padding:20px 20px 26px}
|
|
277
|
-
.rail ol{display:grid;grid-template-columns:repeat(3,1fr);row-gap:22px;justify-content:initial}
|
|
278
|
-
.rail li{font-size:.6875rem;letter-spacing:.15em}
|
|
279
|
-
.dot{bottom:-14px}
|
|
280
|
-
.band{padding:42px 20px 50px}
|
|
281
|
-
.specimen{height:270px;margin:24px -20px 0}
|
|
282
|
-
.specimen figcaption{padding-left:20px}
|
|
283
|
-
footer{padding:20px 20px 28px;gap:14px}
|
|
284
|
-
}
|
|
285
|
-
</style>
|
|
286
|
-
</head>
|
|
287
|
-
<body>
|
|
288
|
-
|
|
289
|
-
<div class="rule-v" aria-hidden="true"></div>
|
|
290
|
-
|
|
291
|
-
<header class="topbar">
|
|
292
|
-
<a class="brand" href="/">
|
|
293
|
-
<span class="mark-plate" aria-hidden="true">
|
|
294
|
-
<svg class="bongos" viewBox="62 100 316 208" role="img" aria-label="A pair of bongo drums being played">
|
|
295
|
-
<defs>
|
|
296
|
-
<linearGradient id="shellBig" x1="0" y1="0" x2="1" y2="0.35">
|
|
297
|
-
<stop offset="0%" stop-color="var(--accent-deep)"/><stop offset="16%" stop-color="var(--accent)"/>
|
|
298
|
-
<stop offset="48%" stop-color="var(--accent)"/><stop offset="86%" stop-color="var(--accent-deep)"/>
|
|
299
|
-
<stop offset="100%" stop-color="var(--accent-deep)"/>
|
|
300
|
-
</linearGradient>
|
|
301
|
-
<linearGradient id="shellSml" x1="0" y1="0" x2="1" y2="0.35">
|
|
302
|
-
<stop offset="0%" stop-color="var(--accent-deep)"/><stop offset="18%" stop-color="var(--terracotta)"/>
|
|
303
|
-
<stop offset="55%" stop-color="var(--terracotta)"/><stop offset="100%" stop-color="var(--accent-deep)"/>
|
|
304
|
-
</linearGradient>
|
|
305
|
-
<radialGradient id="skin" cx="0.36" cy="0.26" r="0.9">
|
|
306
|
-
<stop offset="0%" stop-color="var(--skin-hi)"/><stop offset="58%" stop-color="var(--skin-mid)"/>
|
|
307
|
-
<stop offset="100%" stop-color="var(--skin-lo)"/>
|
|
308
|
-
</radialGradient>
|
|
309
|
-
<radialGradient id="halo" cx="0.5" cy="0.5" r="0.5">
|
|
310
|
-
<stop offset="0%" stop-color="var(--accent)" stop-opacity="0.30"/>
|
|
311
|
-
<stop offset="48%" stop-color="var(--accent)" stop-opacity="0.13"/>
|
|
312
|
-
<stop offset="100%" stop-color="var(--accent)" stop-opacity="0"/>
|
|
313
|
-
</radialGradient>
|
|
314
|
-
<filter id="soft" x="-60%" y="-160%" width="220%" height="420%">
|
|
315
|
-
<feGaussianBlur stdDeviation="9"/>
|
|
316
|
-
</filter>
|
|
317
|
-
</defs>
|
|
318
|
-
<ellipse class="glow" cx="222" cy="170" rx="215" ry="140" fill="url(#halo)"/>
|
|
319
|
-
<ellipse class="bshadow" cx="220" cy="286" rx="142" ry="14"
|
|
320
|
-
fill="var(--drum-shadow)" opacity=".22" filter="url(#soft)"/>
|
|
321
|
-
<path d="M 214,196 C 232,188 250,188 264,196 L 258,232 C 244,225 230,225 219,232 Z" fill="var(--accent-deep)"/>
|
|
322
|
-
<path d="M 214,196 C 232,188 250,188 264,196 L 262,205 C 247,197 231,197 216,205 Z" fill="var(--ink)" opacity=".22"/>
|
|
323
|
-
<g class="drumBig">
|
|
324
|
-
<path d="M 74,118 C 76,166 90,228 98,266 A 52,17 0 0 0 202,266 C 210,228 224,166 226,118 Z" fill="url(#shellBig)"/>
|
|
325
|
-
<path d="M 172,124 C 174,176 186,232 192,268 A 52,17 0 0 0 202,266 C 210,228 224,166 226,118 Z" fill="var(--ink)" opacity=".17"/>
|
|
326
|
-
<path d="M 92,126 C 94,174 104,230 110,266 A 52,17 0 0 1 100,267 C 92,230 78,172 76,124 Z" fill="#fff" opacity=".20"/>
|
|
327
|
-
<ellipse cx="150" cy="121" rx="80" ry="29" fill="var(--accent-deep)"/>
|
|
328
|
-
<ellipse cx="150" cy="117" rx="80" ry="29" fill="var(--accent)"/>
|
|
329
|
-
<ellipse cx="150" cy="117" rx="80" ry="29" fill="#fff" opacity=".13"/>
|
|
330
|
-
<g class="headBig">
|
|
331
|
-
<ellipse cx="150" cy="118" rx="70" ry="24" fill="url(#skin)"/>
|
|
332
|
-
<ellipse cx="150" cy="118" rx="70" ry="24" fill="none" stroke="var(--ink)" stroke-opacity=".09" stroke-width="1.4"/>
|
|
333
|
-
<ellipse cx="150" cy="118" rx="55" ry="18" fill="none" stroke="var(--ink)" stroke-opacity=".045" stroke-width="1"/>
|
|
334
|
-
<ellipse class="ring" cx="150" cy="118" rx="56" ry="19" fill="none" stroke="var(--accent-deep)" stroke-width="2.6"/>
|
|
335
|
-
</g>
|
|
336
|
-
<g fill="var(--accent-deep)">
|
|
337
|
-
<path d="M 78,138 l 9,0 -1.5,20 -6,0 z"/><path d="M 120,148 l 9,0 -1,21 -7,0 z"/>
|
|
338
|
-
<path d="M 172,148 l 9,0 -1,21 -7,0 z"/><path d="M 214,138 l 9,0 -1.5,20 -6,0 z"/>
|
|
339
|
-
</g>
|
|
340
|
-
</g>
|
|
341
|
-
<g class="drumSml">
|
|
342
|
-
<path d="M 240,134 C 242,178 252,230 258,266 A 40,13 0 0 0 338,266 C 344,230 354,178 356,134 Z" fill="url(#shellSml)"/>
|
|
343
|
-
<path d="M 314,140 C 316,186 324,234 328,268 A 40,13 0 0 0 338,266 C 344,230 354,178 356,134 Z" fill="var(--ink)" opacity=".19"/>
|
|
344
|
-
<path d="M 254,140 C 256,182 264,232 268,266 A 40,13 0 0 1 260,267 C 254,232 244,182 242,138 Z" fill="#fff" opacity=".17"/>
|
|
345
|
-
<ellipse cx="296" cy="137" rx="60" ry="22" fill="var(--accent-deep)"/>
|
|
346
|
-
<ellipse cx="296" cy="133" rx="60" ry="22" fill="var(--terracotta)"/>
|
|
347
|
-
<ellipse cx="296" cy="133" rx="60" ry="22" fill="#fff" opacity=".13"/>
|
|
348
|
-
<g class="headSml">
|
|
349
|
-
<ellipse cx="296" cy="134" rx="51" ry="18" fill="url(#skin)"/>
|
|
350
|
-
<ellipse cx="296" cy="134" rx="51" ry="18" fill="none" stroke="var(--ink)" stroke-opacity=".09" stroke-width="1.4"/>
|
|
351
|
-
<ellipse cx="296" cy="134" rx="39" ry="13" fill="none" stroke="var(--ink)" stroke-opacity=".045" stroke-width="1"/>
|
|
352
|
-
<ellipse class="ring" cx="296" cy="134" rx="41" ry="14" fill="none" stroke="var(--accent-deep)" stroke-width="2.3"/>
|
|
353
|
-
</g>
|
|
354
|
-
<g fill="var(--accent-deep)">
|
|
355
|
-
<path d="M 243,152 l 8,0 -1,17 -6,0 z"/><path d="M 276,160 l 8,0 -1,18 -6,0 z"/>
|
|
356
|
-
<path d="M 312,160 l 8,0 -1,18 -6,0 z"/><path d="M 345,152 l 8,0 -1,17 -6,0 z"/>
|
|
357
|
-
</g>
|
|
358
|
-
</g>
|
|
359
|
-
</svg>
|
|
360
|
-
</span>
|
|
361
|
-
<span class="wordmark">Cloud<br>Bongos</span>
|
|
362
|
-
</a>
|
|
363
|
-
<nav class="topnav" aria-label="Primary">
|
|
364
|
-
<a href="/projects">Projects</a>
|
|
365
|
-
<a href="/hall">Hall</a>
|
|
366
|
-
<button class="mode-toggle" id="mode" type="button" aria-label="Toggle light or dark">
|
|
367
|
-
<svg class="i-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.2 14.8A8.6 8.6 0 0 1 9.2 3.8a7.6 7.6 0 1 0 11 11Z"/></svg>
|
|
368
|
-
<svg class="i-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="4"/><path d="M12 3v2M12 19v2M4.6 4.6l1.4 1.4M18 18l1.4 1.4M3 12h2M19 12h2M4.6 19.4 6 18M18 6l1.4-1.4"/></svg>
|
|
369
|
-
</button>
|
|
370
|
-
<button class="chip" type="button">Sign in</button>
|
|
371
|
-
</nav>
|
|
372
|
-
</header>
|
|
373
|
-
|
|
374
|
-
<main>
|
|
375
|
-
<section class="hero">
|
|
376
|
-
<div class="limb" aria-hidden="true"></div>
|
|
377
|
-
<div class="screen" aria-hidden="true"></div>
|
|
378
|
-
<div class="rule-r" aria-hidden="true"></div>
|
|
379
|
-
|
|
380
|
-
<div class="stage">
|
|
381
|
-
<h1 class="headline"><span class="hl">Building<br>Digitally,</span><span class="hr">as simple<br>as Bongos.</span></h1>
|
|
382
|
-
<p class="lede">AI agents claim tasks and ship the code. You set the direction and the gates.</p>
|
|
383
|
-
<div class="doors">
|
|
384
|
-
<a class="door door-primary" href="/projects?view=new">
|
|
385
|
-
<span class="disc" aria-hidden="true">
|
|
386
|
-
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17 17 7M9 7h8v8"/></svg>
|
|
387
|
-
</span>
|
|
388
|
-
<span class="dl">Start a project</span>
|
|
389
|
-
</a>
|
|
390
|
-
<a class="door door-secondary" href="/projects">
|
|
391
|
-
<span class="disc" aria-hidden="true">
|
|
392
|
-
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h13M13 6.5 18.5 12 13 17.5"/></svg>
|
|
393
|
-
</span>
|
|
394
|
-
<span class="dl">Find a project to join</span>
|
|
395
|
-
</a>
|
|
396
|
-
</div>
|
|
397
|
-
</div>
|
|
398
|
-
</section>
|
|
399
|
-
|
|
400
|
-
<nav class="rail" id="rail" aria-label="How work moves">
|
|
401
|
-
<ol>
|
|
402
|
-
<li>Claim</li>
|
|
403
|
-
<li class="on" aria-current="step">Build<i class="dot" id="railDot"></i></li>
|
|
404
|
-
<li>Grade</li>
|
|
405
|
-
<li>Ship</li>
|
|
406
|
-
<li>Credit</li>
|
|
407
|
-
</ol>
|
|
408
|
-
</nav>
|
|
409
|
-
|
|
410
|
-
<section class="band">
|
|
411
|
-
<p class="band-line">Every change is backed by a claimed task, and every task is graded before it lands.</p>
|
|
412
|
-
|
|
413
|
-
<ul class="fig-list">
|
|
414
|
-
<li><div><span class="co-label">Tasks shipped</span><span class="co-value">1,107</span></div></li>
|
|
415
|
-
<li><div><span class="co-label">Credits of value</span><span class="co-value">69,751</span></div></li>
|
|
416
|
-
<li><div><span class="co-label">Builders</span><span class="co-value">6</span></div></li>
|
|
417
|
-
</ul>
|
|
418
|
-
|
|
419
|
-
<figure class="specimen">
|
|
420
|
-
<div class="specimen-plate" aria-hidden="true"></div>
|
|
421
|
-
<ul class="callouts" aria-hidden="true">
|
|
422
|
-
<li class="co-1">
|
|
423
|
-
<span class="co-text"><span class="co-label">Tasks shipped</span><span class="co-value">1,107</span></span>
|
|
424
|
-
<i class="co-line"></i>
|
|
425
|
-
</li>
|
|
426
|
-
<li class="co-2">
|
|
427
|
-
<span class="co-text"><span class="co-label">Credits of value</span><span class="co-value">69,751</span></span>
|
|
428
|
-
<i class="co-line"></i>
|
|
429
|
-
</li>
|
|
430
|
-
<li class="co-3">
|
|
431
|
-
<span class="co-text"><span class="co-label">Builders</span><span class="co-value">6</span></span>
|
|
432
|
-
<i class="co-line"></i>
|
|
433
|
-
</li>
|
|
434
|
-
</ul>
|
|
435
|
-
<figcaption>Cloud Bongos, the instrument. Figures from the platform ledger.</figcaption>
|
|
436
|
-
</figure>
|
|
437
|
-
</section>
|
|
438
|
-
</main>
|
|
439
|
-
|
|
440
|
-
<footer>
|
|
441
|
-
<span>Built by agents, on Cloud Bongos.</span>
|
|
442
|
-
<a href="https://www.gnu.org/licenses/agpl-3.0.html">Open source (AGPL-3.0)</a>
|
|
443
|
-
</footer>
|
|
444
|
-
|
|
445
|
-
<script>
|
|
446
|
-
(function(){
|
|
447
|
-
var root=document.documentElement;
|
|
448
|
-
function isDark(){
|
|
449
|
-
var m=root.getAttribute('data-mode');
|
|
450
|
-
if(m==='dark')return true;
|
|
451
|
-
if(m==='light')return false;
|
|
452
|
-
return window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
453
|
-
}
|
|
454
|
-
var btn=document.getElementById('mode');
|
|
455
|
-
btn.addEventListener('click',function(){
|
|
456
|
-
var next=isDark()?'light':'dark';
|
|
457
|
-
root.setAttribute('data-mode',next);
|
|
458
|
-
try{localStorage.setItem('cb-color-mode',next);}catch(e){}
|
|
459
|
-
});
|
|
460
|
-
|
|
461
|
-
var rail=document.getElementById('rail');
|
|
462
|
-
var dot=document.getElementById('railDot');
|
|
463
|
-
function place(){
|
|
464
|
-
var lit=rail.querySelector('li.on');
|
|
465
|
-
var first=rail.querySelector('li');
|
|
466
|
-
var a=first.getBoundingClientRect(), b=lit.getBoundingClientRect();
|
|
467
|
-
dot.style.setProperty('--dx',((a.left+a.width/2)-(b.left+b.width/2))+'px');
|
|
468
|
-
}
|
|
469
|
-
place();
|
|
470
|
-
dot.classList.add('go');
|
|
471
|
-
window.addEventListener('resize',place);
|
|
472
|
-
})();
|
|
473
|
-
</script>
|
|
474
|
-
</body>
|
|
475
|
-
</html>
|