A demo page showing the Markdown options

Cumque commodi explicabo voluptatibus tempore et accusamus. Quaerat cumque commodi sunt aut perspiciatis recusandae cumque.

Quia omnis perferendis et occaecati minus dolor quibusdam. Corrupti qui qui nihil sint. Est repellendus sunt optio iure. Velit quia aspernatur sequi ullam neque.

A code example that wraps

<div class="list">
  <ol>
    <li>How to run the Connect2id server in Docker</li>
    <li>Deployment checklist</li>
    <li>FAPI checklist</li>
    <li>How to evaluate the Connect2id server at a host other than localhost</li>
    <li>How to setup a TLS termination proxy for Mutual TLS / X.509 certificate client authentication</li>
    <li>How to setup the Connect2id server with global DynamoDB tables, replication strategies</li>
    <li>How to setup a multitenant Connect2id server</li>
    <li>How to configure and switch between issuer URL aliases</li>
    <li>How to migrate Connect2id server data</li>
    <li>How to setup an LDAP directory for Connect2id server use</li>
    <li>How to migrate to a new LDAP server backend</li>
    <li>How to upgrade the OpenLDAP schema for Connect2id server 7.3</li>
    <li>How to copy LDAP records from one OpenDJ server to another</li>
  </ol>
</div>

A button

Add the class .box to a link to give it button styling:

Go home.

A list

Use .list.

Table

This is the default table styling. It gets a responsive wrapper automatically.

Table: column/row headings

If you write custom HTML tables, make sure to wrap them in a div with the responsive-table class.

Table: Grouped columns

If you write custom HTML tables, make sure to wrap them in a div with the responsive-table class. Any th with the attribute colspan will automatically get grouped label styling.

Table: Combined with content

Scenario 1

Example policy to ensure RPs will be registered to receive ID tokens with the auth_time claim, by setting the require_auth_time metadata parameter to true.

{
    "require_auth_time" : {
        "value" : true
    }
}

{}

{
	"require_auth_time" : true
}

{
	"require_auth_time" : false
}

{
	"require_auth_time" : true
}

Definition lists

If you write custom HTML defintion list, make sure to wrap them in a div with the responsive-table class.