╭─────────────╮ │scroll to top│ ╰─────────────╯ ╭ index.html ───────────────────────────────────────────────────╮ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ ╰───────────────────────────────────────────────────────────────╯
╭────╮ ╭ clone ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ╮ │http│ ssh │ │ ╰────╯ ╰ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ╯
25 font-size: 22px; 26 line-height: 22px; 27 position: relative; 28 } 29 30 #grid { 31 white-space: pre; 32 /* positioning context for the top-level .scroll divs */ 33 position: relative; 34 } 35 36 /* each web-native Scroll widget: a box positioned over its viewport 37 (left/top/width/height and per-axis overflow come inline, the latter 38 from the widget's scroll direction) */ 39 .scroll { 40 position: absolute; 41 /* scrollbars are hidden; panes scroll via wheel/trackpad and via 42 scrollIntoView on keyboard focus, so a visible bar would only 43 cover content. (Firefox / WebKit respectively.) */ 44 scrollbar-width: none; 45 } 46 .scroll::-webkit-scrollbar { 47 display: none; 48 } 49 50 /* render each colored cell-run as an inline-block to prevent 51 horizontal seams between rows of the block art. */ 52 #grid span { 53 display: inline-block; 54 vertical-align: top; 55 } 56 57 /* overlay elements share the grid's coordinate system since 58 their parent (.page) is the positioning ancestor and the 59 grid sits at its top-left. */ 60 .page input, 61 .page button { 62 position: absolute; 63 font: inherit; 64 padding: 0; 65 margin: 0; 66 outline: none; 67 box-sizing: border-box; 68 } 69 70 .page input { 71 color: inherit; 72 background: transparent; 73 border: none; 74 } 75 76 /* the TUI cells under the button render the border + label; 77 the overlay button stays transparent so they show through 78 and just owns the click + form-submit behavior. */ 79 .page button { 80 background: transparent; 81 color: transparent; 82 border: none; 83 cursor: pointer; 84 } 85 86 #grid a { 87 color: inherit; 88 text-decoration: none; 89 } 90 91 #grid .clickable { 92 cursor: pointer; 93 } 94 </style> 95 </head> 96 <body> 97 <div class="page"> 98 <div id="grid">{{{ HAXY_HTML }}}</div> 99 <div id="overlay">{{{ HAXY_OVERLAY }}}</div> 100 </div> 101 <script id="page-data" type="text/plain">{{{ HAXY_JSON }}}</script> 102 <script src="/script.js"></script> 103 </body> 104 </html> 105