x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<div class="tw:p-6 tw:max-w-7xl tw:mx-auto tw:space-y-8"> <div class="callout"> <p class="tw:mb-1 tw:text-sm tw:font-mono"> <strong>SOURCED FACT (atom):</strong> D1 grounded fact + D2 provenance<br> <strong>STATES:</strong> Verified | Unverified | Long quote </p> <p class="tw:mb-0 tw:text-sm"> The reusable atom underpinning School insights, Course requirements and Claim-your-profile. Editorial (school-authored) copy and scan-discovered facts must be visually distinguishable, and a fact <strong>never</strong> appears without a source. Mocked from existing badge / link / blockquote classes — no new CSS. </p> </div> <div class="tw:border-t tw:pt-6"> <h2 class="h4 tw:mb-4">Verified fact</h2> <div class="callout tw:mb-4"> <p class="tw:mb-0 tw:text-sm"><strong>Verified:</strong> the insight leads; a quiet footer carries an AI-sourced brain icon, a small green “Verified” date, and a “Source” link whose URL shows on hover — never louder than the fact itself.</p> </div> <div class="card"> <div class="card-body"> <div class="tw:py-3.5"> <p class="tw:mb-0 tw:text-body-s tw:leading-body-s tw:text-neutral-800">Character education and community service are woven through the sixth-form curriculum.</p> <blockquote class="tw:mt-2 tw:mb-0 tw:border-0 tw:border-l-4 tw:border-secondary-500 tw:bg-surface-muted tw:rounded-r-md tw:px-3 tw:py-2 tw:italic tw:text-body-s tw:leading-body-s tw:text-neutral-700"> “Our values of respect, resilience and responsibility underpin every aspect of school life.” </blockquote> <div class="tw:flex tw:flex-wrap tw:items-center tw:gap-x-2.5 tw:gap-y-1 tw:mt-2 tw:text-body-xs tw:leading-body-xs tw:text-neutral-500"> <span class="tw:inline-flex tw:items-center tw:cursor-help" data-controller="tooltip" data-tooltip-content-value="Found by AI from the school’s own website"> <i class="fa-light fa-brain-circuit tw:text-link" aria-hidden="true"></i><span class="tw:sr-only">AI-sourced</span> </span> <span class="tw:inline-flex tw:items-center tw:gap-1 tw:text-green-700"> <i class="fa-solid fa-circle-check" aria-hidden="true"></i>Verified 16 Jul 2026 </span> <span aria-hidden="true">·</span> <a href="#" class="tw:inline-flex tw:items-center tw:gap-1 tw:text-neutral-500 tw:cursor-help tw:hover:text-link" data-controller="tooltip" data-tooltip-content-value="greenford.ealing.sch.uk/ethos"> <i class="fa-light fa-link" aria-hidden="true"></i>Source </a> </div> </div> </div> </div> <div class="tw:mt-4 tw:text-sm tw:text-gray-600"> <code>insight → blockquote → quiet footer: brain icon · Verified {date} · Source (URL on hover)</code> </div> </div> <div class="tw:border-t tw:pt-6"> <h2 class="h4 tw:mb-4">Unverified fact</h2> <div class="callout tw:mb-4"> <p class="tw:mb-0 tw:text-sm"><strong>Unverified:</strong> the quote and source are withheld; the footer reads “Awaiting verification” instead. A fact is never shown without provenance.</p> </div> <div class="card"> <div class="card-body"> <div class="tw:py-3.5"> <p class="tw:mb-0 tw:text-body-s tw:leading-body-s tw:text-neutral-800">The school reports a dedicated wellbeing team supporting Year 12 transition.</p> <div class="tw:flex tw:flex-wrap tw:items-center tw:gap-x-2.5 tw:gap-y-1 tw:mt-2 tw:text-body-xs tw:leading-body-xs tw:text-neutral-500"> <span class="tw:inline-flex tw:items-center tw:cursor-help" data-controller="tooltip" data-tooltip-content-value="Found by AI from the school’s own website"> <i class="fa-light fa-brain-circuit tw:text-link" aria-hidden="true"></i><span class="tw:sr-only">AI-sourced</span> </span> <span class="tw:inline-flex tw:items-center tw:gap-1"> <i class="fa-light fa-clock" aria-hidden="true"></i>Awaiting verification </span> </div> </div> </div> </div> </div> <div class="tw:border-t tw:pt-6"> <h2 class="h4 tw:mb-4">Long quote</h2> <div class="callout tw:mb-4"> <p class="tw:mb-0 tw:text-sm"><strong>Overflow:</strong> longer verbatim quotes wrap inside the sky-bordered blockquote without breaking layout.</p> </div> <div class="card"> <div class="card-body"> <div class="tw:py-3.5"> <p class="tw:mb-0 tw:text-body-s tw:leading-body-s tw:text-neutral-800">The sixth form runs a specialist SEND hub with named keyworkers and 1:1 tutoring.</p> <blockquote class="tw:mt-2 tw:mb-0 tw:border-0 tw:border-l-4 tw:border-secondary-500 tw:bg-surface-muted tw:rounded-r-md tw:px-3 tw:py-2 tw:italic tw:text-body-s tw:leading-body-s tw:text-neutral-700"> “Our SEND provision includes a dedicated hub staffed by three specialist teachers and four learning-support assistants; every student on the register is assigned a named keyworker who coordinates weekly 1:1 tutoring, exam-access arrangements and a personalised transition plan into post-16 study.” </blockquote> <div class="tw:flex tw:flex-wrap tw:items-center tw:gap-x-2.5 tw:gap-y-1 tw:mt-2 tw:text-body-xs tw:leading-body-xs tw:text-neutral-500"> <span class="tw:inline-flex tw:items-center tw:cursor-help" data-controller="tooltip" data-tooltip-content-value="Found by AI from the school’s own website"> <i class="fa-light fa-brain-circuit tw:text-link" aria-hidden="true"></i><span class="tw:sr-only">AI-sourced</span> </span> <span class="tw:inline-flex tw:items-center tw:gap-1 tw:text-green-700"> <i class="fa-solid fa-circle-check" aria-hidden="true"></i>Verified 16 Jul 2026 </span> <span aria-hidden="true">·</span> <a href="#" class="tw:inline-flex tw:items-center tw:gap-1 tw:text-neutral-500 tw:cursor-help tw:hover:text-link" data-controller="tooltip" data-tooltip-content-value="greenford.ealing.sch.uk/send-information-report"> <i class="fa-light fa-link" aria-hidden="true"></i>Source </a> </div> </div> </div> </div> </div></div>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<div class="tw:p-6 tw:max-w-7xl tw:mx-auto tw:space-y-8"> <div class="callout"> <p class="tw:mb-1 tw:text-sm tw:font-mono"> <strong>SOURCED FACT (atom):</strong> D1 grounded fact + D2 provenance<br> <strong>STATES:</strong> Verified | Unverified | Long quote </p> <p class="tw:mb-0 tw:text-sm"> The reusable atom underpinning School insights, Course requirements and Claim-your-profile. Editorial (school-authored) copy and scan-discovered facts must be visually distinguishable, and a fact <strong>never</strong> appears without a source. Mocked from existing badge / link / blockquote classes — no new CSS. </p> </div> <div class="tw:border-t tw:pt-6"> <h2 class="h4 tw:mb-4">Verified fact</h2> <div class="callout tw:mb-4"> <p class="tw:mb-0 tw:text-sm"><strong>Verified:</strong> the insight leads; a quiet footer carries an AI-sourced brain icon, a small green “Verified” date, and a “Source” link whose URL shows on hover — never louder than the fact itself.</p> </div> <div class="card"> <div class="card-body"> <%= render "projects/scan_data_preview/sourced_fact", fact_text: "Character education and community service are woven through the sixth-form curriculum.", criterion: "Ethos", verified: true, verified_at: "16 Jul 2026", quote: "Our values of respect, resilience and responsibility underpin every aspect of school life.", source_url: "#", source_label: "greenford.ealing.sch.uk/ethos" %> </div> </div> <div class="tw:mt-4 tw:text-sm tw:text-gray-600"> <code>insight → blockquote → quiet footer: brain icon · Verified {date} · Source (URL on hover)</code> </div> </div> <div class="tw:border-t tw:pt-6"> <h2 class="h4 tw:mb-4">Unverified fact</h2> <div class="callout tw:mb-4"> <p class="tw:mb-0 tw:text-sm"><strong>Unverified:</strong> the quote and source are withheld; the footer reads “Awaiting verification” instead. A fact is never shown without provenance.</p> </div> <div class="card"> <div class="card-body"> <%= render "projects/scan_data_preview/sourced_fact", fact_text: "The school reports a dedicated wellbeing team supporting Year 12 transition.", criterion: "Pastoral", verified: false, verified_at: nil, quote: "A quote that failed the grounding step and must not be shown.", source_url: "#", source_label: nil %> </div> </div> </div> <div class="tw:border-t tw:pt-6"> <h2 class="h4 tw:mb-4">Long quote</h2> <div class="callout tw:mb-4"> <p class="tw:mb-0 tw:text-sm"><strong>Overflow:</strong> longer verbatim quotes wrap inside the sky-bordered blockquote without breaking layout.</p> </div> <div class="card"> <div class="card-body"> <%= render "projects/scan_data_preview/sourced_fact", fact_text: "The sixth form runs a specialist SEND hub with named keyworkers and 1:1 tutoring.", criterion: "SEND", verified: true, verified_at: "16 Jul 2026", quote: "Our SEND provision includes a dedicated hub staffed by three specialist teachers and four learning-support assistants; every student on the register is assigned a named keyworker who coordinates weekly 1:1 tutoring, exam-access arrangements and a personalised transition plan into post-16 study.", source_url: "#", source_label: "greenford.ealing.sch.uk/send-information-report" %> </div> </div> </div></div>No notes provided.
No params configured.