{{ define "page_index" }} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>{{.title}}</title> <style> body { font-family: 'Arial', sans-serif; margin: 20px; background-color: #f2f2f2; } h1 { text-align: center; color: #333; } table { width: 100%; border-collapse: collapse; margin-top: 20px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } th, td { padding: 12px; text-align: center; border-bottom: 1px solid #ddd; } th { background-color: #4CAF50; color: #fff; } #vdd, #vref, #vadj, #timestamp { margin-top: 20px; color: #333; } #thermocouple { margin-top: 20px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } #thermocouple td { min-width: 6rem; text-align: center; } </style> </head> <body> <h1>TH7</h1> <table id="data"> <thead> <tr> <th>Channel</th> <th>Value</th> </tr> </thead> </table> <p id="vdd">V<sub>DD</sub>:</p> <p id="vref">V<sub>REF</sub>:</p> <p id="vadj">V<sub>ADJ</sub>:</p> <p id="timestamp">Last updated:</p> <h2>Thermocouple config</h2> <table id="thermocouple"> <thead> <tr> <th>Channel</th> <th>Type</th> <th>Gain</th> <th>Offset</th> <th>Filter size</th> <th>Filter type</th> </tr> </thead> </table> <script src="/assets/data-updater.js"></script> </body> </html> {{ end }}