light9 Files · light9/web/index.html

Files @ b8efe756ad5d
Branch filter:
Location: light9/light9/web/index.html

b8efe756ad5d 3.0 KiB text/html Show Annotation Show as Raw Download as Raw
drewp@bigasterisk.com
bigger font on effect names
Ignore-this: baece6400dc4b7b35695bc345f6c01e6
<!doctype html>
<html>
  <head>
    <title>light9 home</title>
    <meta charset="utf-8" />
    <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
    <link rel="stylesheet" href="/style.css">
    <link rel="import" href="/lib/polymer/polymer.html">
  </head>
  <body>
    <script type="module" src="stats-line.js"></script>
    <script type="module" src="stats-process.js"></script>
     
    <dom-module id="service-button-row">
      <template>
        <style>
         :host { padding-bottom: 10px;  }
         a {
             color: #7d7dec;
         }
         div {
             display: flex;
             justify-content: space-between;
             padding: 2px 3px;
         }
         .left {
             display: inline-block;
             margin-right: 3px;
             flex-grow: 1;
         }
         .window {
         }
         .serviceGrid > td {
             border: 5px solid red;
             display: inline-block;
         }
         :host > div { display: inline-block; vertical-align: top; }
         :host > div:nth-child(2) { width: 9em; }
         :host > div:nth-child(3) { width: 5em; }
         :host > div:nth-child(4) { width: 3em; }
         :host > div:nth-child(5) { width: 50px; }
        </style>

        <div class="left"><a class="big" href="{{name}}/">{{name}}</a></div>
        <div class="window"><button on-click="click">window</button></div>
        <div><a href="{{name}}/stats/">stats</a></div>
        <div id="stats"><stats-line name="{{name}}"></div>
      </template>
      <script>
       HTMLImports.whenReady(function () {
         Polymer({
           is: "service-button-row",
           properties: {
             name: String,
           },
           ready: function() {
           },
           click: function() {
             window.open(this.name + '/', '_blank',
                         'scrollbars=1,resizable=1,titlebar=0,location=0');
           },
         });
       });
      </script>
    </dom-module>
    
    <h1>light9 home page</h1>

    <div style="display: grid">
      <service-button-row name="rdfdb"></service-button-row>
      <hr>
      <service-button-row name="ascoltami"></service-button-row>
      <hr>
      <!--  <service-button-row name="picamserve"></service-button-row> -->  
      <service-button-row name="vidref"></service-button-row>
      <hr>
      <service-button-row name="collector"></service-button-row>
      <service-button-row name="effectSequencer"></service-button-row>
      <service-button-row name="live"></service-button-row>
      <service-button-row name="effects"></service-button-row>
      <service-button-row name="timeline"></service-button-row>
      <service-button-row name="paint"></service-button-row>
      <service-button-row name="effectEval"></service-button-row>
<!--       <hr>
      <service-button-row name="subServer"></service-button-row>
      <service-button-row name="subComposer"></service-button-row>
      -->
    </div>
    
  </body>
</html>