-<div id="page" class="loading-lists" lsl-uri-base="<% request.uri_base %>">
+<div id="splash">
+ <p>Loading…</p>
+</div>
+<div id="page" class="loading-lists" lsl-uri-base="<% request.uri_base %>" lsl-environment="<% settings.environment %>" >
+ <div id="content">
+ <div id="header">
+ <div id="head-list-name" class="needs-lists">
+ <span id="selected-list-name"></span>
+ <span id="list-edit-trigger">
+ <span class="ui-icon ui-icon-pencil"></span>
+ </span>
+ </div>
+ <div class="have-no-lists">
+ <div class="table-2-col">
+ <h1>First create a shopping list</h1><div class="arrow">→</div>
+ </div>
+ </div>
+ </div>
+
+ <div id="list-contents" class="needs-lists">
+ <ul id="list-items" class="have-list-items">
+ </ul>
+ <div id="list-is-empty">
+ The list has no items
+ </div>
+ <div id="new-list-item" class="input-with-button">
+ <input type="text" size="10" axlength="80" name="new_list_item" />
+ <button id="add-list-item" class="ui-icon-plusthick">Add</button>
+ </div>
+ </div>
+ </div>
+
<div id="sidebar">
<ul id="sidebar-items">
<li id="lists-sidebar-item">
<h3>Shopping lists</h3>
- <ul class="lists">
+ <ul id="lists">
</ul>
</li>
- <li id="no-lists-sidebar-item">
+ <li id="no-lists-sidebar-item" class="have-no-lists">
<h3>No shopping lists</h3>
</li>
<li id="new-list-sidebar-item">
- <h3>New shopping list</h3>
- <div>
- <input name="list_name" size="20" maxlength="60" />
+ <h5>New shopping list</h5>
+ <div class="input-with-button">
+ <input name="list_name" size="10" maxlength="60" />
<button class="ui-icon-plusthick"></button>
</div>
</li>
</ul>
</div>
-
- <div id="content">
- <div id="header">
- <h1 id="selected-list-name" class="have-lists"></h1>
- <div class="have-no-lists">
- <div class="table-2-col">
- <h1>First create a shopping list</h1><div class="arrow">→</div>
- </div>
- </div>
- </div>
-
-
- <div id="list-contents" class="have-lists">
- <ul id="list-items" class="have-list-items">
- </ul>
- <div id="new-list-item">
- <input type="text" size="15" maxlength="80" name="new_list_item" />
- <button id="add-list-item" class="ui-icon-plusthick">Add</button>
- </div>
- </div>
- </div>
</div>
<!-- vim: set ft=html sw=2 :-->