light9 Files · light9/web/index.html

Files @ 2df0dc79ce76

Branch filter:

Location: light9/light9/web/index.html

2df0dc79ce76 2.0 KiB text/html Show Annotation Show as Raw Download as Raw

Drew Perttula

modernize polymer on index page. move live and timeline to subdirs
Ignore-this: 99a836d91ddbc8117abbe04788772409

<!doctype html>
<html>
  <head>
    <title></title>
    <meta charset="utf-8" />
    <script src="/lib/webcomponentsjs/webcomponents-lite.min.js"></script>
    <link rel="stylesheet" href="/style.css">
    <link rel="import" href="/lib/polymer/polymer.html">
  </head>
  <body>
    <dom-module id="service-button-row">
      <template>
        <style>
         div {
             display: flex;
             justify-content: space-between;
             padding: 2px 3px;
         }
         div:hover {
             background: gray;
         }
         .left {
             display: inline-block;
             margin-right: 3px;
         }
        </style>
        <div>
          <span class="left"><a class="big" href="{{name}}/">{{name}}</a></span>
          <span><button on-click="click">window</button></span>
        </div>
      </template>
      <script>
       HTMLImports.whenReady(function () {
           Polymer({
               is: "service-button-row",
               properties: {
                   name: String,
               },
               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="float: left">
      <service-button-row name="rdfdb"></service-button-row>
      <service-button-row name="effectEval"></service-button-row>
      <service-button-row name="ascoltami"></service-button-row>
      <service-button-row name="subComposer"></service-button-row>
      <service-button-row name="subServer"></service-button-row>
      <service-button-row name="picamserve"></service-button-row>
      <service-button-row name="vidref"></service-button-row>
      <service-button-row name="."></service-button-row>
      <service-button-row name="live"></service-button-row>
      <service-button-row name="timeline"></service-button-row>
    </div>
    
  </body>
</html>