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
<div class="grid grid-cols-[1fr_12rem] gap-8 max-w-2xl"><div id="toc-flat-article" class="h-72 overflow-y-auto rounded-md border p-6 space-y-6 [&>section:last-child]:min-h-60"> <section class="space-y-2"> <h2 id="toc-flat-install" class="font-semibold">Install</h2> <p class="text-sm text-muted-foreground">Each section starts with what you need and ends with how to check it worked.</p> <p class="text-sm text-muted-foreground">Commands run from the root of your Rails app.</p> </section> <section class="space-y-2"> <h2 id="toc-flat-configure" class="font-semibold">Configure</h2> <p class="text-sm text-muted-foreground">Each section starts with what you need and ends with how to check it worked.</p> <p class="text-sm text-muted-foreground">Commands run from the root of your Rails app.</p> </section> <section class="space-y-2"> <h2 id="toc-flat-theme" class="font-semibold">Theme</h2> <p class="text-sm text-muted-foreground">Each section starts with what you need and ends with how to check it worked.</p> <p class="text-sm text-muted-foreground">Commands run from the root of your Rails app.</p> </section> <section class="space-y-2"> <h2 id="toc-flat-deploy" class="font-semibold">Deploy</h2> <p class="text-sm text-muted-foreground">Each section starts with what you need and ends with how to check it worked.</p> <p class="text-sm text-muted-foreground">Commands run from the root of your Rails app.</p> </section></div><nav id="ui-toc-aa151fc1" class="text-sm data-[settling]:[&_*]:transition-none" data-controller="ui--table-of-contents" data-settling="" data-ui--table-of-contents-offset-value="24" data-ui--table-of-contents-container-value="#toc-flat-article" aria-label="On this page"> <div class="relative border-s border-border ps-3" data-ui--table-of-contents-target="rail"> <span aria-hidden="true" data-state="hidden" data-ui--table-of-contents-target="indicator" class="absolute -start-px top-0 h-0 w-0.5 rounded-full bg-primary opacity-0 data-[state=visible]:opacity-100 transition-[transform,height,opacity] duration-200 ease-out motion-reduce:transition-none"></span> <ul class="space-y-1"> <li> <a href="#toc-flat-install" class="block rounded-md px-3 text-muted-foreground hover:text-foreground data-[state=ancestor]:text-foreground data-[state=active]:bg-muted data-[state=active]:font-medium data-[state=active]:text-foreground transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 ring-offset-background py-1.5" data-state="inactive" data-ui--table-of-contents-target="link" data-action="click->ui--table-of-contents#select">Install</a> </li> <li> <a href="#toc-flat-configure" class="block rounded-md px-3 text-muted-foreground hover:text-foreground data-[state=ancestor]:text-foreground data-[state=active]:bg-muted data-[state=active]:font-medium data-[state=active]:text-foreground transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 ring-offset-background py-1.5" data-state="inactive" data-ui--table-of-contents-target="link" data-action="click->ui--table-of-contents#select">Configure</a> </li> <li> <a href="#toc-flat-theme" class="block rounded-md px-3 text-muted-foreground hover:text-foreground data-[state=ancestor]:text-foreground data-[state=active]:bg-muted data-[state=active]:font-medium data-[state=active]:text-foreground transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 ring-offset-background py-1.5" data-state="inactive" data-ui--table-of-contents-target="link" data-action="click->ui--table-of-contents#select">Theme</a> </li> <li> <a href="#toc-flat-deploy" class="block rounded-md px-3 text-muted-foreground hover:text-foreground data-[state=ancestor]:text-foreground data-[state=active]:bg-muted data-[state=active]:font-medium data-[state=active]:text-foreground transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 ring-offset-background py-1.5" data-state="inactive" data-ui--table-of-contents-target="link" data-action="click->ui--table-of-contents#select">Deploy</a> </li> </ul> </div></nav></div>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div class="grid grid-cols-[1fr_12rem] gap-8 max-w-2xl"> <div id="toc-flat-article" class="h-72 overflow-y-auto rounded-md border p-6 space-y-6 [&>section:last-child]:min-h-60"> <% %w[Install Configure Theme Deploy].each do |heading| %> <section class="space-y-2"> <h2 id="toc-flat-<%= heading.downcase %>" class="font-semibold"><%= heading %></h2> <p class="text-sm text-muted-foreground">Each section starts with what you need and ends with how to check it worked.</p> <p class="text-sm text-muted-foreground">Commands run from the root of your Rails app.</p> </section> <% end %> </div> <%= render(UI::TableOfContents.new(container: "#toc-flat-article", offset: 24)) do |toc| %> <% %w[Install Configure Theme Deploy].each do |heading| %> <% toc.with_item(href: "#toc-flat-#{heading.downcase}", text: heading) %> <% end %> <% end %></div>No notes provided.
No params configured.