Update kjol website with C documentation
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
// Package jsruntime is the JS/TS half of kjol: the Solid component kit, the
|
||||
// Package jsruntime is the JS/TS tree of kjol: the Solid component kit, the
|
||||
// vendored Solid runtime, the FontAwesome SVG source kit, the shared Tailwind
|
||||
// @theme scaffold, and the generic TS scaffolding (auth, hooks, ssr, utils).
|
||||
//
|
||||
|
||||
1
go/jsruntime/icons/regular/bell.svg
Normal file
1
go/jsruntime/icons/regular/bell.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--! Font Awesome Pro 7.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M320 64C306.7 64 296 74.7 296 88L296 97.7C214.6 109.3 152 179.4 152 264L152 278.5C152 316.2 142 353.2 123 385.8L101.1 423.2C97.8 429 96 435.5 96 442.2C96 463.1 112.9 480 133.8 480L506.2 480C527.1 480 544 463.1 544 442.2C544 435.5 542.2 428.9 538.9 423.2L517 385.7C498 353.1 488 316.1 488 278.4L488 263.9C488 179.3 425.4 109.2 344 97.6L344 87.9C344 74.6 333.3 63.9 320 63.9zM488.4 432L151.5 432L164.4 409.9C187.7 370 200 324.6 200 278.5L200 264C200 197.7 253.7 144 320 144C386.3 144 440 197.7 440 264L440 278.5C440 324.7 452.3 370 475.5 409.9L488.4 432zM252.1 528C262 556 288.7 576 320 576C351.3 576 378 556 387.9 528L252.1 528z"/></svg>
|
||||
|
After Width: | Height: | Size: 895 B |
1
go/jsruntime/icons/regular/chart-column.svg
Normal file
1
go/jsruntime/icons/regular/chart-column.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--! Font Awesome Pro 7.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M112 120C112 106.7 101.3 96 88 96C74.7 96 64 106.7 64 120L64 464C64 508.2 99.8 544 144 544L552 544C565.3 544 576 533.3 576 520C576 506.7 565.3 496 552 496L144 496C126.3 496 112 481.7 112 464L112 120zM536 128C522.7 128 512 138.7 512 152L512 392C512 405.3 522.7 416 536 416C549.3 416 560 405.3 560 392L560 152C560 138.7 549.3 128 536 128zM312 192C298.7 192 288 202.7 288 216L288 392C288 405.3 298.7 416 312 416C325.3 416 336 405.3 336 392L336 216C336 202.7 325.3 192 312 192zM200 288C186.7 288 176 298.7 176 312L176 392C176 405.3 186.7 416 200 416C213.3 416 224 405.3 224 392L224 312C224 298.7 213.3 288 200 288zM448 280C448 266.7 437.3 256 424 256C410.7 256 400 266.7 400 280L400 392C400 405.3 410.7 416 424 416C437.3 416 448 405.3 448 392L448 280z"/></svg>
|
||||
|
After Width: | Height: | Size: 1015 B |
1
go/jsruntime/icons/solid/bell.svg
Normal file
1
go/jsruntime/icons/solid/bell.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--! Font Awesome Pro 7.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M320 64C302.3 64 288 78.3 288 96L288 99.2C215 114 160 178.6 160 256L160 277.7C160 325.8 143.6 372.5 113.6 410.1L103.8 422.3C98.7 428.6 96 436.4 96 444.5C96 464.1 111.9 480 131.5 480L508.4 480C528 480 543.9 464.1 543.9 444.5C543.9 436.4 541.2 428.6 536.1 422.3L526.3 410.1C496.4 372.5 480 325.8 480 277.7L480 256C480 178.6 425 114 352 99.2L352 96C352 78.3 337.7 64 320 64zM258 528C265.1 555.6 290.2 576 320 576C349.8 576 374.9 555.6 382 528L258 528z"/></svg>
|
||||
|
After Width: | Height: | Size: 716 B |
1
go/jsruntime/icons/solid/chart-column.svg
Normal file
1
go/jsruntime/icons/solid/chart-column.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--! Font Awesome Pro 7.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M96 96C113.7 96 128 110.3 128 128L128 464C128 472.8 135.2 480 144 480L544 480C561.7 480 576 494.3 576 512C576 529.7 561.7 544 544 544L144 544C99.8 544 64 508.2 64 464L64 128C64 110.3 78.3 96 96 96zM208 288C225.7 288 240 302.3 240 320L240 384C240 401.7 225.7 416 208 416C190.3 416 176 401.7 176 384L176 320C176 302.3 190.3 288 208 288zM352 224L352 384C352 401.7 337.7 416 320 416C302.3 416 288 401.7 288 384L288 224C288 206.3 302.3 192 320 192C337.7 192 352 206.3 352 224zM432 256C449.7 256 464 270.3 464 288L464 384C464 401.7 449.7 416 432 416C414.3 416 400 401.7 400 384L400 288C400 270.3 414.3 256 432 256zM576 160L576 384C576 401.7 561.7 416 544 416C526.3 416 512 401.7 512 384L512 160C512 142.3 526.3 128 544 128C561.7 128 576 142.3 576 160z"/></svg>
|
||||
|
After Width: | Height: | Size: 1013 B |
@@ -70,7 +70,7 @@
|
||||
|
||||
The vocabulary is deliberately identical to the Go/WASM kit's (webui.
|
||||
ThemeTokens). Two kits, one contract: a designer changes `surface` once and
|
||||
both halves of the site move together. */
|
||||
both layers of the site move together. */
|
||||
|
||||
/* Surfaces, in ascending prominence. */
|
||||
--color-surface: #ffffff;
|
||||
@@ -96,12 +96,23 @@
|
||||
--color-fill-neutral-hover: #262626;
|
||||
--color-on-fill-neutral: #ffffff;
|
||||
|
||||
/* The accent. `primary` is a FILL — it carries white text, so it must stay dark
|
||||
enough for white to sit on it. Brand supplies the value; see the app's
|
||||
style.css. These defaults keep the kit legible before an app has themed
|
||||
anything, NOT so that it can skip theming. */
|
||||
/* The accent, in four parts, because a single "brand colour" cannot do four jobs.
|
||||
Same names as the Go kit (webui.ThemeTokens) — one vocabulary, two kits.
|
||||
|
||||
primary is a FILL: it carries white text, so it has to stay dark enough for white
|
||||
to sit on it. accent is TEXT and icons: it has to stay readable ON the surface.
|
||||
One value cannot be both, and in dark mode they diverge completely — the fill
|
||||
stays put while the text has to climb.
|
||||
|
||||
primary-subtle / primary-border are the tinted panel: a callout, a selected row.
|
||||
|
||||
Brand supplies the values; see the app's style.css. These defaults keep the kit
|
||||
legible before an app has themed anything, NOT so that it can skip theming. */
|
||||
--color-primary: #404040;
|
||||
--color-primary-hover: #262626;
|
||||
--color-primary-subtle: #f5f5f5;
|
||||
--color-primary-border: #d4d4d4;
|
||||
--color-accent: #262626;
|
||||
|
||||
/* ---- deliberately-dark chrome (the kit's `onDark` prop) ----------------
|
||||
Not the same thing as dark MODE. Several components take onDark, for when
|
||||
@@ -164,6 +175,13 @@
|
||||
--color-fill-neutral: #e5e5e5;
|
||||
--color-fill-neutral-hover: #ffffff;
|
||||
--color-on-fill-neutral: #171717;
|
||||
|
||||
/* The fill stays where it is — white text still has to be readable on it — but the
|
||||
tinted panel and the accent TEXT both have to move, or they vanish into a near
|
||||
black surface. This is exactly why they are separate tokens. */
|
||||
--color-primary-subtle: #1f1f24;
|
||||
--color-primary-border: #3d3d45;
|
||||
--color-accent: #e5e5e5;
|
||||
}
|
||||
|
||||
/* The page's own background — painted before anything mounts, and behind it
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
// the kit are none the wiser.
|
||||
//
|
||||
// The storage key is deliberately the SAME one the Go/WASM kit uses
|
||||
// (webui.ThemeBootScript, webui.themeStorageKey). Both halves of kjol-web are served
|
||||
// (webui.ThemeBootScript, webui.themeStorageKey). Both layers of kjol-web are served
|
||||
// from one origin, so they share a localStorage: choose dark in the /wasm section,
|
||||
// walk over to /js, and it is still dark. Two front-ends, one preference.
|
||||
|
||||
|
||||
Reference in New Issue
Block a user