Added Lighthouse scores to the page

This commit is contained in:
ivan-pelly
2026-02-19 14:28:01 -08:00
parent 9d9a416d1c
commit f63f6134df
+27
View File
@@ -110,6 +110,10 @@
.grid-3 { .grid-3 {
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
} }
.grid-4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
} }
.card { .card {
@@ -467,6 +471,29 @@
</div> </div>
</section> </section>
<section class="card" style="margin-top:1.25rem;" aria-labelledby="lighthouse">
<h2 id="lighthouse">Lighthouse Scores</h2>
<p class="muted">This page achieved the following Lighthouse scores:</p>
<div class="grid grid-4" style="margin-top:0.75rem;">
<div class="kpi" style="text-align:center;">
<strong>100</strong>
<span>Performance</span>
</div>
<div class="kpi" style="text-align:center;">
<strong>100</strong>
<span>Accessibility</span>
</div>
<div class="kpi" style="text-align:center;">
<strong>100</strong>
<span>Best Practices</span>
</div>
<div class="kpi" style="text-align:center;">
<strong>100</strong>
<span>SEO</span>
</div>
</div>
</section>
</main> </main>
<footer role="contentinfo"> <footer role="contentinfo">