live-quiz 0.3.1 → 0.4.1
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/README.md +1 -1
- package/dist/live-quiz.css +1 -1
- package/dist/live-quiz.js +1365 -1261
- package/dist/live-quiz.umd.js +71 -6
- package/dist/participant/index.d.ts +3 -23
- package/dist/participant/index.d.ts.map +1 -1
- package/dist/participant/selectors.d.ts +17 -0
- package/dist/participant/selectors.d.ts.map +1 -0
- package/dist/participant.css +1 -1
- package/dist/participant.js +736 -659
- package/dist/participant.umd.js +1 -1
- package/dist/src/dom/html.d.ts +10 -0
- package/dist/src/dom/html.d.ts.map +1 -0
- package/dist/src/dom/render-question.d.ts +1 -1
- package/dist/src/dom/render-question.d.ts.map +1 -1
- package/dist/src/dom/render-results.d.ts.map +1 -1
- package/dist/src/dom/render-wordcloud.d.ts.map +1 -1
- package/dist/src/dom/selectors.d.ts +30 -0
- package/dist/src/dom/selectors.d.ts.map +1 -0
- package/dist/src/index.d.ts +3 -1
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/plugin.d.ts +2 -1
- package/dist/src/plugin.d.ts.map +1 -1
- package/dist/src/quiz-manager.d.ts +3 -8
- package/dist/src/quiz-manager.d.ts.map +1 -1
- package/dist/src/quiz-types.d.ts +94 -0
- package/dist/src/quiz-types.d.ts.map +1 -1
- package/functions/netlify/quiz-answer.mts +2 -2
- package/functions/netlify/quiz-sync.mts +2 -2
- package/functions/netlify/shared.mts +24 -2
- package/functions/vercel/quiz-answer.ts +2 -2
- package/functions/vercel/quiz-sync.ts +2 -2
- package/functions/vercel/shared.ts +24 -2
- package/package.json +8 -3
- package/src/live-quiz-components.css +276 -0
package/README.md
CHANGED
|
@@ -231,7 +231,7 @@ The plugin inherits your Reveal.js theme's fonts and colors automatically via `-
|
|
|
231
231
|
| `--lq-bar-track` | 10% of `--lq-text` | Bar track background |
|
|
232
232
|
| `--lq-border-radius` | `0.5rem` | Border radius |
|
|
233
233
|
|
|
234
|
-
Participant widget uses `--lq-p-*` variables — see `participant/participant.css` for the full list.
|
|
234
|
+
Participant widget uses `--lq-p-*` variables — see `participant/participant.css` for the full list. The participant accent (`--lq-p-accent`) defaults to `var(--lq-accent)`, so setting `--lq-accent` once themes both presenter and participant.
|
|
235
235
|
|
|
236
236
|
## Data Attributes Reference
|
|
237
237
|
|
package/dist/live-quiz.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.lq-question{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:1rem 0;gap:1.5rem;color:var(--lq-text)}.lq-question__title{font-family:var(--lq-heading-font);font-size:clamp(2rem,5vw,4rem);font-weight:var(--lq-heading-font-weight, 800);line-height:var(--lq-heading-line-height, 1);letter-spacing:var(--lq-heading-letter-spacing, -.02em);text-transform:var(--lq-heading-text-transform, none);text-align:center}.lq-question__body{display:flex;align-items:flex-start;gap:3rem;width:100%}.lq-question__qr-side{display:flex;flex-direction:column;align-items:center;gap:.75rem;flex-shrink:0}.lq-qr{border-radius:var(--lq-border-radius);image-rendering:crisp-edges}.lq-question__url{font-family:var(--lq-mono);font-size:clamp(.6rem,1.2vw,.85rem);color:var(--lq-text-muted);text-align:center;word-break:break-all}.lq-question__content{display:flex;flex-direction:column;gap:1.5rem;flex:1}.lq-question__text{font-family:var(--lq-font);font-size:clamp(1rem,2.2vw,1.5rem);font-weight:600;line-height:1.3}.lq-question__options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.lq-question__option{display:flex;align-items:center;gap:.75rem;padding:.6em 1em;border:1px solid var(--lq-option-border);border-radius:var(--lq-border-radius);font-family:var(--lq-font);font-size:clamp(.8rem,1.6vw,1.1rem)}.lq-question__option-label{font-family:var(--lq-mono);font-weight:700;font-size:.85em;color:var(--lq-accent);flex-shrink:0}.lq-question__option-text{font-weight:500}.lq-question__counter{font-family:var(--lq-mono);font-size:clamp(.9rem,1.8vw,1.2rem);color:var(--lq-text-muted);font-variant-numeric:tabular-nums}.lq-answered{color:var(--lq-accent);font-weight:700}.lq-results{display:flex;flex-direction:column;gap:2rem;width:100%;color:var(--lq-text)}.lq-results__title{font-family:var(--lq-heading-font);font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:600;line-height:1.3;text-align:center}.lq-results__bars{display:flex;flex-direction:column;gap:1rem;width:100%}.lq-result-bar{display:grid;grid-template-columns:12rem 1fr 5rem;align-items:center;gap:1rem}.lq-result-bar__label{display:flex;align-items:center;gap:.75rem}.lq-result-bar__letter{font-family:var(--lq-mono);font-weight:700;font-size:clamp(.8rem,1.4vw,1rem);color:var(--lq-text-muted);flex-shrink:0}.lq-result-bar--correct .lq-result-bar__letter{color:var(--lq-accent)}.lq-result-bar__text{font-family:var(--lq-font);font-size:clamp(.85rem,1.6vw,1.1rem);font-weight:500}.lq-result-bar--correct .lq-result-bar__text{font-weight:700;color:var(--lq-accent)}.lq-result-bar__track{height:2.2rem;background:var(--lq-bar-track);border-radius:.35rem;overflow:hidden;position:relative}.lq-result-bar__fill{height:100%;border-radius:.35rem;background:var(--lq-bar-fill);transition:width 1.2s cubic-bezier(.4,0,.2,1)}.lq-result-bar--correct .lq-result-bar__fill{background:var(--lq-bar-correct)}.lq-result-bar__stats{display:flex;gap:.5rem;align-items:baseline;font-family:var(--lq-mono);font-variant-numeric:tabular-nums;font-size:clamp(.7rem,1.2vw,.9rem)}.lq-result-bar__pct{font-weight:700}.lq-result-bar--correct .lq-result-bar__pct{color:var(--lq-accent)}.lq-result-bar__count{color:var(--lq-text-muted)}.lq-question__hint{font-family:var(--lq-font);font-size:clamp(.9rem,1.8vw,1.2rem);font-style:italic;color:var(--lq-text-muted)}.lq-wordcloud{display:flex;flex-direction:column;gap:2rem;width:100%;color:var(--lq-text)}.lq-wordcloud__title{font-family:var(--lq-heading-font);font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:600;line-height:1.3;text-align:center}.lq-wordcloud__cloud{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem 1rem;width:100%;min-height:4rem}.lq-wordcloud__word{font-family:var(--lq-font);font-weight:500;transition:font-size .6s cubic-bezier(.4,0,.2,1),opacity .6s ease}.lq-wordcloud__word--top{color:var(--lq-accent);font-weight:800}@media(prefers-reduced-motion:reduce){.lq-result-bar__fill,.lq-wordcloud__word{transition:none}}:root{--lq-accent: var(--r-link-color, #f59e0b);--lq-text: var(--r-main-color, inherit);--lq-text-muted: color-mix(in srgb, var(--lq-text) 50%, transparent);--lq-heading-font: var(--r-heading-font, inherit);--lq-font: var(--r-main-font, inherit);--lq-mono: var(--r-code-font, ui-monospace, "Cascadia Code", "Fira Code", monospace);--lq-heading-font-weight: var(--r-heading-font-weight, 800);--lq-heading-line-height: var(--r-heading-line-height, 1);--lq-heading-letter-spacing: var(--r-heading-letter-spacing, -.02em);--lq-heading-text-transform: var(--r-heading-text-transform, none);--lq-bar-track: color-mix(in srgb, var(--lq-text) 10%, transparent);--lq-bar-fill: color-mix(in srgb, var(--lq-text) 35%, transparent);--lq-bar-correct: var(--lq-accent);--lq-border-radius: .5rem;--lq-option-border: color-mix(in srgb, var(--lq-text) 30%, transparent)}
|