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
<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>COMPARE ROWS (4.4 · ENHANCE):</strong> new scan rows dropped into the existing compare grid<br> <strong>COMPOSES:</strong> comparison-row (display:contents) · badge-eligibility </p> <p class="tw:mb-0 tw:text-sm"> Five new rows — Eligibility, SEND provision, Avg class size, Pastoral focus, Data completeness — added by inserting more <code>comparison-row</code>s into the caller’s grid. The primitive is <strong>not</strong> restyled; the grid wrapper owns the column count. </p> </div> <div class="tw:border-t tw:pt-6"> <h2 class="h4 tw:mb-4">Compare — 3 schools</h2> <div class="tw:overflow-x-auto" tabindex="0" role="region" aria-label="Comparison table (scrollable)"> <div class="tw:min-w-[720px] tw:grid tw:grid-cols-[1.3fr_1fr_1fr_1fr] tw:content-start tw:bg-white tw:border tw:border-line-card tw:rounded-md tw:overflow-hidden"> <div class="comparison-row-header">Compare</div> <div class="comparison-row-header">Greenford High</div> <div class="comparison-row-header">Cedar Grove</div> <div class="comparison-row-header">Hills Road</div> <div class="comparison-row"> <div class="comparison-row-label">Ofsted Rating <i class="fa-light fa-circle-info comparison-row-info-icon" role="img" aria-label="Ofsted rating definition"></i></div> <div class="comparison-row-value">Outstanding</div> <div class="comparison-row-value">Good</div> <div class="comparison-row-value">Outstanding</div> </div> <div class="comparison-row"> <div class="comparison-row-label">Courses Available</div> <div class="comparison-row-value">32</div> <div class="comparison-row-value">24</div> <div class="comparison-row-value">47</div> </div> <div class="comparison-row"> <div class="comparison-row-label"><span class="tw:cursor-help" data-controller="tooltip" data-tooltip-content-value="Compared using data our AI found on each school's own website"><i class="fa-light fa-brain-circuit tw:text-link tw:text-xs tw:mr-1.5" aria-hidden="true"></i><span class="tw:sr-only">AI-sourced</span></span>Eligibility (your grades)</div> <div class="comparison-row-value"><span class="badge-eligibility badge-eligibility-eligible">Eligible</span></div> <div class="comparison-row-value"><span class="badge-eligibility badge-eligibility-not-eligible">Likely</span></div> <div class="comparison-row-value"><span class="badge-eligibility badge-eligibility-info">Aim for</span></div> </div> <div class="comparison-row"> <div class="comparison-row-label"><span class="tw:cursor-help" data-controller="tooltip" data-tooltip-content-value="Compared using data our AI found on each school's own website"><i class="fa-light fa-brain-circuit tw:text-link tw:text-xs tw:mr-1.5" aria-hidden="true"></i><span class="tw:sr-only">AI-sourced</span></span>SEND provision</div> <div class="comparison-row-value">Specialist hub</div> <div class="comparison-row-value">Learning support</div> <div class="comparison-row-value">Mainstream</div> </div> <div class="comparison-row"> <div class="comparison-row-label"><span class="tw:cursor-help" data-controller="tooltip" data-tooltip-content-value="Compared using data our AI found on each school's own website"><i class="fa-light fa-brain-circuit tw:text-link tw:text-xs tw:mr-1.5" aria-hidden="true"></i><span class="tw:sr-only">AI-sourced</span></span>Avg class size</div> <div class="comparison-row-value">24</div> <div class="comparison-row-value">28</div> <div class="comparison-row-value">19</div> </div> <div class="comparison-row"> <div class="comparison-row-label"><span class="tw:cursor-help" data-controller="tooltip" data-tooltip-content-value="Compared using data our AI found on each school's own website"><i class="fa-light fa-brain-circuit tw:text-link tw:text-xs tw:mr-1.5" aria-hidden="true"></i><span class="tw:sr-only">AI-sourced</span></span>Pastoral focus</div> <div class="comparison-row-value"><span class="tw:inline-flex tw:items-center tw:gap-2"> <span class="tw:inline-flex tw:gap-1" aria-hidden="true"> <span class="tw:w-1.5 tw:h-1.5 tw:rounded-full tw:bg-primary"></span> <span class="tw:w-1.5 tw:h-1.5 tw:rounded-full tw:bg-primary"></span> <span class="tw:w-1.5 tw:h-1.5 tw:rounded-full tw:bg-primary"></span> </span> <span class="tw:text-[13px] tw:text-neutral-900">High</span> </span> </div> <div class="comparison-row-value"><span class="tw:inline-flex tw:items-center tw:gap-2"> <span class="tw:inline-flex tw:gap-1" aria-hidden="true"> <span class="tw:w-1.5 tw:h-1.5 tw:rounded-full tw:bg-primary"></span> <span class="tw:w-1.5 tw:h-1.5 tw:rounded-full tw:bg-primary"></span> <span class="tw:w-1.5 tw:h-1.5 tw:rounded-full tw:bg-neutral-300"></span> </span> <span class="tw:text-[13px] tw:text-neutral-900">Medium</span> </span> </div> <div class="comparison-row-value"><span class="tw:inline-flex tw:items-center tw:gap-2"> <span class="tw:inline-flex tw:gap-1" aria-hidden="true"> <span class="tw:w-1.5 tw:h-1.5 tw:rounded-full tw:bg-primary"></span> <span class="tw:w-1.5 tw:h-1.5 tw:rounded-full tw:bg-primary"></span> <span class="tw:w-1.5 tw:h-1.5 tw:rounded-full tw:bg-primary"></span> </span> <span class="tw:text-[13px] tw:text-neutral-900">High</span> </span> </div> </div> <div class="comparison-row"> <div class="comparison-row-label"><span class="tw:cursor-help" data-controller="tooltip" data-tooltip-content-value="Compared using data our AI found on each school's own website"><i class="fa-light fa-brain-circuit tw:text-link tw:text-xs tw:mr-1.5" aria-hidden="true"></i><span class="tw:sr-only">AI-sourced</span></span>Data completeness</div> <div class="comparison-row-value">92%</div> <div class="comparison-row-value">61%</div> <div class="comparison-row-value">78%</div> </div> </div> </div> <div class="tw:mt-4 tw:text-sm tw:text-gray-600"> <code><div class="comparison-row"><div class="comparison-row-label">…</div><div class="comparison-row-value">…</div>…</div></code> </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
65
66
67
68
69
70
71
72
73
<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>COMPARE ROWS (4.4 · ENHANCE):</strong> new scan rows dropped into the existing compare grid<br> <strong>COMPOSES:</strong> comparison-row (display:contents) · badge-eligibility </p> <p class="tw:mb-0 tw:text-sm"> Five new rows — Eligibility, SEND provision, Avg class size, Pastoral focus, Data completeness — added by inserting more <code>comparison-row</code>s into the caller’s grid. The primitive is <strong>not</strong> restyled; the grid wrapper owns the column count. </p> </div> <div class="tw:border-t tw:pt-6"> <h2 class="h4 tw:mb-4">Compare — 3 schools</h2> <div class="tw:overflow-x-auto" tabindex="0" role="region" aria-label="Comparison table (scrollable)"> <div class="tw:min-w-[720px] tw:grid tw:grid-cols-[1.3fr_1fr_1fr_1fr] tw:content-start tw:bg-white tw:border tw:border-line-card tw:rounded-md tw:overflow-hidden"> <div class="comparison-row-header">Compare</div> <div class="comparison-row-header">Greenford High</div> <div class="comparison-row-header">Cedar Grove</div> <div class="comparison-row-header">Hills Road</div> <%# existing-style rows for context %> <div class="comparison-row"> <div class="comparison-row-label">Ofsted Rating <i class="fa-light fa-circle-info comparison-row-info-icon" role="img" aria-label="Ofsted rating definition"></i></div> <div class="comparison-row-value">Outstanding</div> <div class="comparison-row-value">Good</div> <div class="comparison-row-value">Outstanding</div> </div> <div class="comparison-row"> <div class="comparison-row-label">Courses Available</div> <div class="comparison-row-value">32</div> <div class="comparison-row-value">24</div> <div class="comparison-row-value">47</div> </div> <%# NEW scan-fed rows %> <div class="comparison-row"> <div class="comparison-row-label"><span class="tw:cursor-help" data-controller="tooltip" data-tooltip-content-value="Compared using data our AI found on each school's own website"><i class="fa-light fa-brain-circuit tw:text-link tw:text-xs tw:mr-1.5" aria-hidden="true"></i><span class="tw:sr-only">AI-sourced</span></span>Eligibility (your grades)</div> <div class="comparison-row-value"><span class="badge-eligibility badge-eligibility-eligible">Eligible</span></div> <div class="comparison-row-value"><span class="badge-eligibility badge-eligibility-not-eligible">Likely</span></div> <div class="comparison-row-value"><span class="badge-eligibility badge-eligibility-info">Aim for</span></div> </div> <div class="comparison-row"> <div class="comparison-row-label"><span class="tw:cursor-help" data-controller="tooltip" data-tooltip-content-value="Compared using data our AI found on each school's own website"><i class="fa-light fa-brain-circuit tw:text-link tw:text-xs tw:mr-1.5" aria-hidden="true"></i><span class="tw:sr-only">AI-sourced</span></span>SEND provision</div> <div class="comparison-row-value">Specialist hub</div> <div class="comparison-row-value">Learning support</div> <div class="comparison-row-value">Mainstream</div> </div> <div class="comparison-row"> <div class="comparison-row-label"><span class="tw:cursor-help" data-controller="tooltip" data-tooltip-content-value="Compared using data our AI found on each school's own website"><i class="fa-light fa-brain-circuit tw:text-link tw:text-xs tw:mr-1.5" aria-hidden="true"></i><span class="tw:sr-only">AI-sourced</span></span>Avg class size</div> <div class="comparison-row-value">24</div> <div class="comparison-row-value">28</div> <div class="comparison-row-value">19</div> </div> <div class="comparison-row"> <div class="comparison-row-label"><span class="tw:cursor-help" data-controller="tooltip" data-tooltip-content-value="Compared using data our AI found on each school's own website"><i class="fa-light fa-brain-circuit tw:text-link tw:text-xs tw:mr-1.5" aria-hidden="true"></i><span class="tw:sr-only">AI-sourced</span></span>Pastoral focus</div> <div class="comparison-row-value"><%= render "projects/scan_data_preview/strength", filled: 3, label: "High" %></div> <div class="comparison-row-value"><%= render "projects/scan_data_preview/strength", filled: 2, label: "Medium" %></div> <div class="comparison-row-value"><%= render "projects/scan_data_preview/strength", filled: 3, label: "High" %></div> </div> <div class="comparison-row"> <div class="comparison-row-label"><span class="tw:cursor-help" data-controller="tooltip" data-tooltip-content-value="Compared using data our AI found on each school's own website"><i class="fa-light fa-brain-circuit tw:text-link tw:text-xs tw:mr-1.5" aria-hidden="true"></i><span class="tw:sr-only">AI-sourced</span></span>Data completeness</div> <div class="comparison-row-value">92%</div> <div class="comparison-row-value">61%</div> <div class="comparison-row-value">78%</div> </div> </div> </div> <div class="tw:mt-4 tw:text-sm tw:text-gray-600"> <code><div class="comparison-row"><div class="comparison-row-label">…</div><div class="comparison-row-value">…</div>…</div></code> </div> </div></div>No notes provided.
No params configured.