one_line_demo_with_console.html (925B)
1 <html> 2 3 <head> 4 <link rel="icon" type="image/x-icon" href="favicon.ico"> 5 <script src="service_worker.js"></script> 6 <style> 7 #log p { 8 margin: 0; 9 } 10 </style> 11 </head> 12 13 <body> 14 <div id="log" style="padding:2px; border: solid 1px #000; background-color: #ccc; margin:2px; height: 8em; font-family: monospace; overflow-y: auto; font-size: 8px;"></div> 15 <script> 16 let addMessage = (text, color) => { 17 let log = document.getElementById('log'); 18 let message = document.createElement('p'); 19 message.style = 'color: ' + color + ';'; 20 message.textContent = text; 21 log.append(message); 22 log.scrollTop = log.scrollHeight; 23 } 24 </script> 25 26 <!-- Use those with capable server 27 <img src="image00.jpg" style="width:100%" /> 28 <img src="image01.png" style="width:100%" /> 29 --> 30 <img src="image00.jxl" style="width:100%" /> 31 <img src="image01.jxl" style="width:100%" /> 32 </body> 33 34 </html>