...

This reverts commit ab65724a96.

ET/Web/Pages/Gear.razor

@@ -0,0 +1,51 @@
+@page "/gear"
+@inject DocsService DocsService
+
+<PageTitle>Gear & Equipment</PageTitle>
+
+<div class="section-header d-flex align-items-center mb-4">
+    <h1 class="mb-0">Gear & Equipment</h1>
+    <div class="ms-3 flex-grow-1 border-bottom opacity-25"></div>
+</div>
+
+@if (gearNotes == null)
+{
+    <div class="d-flex justify-content-center py-5">
+        <div class="spinner-border text-success" role="status">
+            <span class="visually-hidden">Loading...</span>
+        </div>
+    </div>
+}
+else
+{
+    <div class="grid-container">
+        <TelerikGrid Data="@gearNotes" Pageable="true" PageSize="50" Sortable="true" FilterMode="@GridFilterMode.FilterRow"
+                     Height="calc(100vh - 250px)">
+            <GridColumns>
+                <GridColumn Field="@(nameof(NoteInfo.Title))" Title="Item Name" Width="200px">
+                    <Template>
+                        <NavLink href="@($"docs/{(context as NoteInfo)!.Slug}")" class="fw-bold">@((context as NoteInfo)!.Title)</NavLink>
+                    </Template>
+                </GridColumn>
+                <GridColumn Field="@(nameof(NoteInfo.Cost))" Title="Cost" Width="90px" />
+                <GridColumn Field="@(nameof(NoteInfo.GearCategory))" Title="Category" Width="140px"/>
+                <GridColumn Field="@(nameof(NoteInfo.Effect))" Title="Effect"/>
+                <GridColumn Field="@(nameof(NoteInfo.Location))" Title="Acquisition" Width="150px"/>
+            </GridColumns>
+        </TelerikGrid>
+    </div>
+}
+
+@code {
+    private List<NoteInfo>? gearNotes;
+
+    protected override async Task OnInitializedAsync()
+    {
+        var index = await DocsService.GetIndexAsync();
+        gearNotes = index.Notes
+            .Where(n => string.Equals(n.Category, "Gear", StringComparison.OrdinalIgnoreCase))
+            .OrderBy(n => n.Title)
+            .ToList();
+    }
+
+}

ET/Web/Program.cs

@@ -11,6 +11,6 @@ builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.
 builder.Services.AddScoped<DocsService>();
 builder.Services.AddSingleton<GameSimulationService>();
 
-//builder.Services.AddTelerikBlazor();
+builder.Services.AddTelerikBlazor();
 
 await builder.Build().RunAsync();

ET/Web/Web.csproj

@@ -8,13 +8,14 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="Markdig" Version="0.40.0"/>
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="10.0.9"/>
-        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="10.0.9" PrivateAssets="all"/>
+        <PackageReference Include="Markdig" Version="0.40.0" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="10.0.9" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="10.0.9" PrivateAssets="all" />
+        <PackageReference Include="Telerik.UI.for.Blazor" Version="14.0.0" />
     </ItemGroup>
 
     <Target Name="SyncDocsNotes" BeforeTargets="BeforeBuild">
-        <Exec Command="dotnet run --project &quot;$(MSBuildProjectDirectory)\..\Console\Console.csproj&quot;"/>
+        <Exec Command="dotnet run --project &quot;$(MSBuildProjectDirectory)\..\Console\Console.csproj&quot;" />
     </Target>
 
 </Project>

ET/Web/_Imports.razor

@@ -9,4 +9,6 @@
 @using Web
 @using Web.Layout
 @using Web.Models
+@using Telerik.Blazor
+@using Telerik.Blazor.Components
 @using Web.Services