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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<div class="grid grid-cols-[1fr_14rem] gap-8 max-w-3xl"><div id="toc-default-article" class="h-96 overflow-y-auto rounded-md border p-6 space-y-6"> <section class="space-y-2"> <h2 id="toc-default-process" class="text-lg font-semibold">Contribution process</h2> <p class="text-sm text-muted-foreground">Every change goes through the same four steps.</p> </section> <section class="space-y-2"> <h3 id="toc-default-issue" class="font-medium">1. Create an issue or open a merge request</h3> <p class="text-sm text-muted-foreground">Describe the change and why it matters. Link related issues, add screenshots for visual changes, and note anything reviewers should try by hand.</p> <p class="text-sm text-muted-foreground">Keep each change focused on one thing, so it is quick to review and easy to revert.</p> </section> <section class="space-y-2"> <h3 id="toc-default-classify" class="font-medium">2. Classify as core or extended</h3> <p class="text-sm text-muted-foreground">Describe the change and why it matters. Link related issues, add screenshots for visual changes, and note anything reviewers should try by hand.</p> <p class="text-sm text-muted-foreground">Keep each change focused on one thing, so it is quick to review and easy to revert.</p> </section> <section class="space-y-2"> <h3 id="toc-default-support" class="font-medium">3. Define level of support</h3> <p class="text-sm text-muted-foreground">Describe the change and why it matters. Link related issues, add screenshots for visual changes, and note anything reviewers should try by hand.</p> <p class="text-sm text-muted-foreground">Keep each change focused on one thing, so it is quick to review and easy to revert.</p> </section> <section class="space-y-2"> <h3 id="toc-default-merge" class="font-medium">4. Merge your changes</h3> <p class="text-sm text-muted-foreground">Describe the change and why it matters. Link related issues, add screenshots for visual changes, and note anything reviewers should try by hand.</p> <p class="text-sm text-muted-foreground">Keep each change focused on one thing, so it is quick to review and easy to revert.</p> </section> <section class="space-y-2"> <h2 id="toc-default-resources" class="text-lg font-semibold">Resources</h2> <p class="text-sm text-muted-foreground">Guides, design files and the component checklist.</p> <p class="text-sm text-muted-foreground">Ask in the discussion board when something is unclear.</p> </section> <section class="min-h-80 space-y-2"> <h2 id="toc-default-conduct" class="text-lg font-semibold">Code of conduct</h2> <p class="text-sm text-muted-foreground">Be kind, assume good intent, and keep feedback about the work.</p> </section></div><nav id="ui-toc-ad3ccef1" 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-default-article" aria-labelledby="ui-toc-ad3ccef1-title"> <p id="ui-toc-ad3ccef1-title" class="mb-3 font-medium text-foreground">On this page</p> <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-default-process" 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">Contribution process</a> <ul class="ms-4 mt-1 space-y-1"> <li> <a href="#toc-default-issue" 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" data-state="inactive" data-ui--table-of-contents-target="link" data-action="click->ui--table-of-contents#select">1. Create an issue or open a merge request</a> </li> <li> <a href="#toc-default-classify" 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" data-state="inactive" data-ui--table-of-contents-target="link" data-action="click->ui--table-of-contents#select">2. Classify as core or extended</a> </li> <li> <a href="#toc-default-support" 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" data-state="inactive" data-ui--table-of-contents-target="link" data-action="click->ui--table-of-contents#select">3. Define level of support</a> </li> <li> <a href="#toc-default-merge" 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" data-state="inactive" data-ui--table-of-contents-target="link" data-action="click->ui--table-of-contents#select">4. Merge your changes</a> </li> </ul> </li> <li> <a href="#toc-default-resources" 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">Resources</a> </li> <li> <a href="#toc-default-conduct" 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">Code of conduct</a> </li> </ul> </div></nav></div>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
<%# The article scrolls in its own box here; on a real page leave out `container:`. %><div class="grid grid-cols-[1fr_14rem] gap-8 max-w-3xl"> <div id="toc-default-article" class="h-96 overflow-y-auto rounded-md border p-6 space-y-6"> <section class="space-y-2"> <h2 id="toc-default-process" class="text-lg font-semibold">Contribution process</h2> <p class="text-sm text-muted-foreground">Every change goes through the same four steps.</p> </section> <% [ ["toc-default-issue", "1. Create an issue or open a merge request"], ["toc-default-classify", "2. Classify as core or extended"], ["toc-default-support", "3. Define level of support"], ["toc-default-merge", "4. Merge your changes"] ].each do |id, heading| %> <section class="space-y-2"> <h3 id="<%= id %>" class="font-medium"><%= heading %></h3> <p class="text-sm text-muted-foreground">Describe the change and why it matters. Link related issues, add screenshots for visual changes, and note anything reviewers should try by hand.</p> <p class="text-sm text-muted-foreground">Keep each change focused on one thing, so it is quick to review and easy to revert.</p> </section> <% end %> <section class="space-y-2"> <h2 id="toc-default-resources" class="text-lg font-semibold">Resources</h2> <p class="text-sm text-muted-foreground">Guides, design files and the component checklist.</p> <p class="text-sm text-muted-foreground">Ask in the discussion board when something is unclear.</p> </section> <section class="min-h-80 space-y-2"> <h2 id="toc-default-conduct" class="text-lg font-semibold">Code of conduct</h2> <p class="text-sm text-muted-foreground">Be kind, assume good intent, and keep feedback about the work.</p> </section> </div> <%= render(UI::TableOfContents.new(title: "On this page", container: "#toc-default-article", offset: 24)) do |toc| %> <% toc.with_item(href: "#toc-default-process", text: "Contribution process") do |item| %> <% item.with_item(href: "#toc-default-issue", text: "1. Create an issue or open a merge request") %> <% item.with_item(href: "#toc-default-classify", text: "2. Classify as core or extended") %> <% item.with_item(href: "#toc-default-support", text: "3. Define level of support") %> <% item.with_item(href: "#toc-default-merge", text: "4. Merge your changes") %> <% end %> <% toc.with_item(href: "#toc-default-resources", text: "Resources") %> <% toc.with_item(href: "#toc-default-conduct", text: "Code of conduct") %> <% end %></div>No notes provided.
No params configured.