github.com/e154/smart-home@v0.17.2-0.20240311175135-e530a6e5cd45/static_source/admin/index.html (about)

     1  <!DOCTYPE html>
     2  <html lang="en">
     3    <head>
     4      <meta charset="UTF-8" />
     5      <link rel="icon" href="/favicon.ico" />
     6      <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
     7      <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
     8      <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
     9      <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#333335">
    10      <meta name="msapplication-TileColor" content="#2b5797">
    11      <meta name="theme-color" content="#333335">
    12      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    13      <meta name="apple-mobile-web-app-capable" content="yes">
    14      <meta id="dynamic-status-bar-style" name="apple-mobile-web-app-status-bar-style" content="default">
    15      <meta name="description" content="Author: A.A. Filippov,Smart Home is a versatile home automation system that allows you to control and monitor various devices remotely. With features like intelligent scheduling, device integration, and customizable automation, Smart Home provides convenience, security, and energy efficiency to your living space. Explore our platform to simplify your daily routines and enhance your lifestyle with cutting-edge technology.">
    16  <!--    <meta http-equiv="Cache-Control" content="max-age=0, no-cache, no-store, must-revalidate" />-->
    17  <!--    <meta http-equiv="Pragma" content="no-cache" />-->
    18  <!--    <meta http-equiv="Expires" content="0" />-->
    19      <title><%= title %></title>
    20  
    21      <script type="text/javascript">
    22        window.app_settings = Object.create(Object.prototype, {
    23          run_mode: {
    24            get: function(){
    25                return {{index . "run_mode"}};
    26            }
    27          },
    28          server_version: {
    29            get: function () {
    30                return {{index . "server_version"}};
    31            }
    32          }
    33        });
    34      </script>
    35    </head>
    36    <body>
    37    <div id="app">
    38        <style>
    39            html, body {
    40                background-color: #1F1F1F;
    41            }
    42            .app-loading {
    43                display: flex;
    44                width: 100%;
    45                height: 100%;
    46                justify-content: center;
    47                align-items: center;
    48                flex-direction: column;
    49            }
    50  
    51            .app-loading .app-loading-wrap {
    52                position: absolute;
    53                top: 50%;
    54                left: 50%;
    55                display: flex;
    56                -webkit-transform: translate3d(-50%, -50%, 0);
    57                transform: translate3d(-50%, -50%, 0);
    58                justify-content: center;
    59                align-items: center;
    60                flex-direction: column;
    61            }
    62  
    63            .app-loading .app-loading-title {
    64                margin-bottom: 30px;
    65                font-size: 74px;
    66                font-weight: 100;
    67                text-align: center;
    68                color: #aaa;
    69            }
    70  
    71            .app-loading .app-loading-logo {
    72                width: 100px;
    73                margin: 0 auto 15px auto;
    74            }
    75  
    76            .loader{
    77                font-size: 30px;
    78                font-weight: bold;
    79                letter-spacing: 2px;
    80                font-family: Arial, Helvetica, sans-serif;
    81                color: #fff;
    82                animation: smokeOut 1s ease-in-out infinite alternate;
    83                text-shadow: 0 0 1px white;
    84            }
    85  
    86            .loader:before {
    87                content: "Loading";
    88            }
    89  
    90            @keyframes smokeOut {
    91                100% {
    92                    opacity: 0.08;
    93                    filter: blur(5px);
    94                    letter-spacing: 4px;
    95                }
    96            }
    97        </style>
    98        <div class="app-loading">
    99            <div class="app-loading-wrap">
   100                <img src="/logo-w.svg" class="app-loading-logo" alt="Logo" />
   101  <!--              <div class="app-loading-title"><%= title %></div>-->
   102                <span class="loader"></span>
   103            </div>
   104        </div>
   105    </div>
   106    <script type="module" src="/src/main.ts"></script>
   107    </body>
   108  </html>