╭─────────────╮ │scroll to top│ ╰─────────────╯ ╭ index.html ───────────────────────────────────────────────────╮ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ ╰───────────────────────────────────────────────────────────────╯
╭────╮ ╭ clone ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ╮ │http│ ssh │ │ ╰────╯ ╰ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ╯
53 display: inline-block; 54 vertical-align: top; 55 } 56 57 /* a double-width rune pinned to its two grid cells so its advance 58 width can't shift the rest of the row. */ 59 #grid .w2 { 60 width: 2ch; 61 overflow: hidden; 62 } 63 64 /* overlay elements share the grid's coordinate system since 65 their parent (.page) is the positioning ancestor and the 66 grid sits at its top-left. */ 67 .page input, 68 .page textarea, 69 .page button { 70 position: absolute; 71 font: inherit; 72 padding: 0; 73 margin: 0; 74 outline: none; 75 box-sizing: border-box; 76 } 77 78 .page input, 79 .page textarea { 80 color: inherit; 81 background: transparent; 82 border: none; 83 } 84 85 /* the TUI border cells own the frame, so the textarea can't be 86 drag-resized past them */ 87 .page textarea { 88 resize: none; 89 overflow-y: auto; 90 } 91 92 /* the TUI cells under the button render the border + label; 93 the overlay button stays transparent so they show through 94 and just owns the click + form-submit behavior. */ 95 .page button { 96 background: transparent; 97 color: transparent; 98 border: none; 99 cursor: pointer; 100 } 101 102 #grid a { 103 color: inherit; 104 text-decoration: none; 105 } 106 107 #grid .clickable { 108 cursor: pointer; 109 } 110 </style> 111 </head> 112 <body> 113 <div class="page"> 114 <div id="grid">{{{ HAXY_HTML }}}</div> 115 <div id="overlay">{{{ HAXY_OVERLAY }}}</div> 116 </div> 117 <script id="page-data" type="application/json">{{{ HAXY_JSON }}}</script> 118 <script src="/script.js"></script> 119 </body> 120 </html> 121