bali-component-framework
Version:
This library provides a JavaScript based implementation of the Bali Nebula™ Component Framework.
64 lines (63 loc) • 4.43 kB
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">Catalog</div>
<div class="association">
<div class="key" style="width:12ch">
<div class="element symbol">Author</div>
</div>
<div class="colon">:</div>
<div class="value">
<pre class="element text">"Jane Austen"</pre>
</div>
</div>
<div class="association">
<div class="key" style="width:12ch">
<div class="element symbol">Females</div>
</div>
<div class="colon">:</div>
<div class="value">
<div class="list">
<div class="type">List</div>
<div class="item">
<pre class="element text">"Elizabeth Bennet"</pre>
</div>
<div class="item">
<pre class="element text">"Emma Woodhouse"</pre>
</div>
<div class="item">
<pre class="element text">"Elinor Dashwood"</pre>
</div>
</div>
</div>
</div>
<div class="association">
<div class="key" style="width:12ch">
<div class="element symbol">Interested</div>
</div>
<div class="colon">:</div>
<div class="value">
<pre class="element code">{
if suitor IS "Mr. Darcy" then {
return true
} else {
return false
}
}</pre>
</div>
</div>
</div>
</div>
</div>
<div class="poweredBy">
<img class="logo" src="https://bali-nebula.net/static/images/CraterDog.png">
</div>
</body>
</html>