Skip to content

Commit 662c2bf

Browse files
AbdulSalam416AbdulSalam416
committed
ui:moved diclaimer block in assesement page to the top
1 parent ba44d31 commit 662c2bf

2 files changed

Lines changed: 64 additions & 44 deletions

File tree

‎web/assets/css/main.css‎

Lines changed: 39 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -523,39 +523,56 @@ nav a:hover {
523523
}
524524

525525
.assessment-disclaimer {
526-
border: 1px solid var;
527-
border-left: 4px solid var(--color-green);
528-
box-shadow: 0 10px 28px rgba(16, 22, 32, 0.04);
526+
display: flex;
527+
gap: 16px;
528+
align-items: flex-start;
529+
background: #fafcfd;
530+
border: 1px solid var(--color-border);
531+
border-left: 4px solid #f43f5e;
532+
border-radius: 12px;
533+
padding: 20px 24px;
534+
margin-top: 24px;
535+
box-shadow: 0 4px 12px rgba(16, 22, 32, 0.03);
529536
}
530537

531-
.assessment-disclaimer .panel-label {
532-
color: var(--color-primary);
538+
.assessment-disclaimer .disclaimer-icon-wrapper {
539+
color: #f43f5e;
540+
font-size: 20px;
541+
flex-shrink: 0;
542+
display: flex;
543+
align-items: center;
544+
justify-content: center;
545+
padding-top: 2px;
533546
}
534547

535-
.assessment-disclaimer .panel-note {
536-
max-width: 72ch;
548+
.assessment-disclaimer .disclaimer-content {
549+
display: flex;
550+
flex-direction: column;
551+
gap: 4px;
537552
}
538553

539-
.assessment-disclaimer .panel-note + .panel-note {
540-
margin-top: 16px;
541-
padding-top: 14px;
542-
border-top: 1px solid var(--color-border);
554+
.assessment-disclaimer .panel-label {
555+
font-weight: 700;
556+
font-size: 15px;
557+
color: var(--color-black);
558+
margin: 0;
543559
}
544560

545-
.assessment-disclaimer .panel-note a.inline-link {
546-
display: inline-flex;
547-
align-items: center;
548-
padding: 4px 10px;
549-
border-radius: 999px;
550-
background: rgba(255, 255, 255, 0.72);
551-
border: 1px solid var(--color-border);
552-
text-decoration: none;
561+
.assessment-disclaimer .panel-note {
562+
font-size: 13.5px;
563+
line-height: 1.55;
564+
color: var(--color-text-secondary);
565+
margin: 0;
566+
}
567+
568+
.assessment-disclaimer .panel-note a {
569+
color: var(--color-black);
570+
text-decoration: underline;
553571
font-weight: 600;
554572
}
555573

556-
.assessment-disclaimer .panel-note a.inline-link:hover {
557-
border-color: rgba(189, 149, 60, 0.34);
558-
box-shadow: 0 6px 16px rgba(16, 22, 32, 0.06);
574+
.assessment-disclaimer .panel-note a:hover {
575+
color: var(--color-primary);
559576
}
560577

561578
.homepage-disclaimer {

‎web/layouts/assessments/single.html‎

Lines changed: 25 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{{ define "main" }}
22
{{ $pagePath := .File.Path }}
33
{{ $reportPath := .Params.report_path }}
4-
{{ $ui := $.Site.Data.assessment_ui }}
4+
{{ $ui := hugo.Data.assessment_ui }}
55

66
{{/* Determine if this page has an assessment report file */}}
77
{{ $isAudited := false }}
@@ -26,7 +26,7 @@
2626

2727
{{ if $isAudited }}
2828
{{/* ======================================================================
29-
AUDITED VIEW: Render full quantitative evidence chain assessment
29+
AUDITED VIEW: Full quantitative evidence chain assessment
3030
====================================================================== */}}
3131
{{ $latestRun := dict }}
3232
{{ $runs := $report.runs }}
@@ -63,8 +63,21 @@
6363
{{ $ratingClass = "moderate" }}
6464
{{ end }}
6565

66-
<section class="audit-hero-section">
66+
<section class="audit-hero-section" style="padding-top: 40px;">
6767
<div class="container">
68+
<div class="assessment-disclaimer" style="margin-bottom: 40px; margin-top: 0;">
69+
<div class="disclaimer-icon-wrapper">
70+
<i class="fa-solid fa-triangle-exclamation"></i>
71+
</div>
72+
<div class="disclaimer-content">
73+
<h4 class="panel-label">{{ $ui.methodology.disclaimer_title }}</h4>
74+
<p class="panel-note">
75+
{{ $ui.methodology.disclaimer_text | safeHTML }}
76+
{{ with $.Params.report_source }} Raw files are accessible at the <a href="{{ . }}" target="_blank" class="inline-link-inline">assessment report source</a>.{{ end }}
77+
</p>
78+
</div>
79+
</div>
80+
6881
<div class="audit-hero-grid">
6982
<div class="audit-hero-details">
7083
<span class="eyebrow">{{ $ui.hero.eyebrow }}</span>
@@ -158,7 +171,7 @@ <h2>{{ $ui.pathway.title }}</h2>
158171
{{ $stageScore := .score }}
159172
{{ $stageState := "weak" }}
160173
{{ if ge $stageScore 80 }}{{ $stageState = "strong" }}{{ else if ge $stageScore 55 }}{{ $stageState = "moderate" }}{{ end }}
161-
{{ $stageDef := index $.Site.Data.traceability_framework.stages $index }}
174+
{{ $stageDef := index hugo.Data.traceability_framework.stages $index }}
162175

163176
<div class="pipeline-node node-state-{{ $stageState }}">
164177
<div class="node-details">
@@ -240,7 +253,7 @@ <h3>{{ $weakestStage.stage_name }}</h3>
240253
<div class="health-card health-missing">
241254
<div class="card-kicker">{{ $ui.health_summary.missing.kicker }}</div>
242255
<ul class="missing-items-list">
243-
{{ range $index, $stageDef := $.Site.Data.traceability_framework.stages }}
256+
{{ range $index, $stageDef := hugo.Data.traceability_framework.stages }}
244257
{{ $stageScore := (index $latestRun.stages $index).score }}
245258
{{ if lt $stageScore 75 }}
246259
<li>{{ $stageDef.missing_artifact }}</li>
@@ -251,7 +264,7 @@ <h3>{{ $weakestStage.stage_name }}</h3>
251264

252265
<!-- Card 4: First Priority Action -->
253266
{{ $weakestDef := dict }}
254-
{{ range $.Site.Data.traceability_framework.stages }}
267+
{{ range hugo.Data.traceability_framework.stages }}
255268
{{ if eq .full_name $weakestStage.stage_name }}
256269
{{ $weakestDef = . }}
257270
{{ end }}
@@ -297,7 +310,7 @@ <h3>{{ $ui.linkage.title }}</h3>
297310
</div>
298311

299312
<div class="linkage-checklist">
300-
{{ range $.Site.Data.linkage_checks.checks }}
313+
{{ range hugo.Data.linkage_checks.checks }}
301314
{{ $sourceScore := (index $latestRun.stages .source_stage_index).score }}
302315
{{ $targetScore := (index $latestRun.stages .target_stage_index).score }}
303316
{{ $linkState := "broken" }}
@@ -361,7 +374,7 @@ <h2>{{ $ui.detailed_inspection.title }}</h2>
361374
{{ end }}
362375
{{ end }}
363376

364-
{{ $stageDef := index $.Site.Data.traceability_framework.stages $index }}
377+
{{ $stageDef := index hugo.Data.traceability_framework.stages $index }}
365378
<div class="dimension-inspect-card stage-state-{{ $stageState }}">
366379
<div class="dim-card-header">
367380
<div class="dim-title-group">
@@ -446,7 +459,7 @@ <h2>{{ $ui.gaps.title }}</h2>
446459
</tr>
447460
</thead>
448461
<tbody>
449-
{{ range $index, $stageDef := $.Site.Data.traceability_framework.stages }}
462+
{{ range $index, $stageDef := hugo.Data.traceability_framework.stages }}
450463
{{ if $stageDef.gap_name }}
451464
{{ $stageScore := (index $latestRun.stages $index).score }}
452465
{{/* Coerce both values to integers to ensure numeric comparison works reliably */}}
@@ -476,7 +489,7 @@ <h2>{{ $ui.roadmap.title }}</h2>
476489
</div>
477490

478491
<div class="roadmap-grid">
479-
{{ range $.Site.Data.remediation_roadmap.phases }}
492+
{{ range hugo.Data.remediation_roadmap.phases }}
480493
<div class="roadmap-card phase-{{ .id }}">
481494
<div class="phase-header">
482495
<span class="phase-badge">{{ .badge }}</span>
@@ -499,25 +512,15 @@ <h3>{{ .title }}</h3>
499512
</div>
500513
</section>
501514

502-
{{/* Methodology, Disclaimer & Definitions (Moved Lower) */}}
515+
{{/* Methodology & Definitions */}}
503516
<section class="audit-methodology-section">
504517
<div class="container">
505518
<div class="accordion-panel">
506-
<div class="accordion-item">
507-
<h3 class="accordion-title">{{ $ui.methodology.disclaimer_title }}</h3>
508-
<div class="accordion-content">
509-
<p class="panel-note">
510-
{{ $ui.methodology.disclaimer_text | safeHTML }}
511-
{{ with $.Params.report_source }} Raw files are accessible at the <a href="{{ . }}" target="_blank" class="inline-link-inline">assessment report source</a>.{{ end }}
512-
</p>
513-
</div>
514-
</div>
515-
516519
<div class="accordion-item">
517520
<h3 class="accordion-title">{{ $ui.methodology.definitions_title }}</h3>
518521
<div class="accordion-content">
519522
<ul class="definitions-grid-list">
520-
{{ range $.Site.Data.traceability_framework.stages }}
523+
{{ range hugo.Data.traceability_framework.stages }}
521524
<li>
522525
<strong>{{ .full_name }}:</strong>
523526
<span>{{ .definition }}</span>

0 commit comments

Comments
 (0)