Переработан веб-интерфейс. Сделаны всплывающие уведомления.
[esp-clock.git] / data / web / index.html
index a2ec589e61a246f04bbd81cdbd21d6c988c3f5d0..0688a499102221424aa6ce6602d96944e46d07e3 100644 (file)
 <body>
 
 <div id="layout">
-    <!-- Menu toggle -->
-    <a href="#menu" id="menuLink" class="menu-link">
-        <!-- Hamburger icon -->
-        <span id="menuBtn"></span>
-    </a>
+  <!-- Menu toggle -->
+  <a href="#menu" id="menuLink" class="menu-link">
+    <!-- Hamburger icon -->
+    <span id="menuBtn"></span>
+  </a>
 
-    <div id="menu">
-        <div class="pure-menu">
-            <a id="_ui_menu_header" class="pure-menu-heading" href="/"></a>
-
-            <ul id="_ui_menu_list" class="pure-menu-list">
-            </ul>
-        </div>
-        <footer id="_ui_contacts">
-        </footer>
+  <div id="menu">
+    <div class="pure-menu">
+      <a id="_ui_menu_header" class="pure-menu-heading" href="/"></a>
+      <ul id="_ui_menu_list" class="pure-menu-list">
+      </ul>
     </div>
+    <footer id="_ui_contacts"></footer>
+  </div>
+
+  <div id="_ui_notification" class="notification" hidden></div>
+  <div class="message fadeout" id="_ui_message" hidden>
+    <div class="message-text" id="_ui_message_text"></div>
+    <div class="close-button" onclick="closeMsg()" title="Закрыть">Х</div>
+  </div>
 
-    <div id="main">
-        <div class="header">
-            <div id="_ui_notification" class="notification" hidden></div>
-            <h1 id="_ui_page_header"></h1>
-        </div>
-        <div class="content">
-          <form class="pure-form pure-form-stacked">
-            <fieldset>
-              <div class="pure-g" id="_ui_page_content">
-              </div>
-            </fieldset>
+  <div id="main">
+    <div class="header">
+      <h1 id="_ui_page_header"></h1>
+    </div>
+    <div class="content">
+      <form class="pure-form pure-form-stacked">
+        <fieldset>
+          <div class="pure-g" id="_ui_page_content">
           </div>
-        </div>
+        </fieldset>
+      </div>
     </div>
+  </div>
 </div>
 
 <script src="/script.js"></script>