diff options
| author | Jakob Stendahl <jakob.stendahl@outlook.com> | 2021-09-19 19:43:11 +0200 |
|---|---|---|
| committer | Jakob Stendahl <jakob.stendahl@outlook.com> | 2021-09-19 19:43:11 +0200 |
| commit | 7bdce37fd3f18e2712e18c4e2c64cac69af0aca1 (patch) | |
| tree | b7ad3f1cca92e2dfd2664ae9e65652bd03ff58b2 /public/strip_setup.html | |
| parent | e6880cd8ccf82d993f222cb14b4860581654acb8 (diff) | |
| download | Luxcena-Neo-7bdce37fd3f18e2712e18c4e2c64cac69af0aca1.tar.gz Luxcena-Neo-7bdce37fd3f18e2712e18c4e2c64cac69af0aca1.zip | |
:boom: Introduce new UI based on svelte, and rewrite a lot of the node app and the NeoRuntime
Diffstat (limited to 'public/strip_setup.html')
| -rw-r--r-- | public/strip_setup.html | 131 |
1 files changed, 0 insertions, 131 deletions
diff --git a/public/strip_setup.html b/public/strip_setup.html deleted file mode 100644 index 606d527..0000000 --- a/public/strip_setup.html +++ /dev/null @@ -1,131 +0,0 @@ -<!DOCTYPE html> -<html class="general"> - <head> - <!--Import Google Icon Font--> - <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> - <!--Import materialize.css--> - <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-alpha.4/css/materialize.min.css"> - <link rel="stylesheet" href="./css/luxcena.css" type="text/css" /> - <!--Let browser know website is optimized for mobile--> - <meta name="viewport" content="width=device-width, initial-scale=1.0"/> - </head> - - <body> - <header> - <nav> - <div class="nav-wrapper"> - <a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">menu</i></a> - <a href="#" class="brand-logo">Luxcena Neo</a> - </div> - </nav> - - <ul id="slide-out" class="sidenav sidenav-fixed"> - <li> - <div class="user-view"> - <div class="background"> - <img src="./logo/150h/Icon.png"> - </div> - <!--<a href="#!user"><img class="circle" src="https://picsum.photos/200/300/?random"></a> - <a href="#!name"><span class="white-text name">John Doe</span></a> - <a href="#!email"><span class="white-text email">Guest</span></a>--> - </div> - </li> - <li><div class="divider"></div></li> - <li><a class="waves-effect" href="/"><i class="material-icons">dashboard</i> Dashboard</a></li> - <li><a class="waves-effect" href="/profiles"><i class="material-icons">cloud</i> Profiles</a></li> - <li><a class="waves-effect" href="/neo_ide"><i class="material-icons">code</i> Neo IDE</a></li> - <li><div class="divider"></div></li> - <li><a class="subheader">Settings</a></li> - <li><a class="waves-effect" href="strip_setup"><i class="material-icons">straighten</i> Strip setup</a></li> - <li><a class="waves-effect" href="/settings"><i class="material-icons">settings</i> Settings</a></li> - </ul> - </header> - - <main> - - <div class="row"> - - <div class="col s12 m5"> - <div class="card"> - <div class="card-content"> - - <div class="input-field"> - <select> - <option value="" disabled selected>How are the LEDs configured?</option> - <option value="1">Basic, straight?</option> - <option value="2">Adventorous, snake?</option> - <option value="3">Crazy, just something random?</option> - </select> - <label>Led configuration</label> - </div> - - <div class="input-field"> - <input type="number" name="" value=""> - <label>Number of LEDs</label> - </div> - - <div class="input-field"> - <input type="number" name="" value=""> - <label>Number of Segments</label> - </div> - - </div> - </div> - </div> - - <div class="col s12 m7"> - <div class="card"> - <div class="card-content"> - - Segment config... - - </div> - </div> - </div> - - </div> - - <div class="row"> - <div class="col s12 m12"> - <div class="card"> - <div class="card-content"> - <p>Explanation of them different configuration modes. "⮽" is the symbol used for LEDs, everything else is just wire.</p> - <h5>Straight:</h5> - Everything is in a stright line, or the cable is looped around. - <pre style="line-height:0.9em;"> -└⮽─⮽─⮽─⮽─⮽─⮽─⮽─⮽┐ - -└⮽─⮽─⮽─⮽┐ -┌────────┘ -└⮽─⮽─⮽─⮽┐ - </pre> - <h5>Snake:</h5> - The diodes are in a "snake"-pattern. - <pre style="line-height:0.9em;"> -└⮽─⮽─⮽─⮽┐ -┌⮽─⮽─⮽─⮽┘ -└⮽─⮽─⮽─⮽┐ - </pre> - <h5>Crazy:</h5> - <br />This will just assume you have no idea what you are doing, and make a random configuration for you. based purely on the number of LEDs you have. - <pre style="line-height:0.9em;"> -└⮽─⮽x⮽─⮽ - └─┐ -┌⮽─⮽x⮽─⮽┐ -└⮽─⮽─⮽─⮽┘ - </pre> - </div> - </div> - </div> - </div> - - </main> - - <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-alpha.4/js/materialize.min.js"></script> - <script type="text/javascript"> - var elem = document.querySelector('.sidenav'); - var instance = M.Sidenav.init(elem); - var instance = M.FormSelect.init(document.querySelector('select')); - </script> - </body> -</html> |