templates/landscape.tera

   1 {% import "macros" as m %}{# -*- HTML -*- -#}
   2 <!-- Copyright 2020u Ian Jackson
   3      SPDX-License-Identifier: AGPL-3.0-or-later
   4      There is NO WARRANTY. -->
   5 {{ m::header() }}
   6 <style>
   7   div[class=uos] {
   8     display: flex; flex-direction: column; flex-wrap: wrap;
   9   }
  10   div[id=infopane] {
  11     height: 340px;
  12   }
  13   div[id=uos] {
  14     flex-grow: 1;
  15   }
  16   div[class|=uokey] {
  17     outline: 1px solid #000;
  18     margin: 1px;
  19   }
  20   div[class=uokey-r] {
  21   }
  22   div[class=uokey-mid] {
  23   }
  24   .uos-mid {
  25     flex-grow: 1;
  26   }
  27   pre[id=error] {
  28     margin-bottom: 0;
  29     margin-top: 0;
  30   }
  31   div[id=rhs-panel] {
  32     display: flex;
  33     margin-left: 3px;
  34     flex-direction: column;
  35   }
  36 </style>
  37 {{ m::errors() }}
  38 <div class="upper" style="display: flex; flex-flow: row nowrap;">
  39   <div>{{ m::space() }}</div>
  40   <div id="rhs-panel">
  41     <div>
  42       {{ m::nick() }} |
  43       {{ m::status() }}<br/>
  44     </div>
  45     <div id="links">{{ links }}</div>
  46     <div>
  47       <a href="/p?{{ ptoken }}">switch to portrait view</a> |
  48       {{ m::zoom() }}
  49     </div><div>
  50       {{ m::wresting() }}<br/>
  51     </div><div>
  52
  53     </div>
  54     {{ m::infopane() }}
  55
  56 <div>
  57   <div id="log" style="overflow-y: scroll; height: 600px;">
  58   {% for ent in log %}
  59     <div>
  60     <span class="logts">{{ent.when}}</span><br/>
  61     <span class="logmsg">{{ ent.logent.logent.html | safe }}<span><br/>
  62     </div>
  63 {%- endfor %}
  64   </div>
  65 </div>
  66 </div>
  67 </div>
  68
  69 {{ m::footer() }}