bali-component-framework

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="https://bali-nebula.net/static/styles/BDN.css"> <link rel="apple-touch-icon" sizes="57x57" href="https://bali-nebula.net/static/icons/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="https://bali-nebula.net/static/icons/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://bali-nebula.net/static/icons/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://bali-nebula.net/static/icons/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://bali-nebula.net/static/icons/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://bali-nebula.net/static/icons/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://bali-nebula.net/static/icons/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://bali-nebula.net/static/icons/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://bali-nebula.net/static/icons/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="https://bali-nebula.net/static/icons/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://bali-nebula.net/static/icons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="https://bali-nebula.net/static/icons/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://bali-nebula.net/static/icons/favicon-16x16.png"> <link rel="manifest" href="https://bali-nebula.net/static/icons/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="https://bali-nebula.net/static/icons/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> </head> <body> <div class="document"> <div class="value"> <div class="title">TITLE</div> <div class="catalog"> <div class="type">Transaction</div> <div class="association"> <div class="key" style="width:15ch"> <div class="element symbol">transactionId</div> </div> <div class="colon">:</div> <div class="value"> <pre class="element tag">#LYZ6PJ9GBABSF18MQMBSJDV7KAPV4MS7</pre> </div> </div> <div class="association"> <div class="key" style="width:15ch"> <div class="element symbol">timestamp</div> </div> <div class="colon">:</div> <div class="value"> <div class="element moment">2017-12-30 17:38:35.726 (city: "Madrid", country: "Spain")</div> </div> </div> <div class="association"> <div class="key" style="width:15ch"> <div class="element symbol">consumer</div> </div> <div class="colon">:</div> <div class="value"> <div class="catalog"> <div class="type">Catalog</div> <div class="association"> <div class="key" style="width:11ch"> <div class="element symbol">accountId</div> </div> <div class="colon">:</div> <div class="value"> <pre class="element tag">#SFNYCS6WTNCAVQ43DDS9HQJQX2A1XAPZ</pre> </div> </div> <div class="association"> <div class="key" style="width:11ch"> <div class="element symbol">email</div> </div> <div class="colon">:</div> <div class="value"> <a class="element resource" href="mailto:jane.smith@gmail.com">jane.smith@gmail.com</a> </div> </div> </div> </div> </div> <div class="association"> <div class="key" style="width:15ch"> <div class="element symbol">merchant</div> </div> <div class="colon">:</div> <div class="value"> <div class="catalog"> <div class="type">Catalog</div> <div class="association"> <div class="key" style="width:11ch"> <div class="element symbol">accountId</div> </div> <div class="colon">:</div> <div class="value"> <pre class="element tag">#GYR0D0N7D7RGLAMM50TA7YYP9TRCYFF0</pre> </div> </div> <div class="association"> <div class="key" style="width:11ch"> <div class="element symbol">name</div> </div> <div class="colon">:</div> <div class="value"> <pre class="element text">"Cool Deals R Us"</pre> </div> </div> </div> </div> </div> <div class="association"> <div class="key" style="width:15ch"> <div class="element symbol">items</div> </div> <div class="colon">:</div> <div class="value"> <div class="list"> <div class="type">Set</div> <div class="item"> <div class="catalog"> <div class="type">Catalog</div> <div class="association"> <div class="key" style="width:10ch"> <div class="element symbol">name</div> </div> <div class="colon">:</div> <div class="value"> <pre class="element text">"Hover Battery Packs"</pre> </div> </div> <div class="association"> <div class="key" style="width:10ch"> <div class="element symbol">version</div> </div> <div class="colon">:</div> <div class="value"> <div class="element version">v15.3.7</div> </div> </div> <div class="association"> <div class="key" style="width:10ch"> <div class="element symbol">quantity</div> </div> <div class="colon">:</div> <div class="value"> <div class="element number">2</div> </div> </div> <div class="association"> <div class="key" style="width:10ch"> <div class="element symbol">price</div> </div> <div class="colon">:</div> <div class="value"> <div class="element number">16 (currency: USD)</div> </div> </div> </div> </div> <div class="item"> <div class="catalog"> <div class="type">Catalog</div> <div class="association"> <div class="key" style="width:10ch"> <div class="element symbol">name</div> </div> <div class="colon">:</div> <div class="value"> <pre class="element text">"Hover Board"</pre> </div> </div> <div class="association"> <div class="key" style="width:10ch"> <div class="element symbol">version</div> </div> <div class="colon">:</div> <div class="value"> <div class="element version">v2.65</div> </div> </div> <div class="association"> <div class="key" style="width:10ch"> <div class="element symbol">quantity</div> </div> <div class="colon">:</div> <div class="value"> <div class="element number">1</div> </div> </div> <div class="association"> <div class="key" style="width:10ch"> <div class="element symbol">price</div> </div> <div class="colon">:</div> <div class="value"> <div class="element number">142 (currency: USD)</div> </div> </div> </div> </div> </div><div class="parameters"> <div class="type">Parameters</div><div class="association"> <div class="key" style="width:5ch"> <div class="element symbol">type</div></div> <div class="colon">:</div> <div class="value"> <div class="element name"><a href="https://bali-nebula.net/repository/names/nebula/collections/Set/v1">/nebula/collections/Set/v1</a></div> </div> </div> </div> </div> </div> <div class="association"> <div class="key" style="width:15ch"> <div class="element symbol">tax</div> </div> <div class="colon">:</div> <div class="value"> <div class="element number">10.77 (currency: EUR)</div> </div> </div> <div class="association"> <div class="key" style="width:15ch"> <div class="element symbol">total</div> </div> <div class="colon">:</div> <div class="value"> <div class="element number">184.77 (currency: EUR)</div> </div> </div> </div><div class="parameters"> <div class="type">Parameters</div><div class="association"> <div class="key" style="width:5ch"> <div class="element symbol">type</div></div> <div class="colon">:</div> <div class="value"> <div class="element name"><a href="https://bali-nebula.net/repository/names/acme/accounting/Transaction/v3.4">/acme/accounting/Transaction/v3.4</a></div> </div> </div> </div> </div> </div> <div class="poweredBy"> <img class="logo" src="https://bali-nebula.net/static/images/CraterDog.png"> </div> </body> </html>