5 data-ctoken="{{ctoken}}"
8 data-sse-url-prefix="{{sse_url_prefix}}"
9 data-load="{{ load | escape }}"
10 style="transform-origin: top left;"
14 background-color: #eef;
17 background-color: #ddf;
21 flex-direction: column;
22 background-color: white;
37 {% macro wresting() %}
38 <span id="wresting-warning"></span>
39 {% endmacro wresting %}
42 <span id="status">nothing</span>
46 <span style="white-space: nowrap;"
47 ><button id="zoom-btn" disabled
48 onclick="zoom_activate()"
51 type="number" max="1000" min="10" step="5" size="4" value="100"
52 oninput="zoom_enable()"
57 <pre id="error"></pre>
62 xmlns="http://www.w3.org/2000/svg"
63 viewBox="0 0 {{ table_size[0] }} {{ table_size[1] }}"
64 width="{{ table_size[0]*scale }}"
65 height="{{ table_size[1]*scale }}"
67 <rect fill="{{ table_colour }}" x="0" y="0"
68 width="{{ table_size[0] }}" height="{{ table_size[1] }}"/>
69 <g id="pieces_marker"></g>
70 {%- for piece in uses %}
71 <use id="use{{ piece.id }}" href="#piece{{ piece.id }}"
72 x="{{ piece.pos[0] }}" y="{{ piece.pos[1] }}"
73 data-piece="{{ piece.id }}" data-info="{{ piece.info | escape }}" />
75 <g id="defs_marker"></g>
76 {%- for piece in defs %}
77 <defs id="defs{{ piece.0 }}">{{ piece.1 }}</defs>
82 {% macro infopane() %}
84 <div id="uos" class="uos">
85 <div class="uos-mid" id="uos-mid"></div>
88 <div class="uokey"><strong>Mouse</strong> select/deselect/drag</div>
89 <div class="uokey"><strong>shift</strong> multiple selection</div>
92 {% endmacro infopane %}
97 this affects the document's overall scrollbars
98 which is not what we want. so get rid of it for now
99 <div class="footer"; style="
106 "><!-- this fills in the rest of the page, including the margins
111 <address style="max-height: 100vh;">
112 This server is running Otter, the Online TableTop Environment
113 Renderer. Otter and its shape (piece picture) libraries
114 are <a href="/_/libre">Free Software</a> and come with NO
117 {% endmacro footer %}