glacier-web-cli 0.5.0

Command-line tool for creating and running Glacier applications.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

{# sidebar: Sidebar markup (ui-sidebar-header, ui-sidebar-content > ui-sidebar-group > ui-sidebar-menu of ui-sidebar-button links); topbar: toggle, search, account #}
<div style="position:relative;height:420px;border:1px solid var(--border);overflow:hidden">
<.app_shell>
  <:sidebar>
    <div class="ui-sidebar-header"><button class="ui-sidebar-button" data-size="lg" type="button"><.avatar name="Northwind London" shape="square" /><span class="ui-sidebar-meta"><strong>Northwind London</strong><span>Admin</span></span><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg></button></div>
    <div class="ui-sidebar-content"><div class="ui-sidebar-group"><ul class="ui-sidebar-menu">
      <li><a class="ui-sidebar-button" href="#" aria-current="page"><.icon name="home" />Dashboard</a></li>
      <li><a class="ui-sidebar-button" href="#"><.icon name="mail" />Inbox<span class="ui-sidebar-badge">24</span></a></li>
      <li><a class="ui-sidebar-button" href="#"><.icon name="folder" />Projects</a></li>
      <li><a class="ui-sidebar-button" href="#"><.icon name="settings-2" />Settings</a></li>
    </ul></div></div>
  </:sidebar>
  <:topbar>
    <button class="ui-btn" data-variant="ghost" data-size="icon-sm" type="button" aria-label="Toggle sidebar"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M21 6H3"/><path d="M15 12H3"/><path d="M17 18H3"/></svg></button>
    <div class="ui-input-group"><span class="ui-input-group-addon"><.icon name="search" /></span><input class="ui-input" placeholder="Search…" aria-label="Search"><span class="ui-input-group-addon"><kbd class="ui-kbd">⌘K</kbd></span></div>
    <div class="ui-cluster" style="margin-left:auto;flex-wrap:nowrap"><button class="ui-btn" data-variant="ghost" data-size="icon-sm" type="button" aria-label="Notifications"><.icon name="bell" /></button><.avatar name="Ada Lovelace" size="sm" /></div>
  </:topbar>
  <div class="ui-stack"><div class="ui-skeleton" style="height:28px;width:40%;animation:none"></div><div class="ui-skeleton" style="height:120px;animation:none"></div></div>
</.app_shell>
</div>