Wayfinder Wiki:Community portal

Community admins[edit]

Username Title Contact
Cysidus Founder Discord: cysidus

Editing guideline[edit]

Editing reference[edit]

Certain styling features of this wiki may require the use of a simple HTML markup. These typically looks like:

<div class="classname">[Content]</div>

Changing the classname to specific names will change the styling of the content.

Bootstrap[edit]

Bootstrap is a CSS framework. Any bootstrap feature will work. See Bootstrap documentation.

Bootstrap icons[edit]

Bootstrap icons is an icon library with over 1800 icons. See the icon list.

Horizontal rule[edit]

<div class="hr">[[File:Wayfinder icon.png|link=]]</div>

Tabber[edit]

<tabber>
|-|Tab title 1=
Content
|-|Tab title 2=
Content
|-|Tab title 3=
Content
</tabber>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque dictum sit amet diam rhoncus molestie. Duis varius sodales libero id blandit. Aenean vel magna eros. Vestibulum eget neque arcu. Cras euismod suscipit metus. Pellentesque quis felis finibus, eleifend diam eu, venenatis nisi. Proin eu mi et mi tempor hendrerit et vitae augue. Vivamus fringilla nulla id consequat scelerisque.

Aliquam erat volutpat. Donec nibh dolor, ultricies efficitur commodo consectetur, pulvinar vel tellus. Aliquam ante leo, tincidunt ut efficitur ac, egestas non sem. Integer eu aliquam lacus, eu lacinia erat. Vivamus eu consectetur massa. Vestibulum in mi varius, auctor tellus quis, aliquam diam. Sed eu nisi vitae nunc iaculis iaculis. Nunc eget orci risus. Nulla feugiat lorem vitae urna commodo tempor.
Integer ac lorem eu velit ultrices imperdiet. Nam a euismod dolor. Vestibulum in venenatis tortor. Etiam nulla magna, volutpat sed sapien a, consectetur commodo orci. Sed neque magna, ullamcorper et justo vitae, ornare condimentum purus. Donec non nibh in odio convallis fringilla ac sed ex. Suspendisse eu viverra arcu, eu euismod risus. Praesent in mi ac eros dictum suscipit. Donec ac maximus quam.

Thin box[edit]

<div class="thinbox">[Content]</div>

Main article: Wayfinder

<div class="warningbox">[Content]</div>

Nunc non nulla nec est accumsan sodales nec nec quam.

Box[edit]

Box is a common styling to enclose content in a box, increasing focus. Modular styling of boxes allow for greater variety of looks with a simple syntax.

Start with a simple box: <div class="box">[Content]</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum faucibus arcu urna, in elementum tellus volutpat sed. Etiam commodo ligula nec mi aliquet semper. Mauris diam justo, ultricies elementum libero sit amet, rhoncus pharetra leo. Sed cursus, purus eget accumsan rutrum, risus nibh faucibus turpis, vitae pellentesque purus erat eu orci. Nam tempor pretium metus. Etiam ac consectetur nunc, dictum tempor ex. Aenean efficitur ornare luctus.

Optionally, wrap the box with: box-wrap

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum faucibus arcu urna, in elementum tellus volutpat sed. Etiam commodo ligula nec mi aliquet semper. Mauris diam justo, ultricies elementum libero sit amet, rhoncus pharetra leo. Sed cursus, purus eget accumsan rutrum, risus nibh faucibus turpis, vitae pellentesque purus erat eu orci. Nam tempor pretium metus. Etiam ac consectetur nunc, dictum tempor ex. Aenean efficitur ornare luctus.

Optionally, change its size with: fullwidth, fading, left-sidebar, or right-sidebar

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum faucibus arcu urna, in elementum tellus volutpat sed. Etiam commodo ligula nec mi aliquet semper. Mauris diam justo, ultricies elementum libero sit amet, rhoncus pharetra leo. Sed cursus, purus eget accumsan rutrum, risus nibh faucibus turpis, vitae pellentesque purus erat eu orci. Nam tempor pretium metus. Etiam ac consectetur nunc, dictum tempor ex. Aenean efficitur ornare luctus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum faucibus arcu urna, in elementum tellus volutpat sed. Etiam commodo ligula nec mi aliquet semper. Mauris diam justo, ultricies elementum libero sit amet, rhoncus pharetra leo. Sed cursus, purus eget accumsan rutrum, risus nibh faucibus turpis, vitae pellentesque purus erat eu orci. Nam tempor pretium metus. Etiam ac consectetur nunc, dictum tempor ex. Aenean efficitur ornare luctus.

Optionally, add colored accent on its border with: top-accent, right-accent, bottom-accent, and left-accent

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum faucibus arcu urna, in elementum tellus volutpat sed. Etiam commodo ligula nec mi aliquet semper. Mauris diam justo, ultricies elementum libero sit amet, rhoncus pharetra leo. Sed cursus, purus eget accumsan rutrum, risus nibh faucibus turpis, vitae pellentesque purus erat eu orci. Nam tempor pretium metus. Etiam ac consectetur nunc, dictum tempor ex. Aenean efficitur ornare luctus.

Optionally, add a title on the box, looks great with left accent. Add this syntax just before the box: <div class="box-title">Title</div>

Your title here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum faucibus arcu urna, in elementum tellus volutpat sed. Etiam commodo ligula nec mi aliquet semper. Mauris diam justo, ultricies elementum libero sit amet, rhoncus pharetra leo. Sed cursus, purus eget accumsan rutrum, risus nibh faucibus turpis, vitae pellentesque purus erat eu orci. Nam tempor pretium metus. Etiam ac consectetur nunc, dictum tempor ex. Aenean efficitur ornare luctus.

Optionally, add a patterned background with: grid-pattern, blueprint-pattern, dot-pattern, checkerboard-pattern, radial-pattern, or intersecting-pattern

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum faucibus arcu urna, in elementum tellus volutpat sed. Etiam commodo ligula nec mi aliquet semper. Mauris diam justo, ultricies elementum libero sit amet, rhoncus pharetra leo. Sed cursus, purus eget accumsan rutrum, risus nibh faucibus turpis, vitae pellentesque purus erat eu orci. Nam tempor pretium metus. Etiam ac consectetur nunc, dictum tempor ex. Aenean efficitur ornare luctus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum faucibus arcu urna, in elementum tellus volutpat sed. Etiam commodo ligula nec mi aliquet semper. Mauris diam justo, ultricies elementum libero sit amet, rhoncus pharetra leo. Sed cursus, purus eget accumsan rutrum, risus nibh faucibus turpis, vitae pellentesque purus erat eu orci. Nam tempor pretium metus. Etiam ac consectetur nunc, dictum tempor ex. Aenean efficitur ornare luctus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum faucibus arcu urna, in elementum tellus volutpat sed. Etiam commodo ligula nec mi aliquet semper. Mauris diam justo, ultricies elementum libero sit amet, rhoncus pharetra leo. Sed cursus, purus eget accumsan rutrum, risus nibh faucibus turpis, vitae pellentesque purus erat eu orci. Nam tempor pretium metus. Etiam ac consectetur nunc, dictum tempor ex. Aenean efficitur ornare luctus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum faucibus arcu urna, in elementum tellus volutpat sed. Etiam commodo ligula nec mi aliquet semper. Mauris diam justo, ultricies elementum libero sit amet, rhoncus pharetra leo. Sed cursus, purus eget accumsan rutrum, risus nibh faucibus turpis, vitae pellentesque purus erat eu orci. Nam tempor pretium metus. Etiam ac consectetur nunc, dictum tempor ex. Aenean efficitur ornare luctus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum faucibus arcu urna, in elementum tellus volutpat sed. Etiam commodo ligula nec mi aliquet semper. Mauris diam justo, ultricies elementum libero sit amet, rhoncus pharetra leo. Sed cursus, purus eget accumsan rutrum, risus nibh faucibus turpis, vitae pellentesque purus erat eu orci. Nam tempor pretium metus. Etiam ac consectetur nunc, dictum tempor ex. Aenean efficitur ornare luctus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum faucibus arcu urna, in elementum tellus volutpat sed. Etiam commodo ligula nec mi aliquet semper. Mauris diam justo, ultricies elementum libero sit amet, rhoncus pharetra leo. Sed cursus, purus eget accumsan rutrum, risus nibh faucibus turpis, vitae pellentesque purus erat eu orci. Nam tempor pretium metus. Etiam ac consectetur nunc, dictum tempor ex. Aenean efficitur ornare luctus.

Templates[edit]

Cookies help us deliver our services. By using our services, you agree to our use of cookies.