This UI Kit page serves as a centralized reference for the most utilized design elements across this website. It is not only a resource for understanding visual components but also a tool I regularly use to quickly identify any UI regressions following updates or changes to the site.

Headings

Headings

Headings

Headings

Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut hendrerit vehicula dolor, nec faucibus eros bibendum eu. Phasellus in felis enim. Vivamus in odio vitae odio bibendum aliquam. Sed ultricies, dui in porttitor ullamcorper, nisi eros vehicula lorem, eget auctor odio libero vitae libero.

In hac habitasse platea dictumst. Mauris pellentesque, nisi sit amet hendrerit fermentum, leo magna consequat est, et ultrices quam magna vel nisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer in magna in velit bibendum lacinia sit amet at risus.

Links

internal link
external link

Lists

• Item one
• Item two
  • Item three
• Item four with link

1. Item one
2. Item two
3. Item three
4. Item four with link

Code

function bubbleSort(data: number[]) {
  for (let i: number = 0; i < data.length; i++) {
    for (let j: number = 0; j < data.length; j++) {
      if (data[i] > data[j]) {
        const tmp = data[i];
        data[i] = data[j];
        data[j] = tmp;
      }
    }
  }

  return data;
}

This is an example of inline code.

Picture

Alerts