# Expandables

In this website you will come across expandables...

<details>

<summary>Hello!</summary>

I'm an expandable, and can show information when expanded.

</details>

## Grouping

Expandables can be grouped. This is generally done to denote close relations between multiple expandables.

<details>

<summary>Expandable A</summary>

This is an expandable.

</details>

<details>

<summary>Expandable B</summary>

This is also an expandable.

</details>

<details>

<summary>Expandable C</summary>

This is a third expandable.

</details>

<details>

<summary>Expandable X</summary>

This is an expandable not related to Expandables A, B, and C.

</details>

<details>

<summary>Expandable Y</summary>

This is an expandable that is related to Expandable X.

</details>

## Titles

Expandables can also have titles like so...

<details>

<summary><strong>Greeting 1</strong> — Hello</summary>

I have a title!

</details>

Titles like this one can be used to denote what the expandable contains.

## Icons

Expandables can also have icons like this...

<details>

<summary><i class="fa-face-smile">:face-smile:</i> Icon Expandable</summary>

I have an icon!

</details>

Icons are generally used to denote the function or characteristic of an expandable.

### Commonly Used Icons

<details>

<summary><i class="fa-note">:note:</i> Snippet</summary>

This icon denotes a small snippet of information. In mathematics, this can be a definition. In english, science, or social studies, this can be a small snippet of information.

</details>

<details>

<summary><i class="fa-file-lines">:file-lines:</i> Passage</summary>

This icon denotes that the expandable contains a piece of text that will be used for reference. These expandables tend to have a title to distiguish between passages.

</details>

<details>

<summary><i class="fa-thought-bubble">:thought-bubble:</i> Thought/Scenario</summary>

This icon denotes fiction. This is generally a real-world application of something that doesn't actually exist.

</details>

There are many more icons used throughtout the site, but these are the most commonly used.