Skip to content

Commit c01f398

Browse files
ryan-blundenryan-blunden
committed
Update section IDs and modify card elements for focus accessibility
1 parent af3fb56 commit c01f398

1 file changed

Lines changed: 18 additions & 2 deletions

File tree

‎public/coder-lms-content-delivery-plan.html‎

Lines changed: 18 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -811,7 +811,7 @@ <h2 class="text-5xl font-bold mb-12">
811811
</section>
812812

813813
<section
814-
id="what-gets-us-there-1"
814+
id="what-gets-us-there"
815815
class="slide items-center justify-center px-12"
816816
>
817817
<div class="max-w-6xl w-full space-y-8">
@@ -820,6 +820,7 @@ <h2 class="text-5xl font-bold mb-12">What Gets Us There</h2>
820820
<div class="grid grid-cols-2 gap-4">
821821
<div
822822
class="card bg-white/5 backdrop-blur-sm border border-white/10"
823+
data-focussable
823824
>
824825
<div class="card-body p-6 flex items-center text-center">
825826
<div
@@ -838,6 +839,7 @@ <h4 class="text-2xl mt-4 font-semibold mb-3">
838839

839840
<div
840841
class="card bg-white/5 backdrop-blur-sm border border-white/10"
842+
data-focussable
841843
>
842844
<div class="card-body p-6 flex items-center text-center">
843845
<div
@@ -855,6 +857,7 @@ <h4 class="text-2xl mt-4 font-semibold mb-3">Fill The Gaps</h4>
855857

856858
<div
857859
class="card bg-white/5 backdrop-blur-sm border border-white/10"
860+
data-focussable
858861
>
859862
<div class="card-body p-6 flex items-center text-center">
860863
<div
@@ -873,6 +876,7 @@ <h4 class="text-2xl mt-4 font-semibold mb-3">Break it Down</h4>
873876

874877
<div
875878
class="card bg-white/5 backdrop-blur-sm border border-white/10"
879+
data-focussable
876880
>
877881
<div class="card-body p-6 flex items-center text-center">
878882
<div
@@ -933,6 +937,7 @@ <h2 class="text-5xl font-bold mb-12">
933937
<div class="space-y-4">
934938
<div
935939
class="card bg-white/5 backdrop-blur-sm border-l-4 border-l-white/30"
940+
data-focussable
936941
>
937942
<div class="card-body p-6">
938943
<div class="flex items-center gap-4">
@@ -952,6 +957,7 @@ <h4 class="text-xl font-semibold">
952957

953958
<div
954959
class="card bg-white/5 backdrop-blur-sm border-l-4 border-l-white/30"
960+
data-focussable
955961
>
956962
<div class="card-body p-6">
957963
<div class="flex items-center gap-4">
@@ -971,6 +977,7 @@ <h4 class="text-xl font-semibold">
971977

972978
<div
973979
class="card bg-white/5 backdrop-blur-sm border-l-4 border-l-white/30"
980+
data-focussable
974981
>
975982
<div class="card-body p-6">
976983
<div class="flex items-center gap-4">
@@ -990,6 +997,7 @@ <h4 class="text-xl font-semibold">
990997

991998
<div
992999
class="card bg-white/5 backdrop-blur-sm border-l-4 border-l-white/30"
1000+
data-focussable
9931001
>
9941002
<div class="card-body p-6">
9951003
<div class="flex items-center gap-4">
@@ -1009,6 +1017,7 @@ <h4 class="text-xl font-semibold">
10091017

10101018
<div
10111019
class="card bg-white/5 backdrop-blur-sm border-l-4 border-l-white/30"
1020+
data-focussable
10121021
>
10131022
<div class="card-body p-6">
10141023
<div class="flex items-center gap-4">
@@ -1026,6 +1035,7 @@ <h4 class="text-xl font-semibold">Final Review and Approval</h4>
10261035

10271036
<div
10281037
class="card bg-white/5 backdrop-blur-sm border-l-4 border-l-white/30"
1038+
data-focussable
10291039
>
10301040
<div class="card-body p-6">
10311041
<div class="flex items-center gap-4">
@@ -1053,6 +1063,7 @@ <h2 class="text-5xl font-bold mb-12">Milestones</h2>
10531063
<div class="space-y-4">
10541064
<div
10551065
class="card bg-white/5 backdrop-blur-sm border-l-4 border-l-white/30"
1066+
data-focussable
10561067
>
10571068
<div class="card-body p-6">
10581069
<div class="flex items-start gap-4">
@@ -1075,6 +1086,7 @@ <h4 class="text-xl font-semibold">
10751086

10761087
<div
10771088
class="card bg-white/5 backdrop-blur-sm border-l-4 border-l-white/30"
1089+
data-focussable
10781090
>
10791091
<div class="card-body p-6">
10801092
<div class="flex items-start gap-4">
@@ -1095,6 +1107,7 @@ <h4 class="text-xl font-semibold">Coder SCORM Course Template</h4>
10951107

10961108
<div
10971109
class="card bg-white/5 backdrop-blur-sm border-l-4 border-l-white/30"
1110+
data-focussable
10981111
>
10991112
<div class="card-body p-6">
11001113
<div class="flex items-start gap-4">
@@ -1115,6 +1128,7 @@ <h4 class="text-xl font-semibold">AWS EKS Course and Reference Implementation</h
11151128

11161129
<div
11171130
class="card bg-white/5 backdrop-blur-sm border-l-4 border-l-white/30"
1131+
data-focussable
11181132
>
11191133
<div class="card-body p-6">
11201134
<div class="flex items-start gap-4">
@@ -1135,6 +1149,7 @@ <h4 class="text-xl font-semibold">GCP GKE Course and Reference Implementation</h
11351149

11361150
<div
11371151
class="card bg-white/5 backdrop-blur-sm border-l-4 border-l-white/30"
1152+
data-focussable
11381153
>
11391154
<div class="card-body p-6">
11401155
<div class="flex items-start gap-4">
@@ -1155,6 +1170,7 @@ <h4 class="text-xl font-semibold">Azure AKS Course and Reference Implementation<
11551170

11561171
<div
11571172
class="card bg-white/5 backdrop-blur-sm border-l-4 border-l-white/30"
1173+
data-focussable
11581174
>
11591175
<div class="card-body p-6">
11601176
<div class="flex items-start gap-4">
@@ -1334,7 +1350,7 @@ <h3 class="text-4xl font-semibold text-center">2026</h3>
13341350

13351351
<section id="questions" class="slide items-center justify-center px-12">
13361352
<div class="text-center space-y-8 max-w-4xl">
1337-
<h1 class="text-7xl font-bold tracking-tight">Questions?</h1>
1353+
<h1 class="text-7xl font-bold tracking-tight">Thanks!</h1>
13381354
<div class="mt-12">
13391355
<p class="text-2xl text-white/80">Ryan Blunden</p>
13401356
</div>

0 commit comments

Comments
 (0)