diff --git a/test/test_template_engine/templates/large_templates.h b/test/test_template_engine/templates/large_templates.h new file mode 100644 index 0000000..dda8319 --- /dev/null +++ b/test/test_template_engine/templates/large_templates.h @@ -0,0 +1,2426 @@ +#pragma once +#include +namespace dfte { +namespace test_data { +constexpr size_t large_template_header_length = 596; +constexpr size_t large_template_snippet_length = 1053; +constexpr size_t large_template_footer_length = 123; + +constexpr size_t large_template_32k_repeats = 31; +static const char large_template_32k[] PROGMEM = +"\n\n\n \n DFTE Large Template</t" +"itle>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n <style>\n body " +"{ font-family: Arial, sans-serif; background: #10131a; color: #f0f4ff; }\n main.dashboard { di" +"splay: flex; flex-direction: column; gap: 1.5rem; padding: 2rem; }\n section.panel { backgroun" +"d: rgba(20, 24, 35, 0.85); border: 1px solid rgba(179, 196, 255, 0.12); border-radius: 12px; pad" +"ding: 1.5rem; box-shadow: 0 1.5rem 3rem rgba(0, 12, 56, 0.35); }\n </style>\n</head>\n<body>\n<main" +" class=\"dashboard\">\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Tele" +"metry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>" +"\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3" +".300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric-" +"-power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p cla" +"ss=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Descri" +"ption: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectu" +"s tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric met" +"ric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo" +".</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh No" +"w</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </fo" +"oter>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemet" +"ry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n " +"</header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.30" +"0V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--po" +"wer\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=" +"\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Descripti" +"on: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus t" +"ortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric" +"--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</" +"p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</" +"button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </foote" +"r>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry " +"Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </h" +"eader>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V<" +"/p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power" +"\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"me" +"tric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description:" +" Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tort" +"or, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--n" +"otes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n" +" </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</but" +"ton>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n" +"</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Sum" +"mary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </head" +"er>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>" +"\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">P" +"ower: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metri" +"c metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lo" +"rem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor," +" dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--note" +"s\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n <" +"/article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button" +">\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</s" +"ection>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summar" +"y</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>" +"\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n " +" <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Powe" +"r: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric m" +"etric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem" +" ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, di" +"gnissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">" +"Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </ar" +"ticle>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n " +" <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</sect" +"ion>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</" +"h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n " +"<article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <" +"p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: " +"0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metr" +"ic--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ip" +"sum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, digni" +"ssim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Not" +"es: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </artic" +"le>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n " +"<button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section" +">\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>" +"\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <ar" +"ticle class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p c" +"lass=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.3" +"96W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric-" +"-uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum" +" dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissi" +"m sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes:" +" Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>" +"\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <bu" +"tton class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<" +"section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n " +" <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <artic" +"le class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p clas" +"s=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W" +"</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--up" +"time\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum do" +"lor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim s" +"it amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Cu" +"rabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n " +"<footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <butto" +"n class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<sec" +"tion class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <" +"p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article " +"class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"" +"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p" +">\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptim" +"e\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor" +" sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit " +"amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curab" +"itur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <fo" +"oter class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button c" +"lass=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<sectio" +"n class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p c" +"lass=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article cla" +"ss=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"met" +"ric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n " +" <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">" +"Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor si" +"t amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit ame" +"t, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitu" +"r ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <foote" +"r class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button clas" +"s=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section c" +"lass=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p clas" +"s=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=" +"\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric" +" metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n " +"<p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Upt" +"ime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit a" +"met, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, " +"adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur l" +"igula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer c" +"lass=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"" +"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section clas" +"s=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"" +"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"pa" +"nel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric me" +"tric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p " +"class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime" +": 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet" +", consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adi" +"piscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligu" +"la sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer clas" +"s=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"pan" +"el__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"" +"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"pan" +"el__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel" +"__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metri" +"c--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p cla" +"ss=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 0" +"1:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, c" +"onsectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipis" +"cing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula " +"sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"" +"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel_" +"_action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"pan" +"el\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel_" +"_subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__c" +"ontent\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--" +"current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=" +"\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:2" +"3:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, cons" +"ectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscin" +"g nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sap" +"ien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"pan" +"el__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__ac" +"tion panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\"" +">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__su" +"btitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__cont" +"ent\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--cur" +"rent\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"me" +"tric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:4" +"5</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consect" +"etur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing n" +"ec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien" +", tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel_" +"_footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__actio" +"n panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n " +" <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subti" +"tle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content" +"\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--curren" +"t\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metri" +"c metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</" +"p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetu" +"r adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec," +" ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, t" +"incidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__fo" +"oter\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action p" +"anel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <h" +"eader class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle" +"\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n" +" <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">" +"Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric m" +"etric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n" +" <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur a" +"dipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ul" +"tricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tinc" +"idunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__foote" +"r\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action pane" +"l__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <head" +"er class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">L" +"ive metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n " +" <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Cur" +"rent: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metr" +"ic--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n " +" <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adip" +"iscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultri" +"cies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidu" +"nt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">" +"\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__" +"action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header " +"class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live" +" metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p" +" class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Curren" +"t: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric-" +"-signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p" +" class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipisc" +"ing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricie" +"s sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt " +"non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n " +" <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__act" +"ion--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header cla" +"ss=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live me" +"trics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p cl" +"ass=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: " +"0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--si" +"gnal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p cl" +"ass=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing" +" elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies s" +"ed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non" +", euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <" +"button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action" +"--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=" +"\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metri" +"cs refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class" +"=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.1" +"20A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signa" +"l\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class" +"=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing el" +"it. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed," +" dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, e" +"uismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <but" +"ton class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--d" +"anger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"pa" +"nel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics " +"refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"m" +"etric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A" +"</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">" +"Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"m" +"etric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit." +" Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, do" +"lor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euis" +"mod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button" +" class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--dang" +"er\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel" +"__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics ref" +"reshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metr" +"ic metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p" +">\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-" +"Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metr" +"ic metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Se" +"d non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor" +".</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod" +" vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button cl" +"ass=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\"" +">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__h" +"eader\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refres" +"hed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric " +"metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n " +" <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi " +"RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric " +"metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed n" +"on risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</" +"p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vi" +"tae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class" +"=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Fa" +"ctory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__head" +"er\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed" +" every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric met" +"ric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n " +"<p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSS" +"I: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric met" +"ric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non " +"risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n" +" <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae" +", posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"p" +"anel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Facto" +"ry Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\"" +">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed ev" +"ery five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric" +"--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p " +"class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: " +"-41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric" +"--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non ris" +"us. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n " +" <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, p" +"osuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"pane" +"l__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory " +"Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n " +" <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every" +" five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--v" +"oltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p cla" +"ss=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41" +"dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--d" +"escription\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus." +" Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p" +" class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posu" +"ere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__" +"action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Res" +"et</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n " +"<h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every fi" +"ve seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--volt" +"age\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=" +"\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm" +"</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--desc" +"ription\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Su" +"spendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p cl" +"ass=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere" +" imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__act" +"ion\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset<" +"/button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2" +">Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five " +"seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage" +"\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"me" +"tric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p" +">\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--descrip" +"tion\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspe" +"ndisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class" +"=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere im" +"perdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action" +"\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</bu" +"tton>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>De" +"vice Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five sec" +"onds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">V" +"oltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metri" +"c metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n " +" <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--descriptio" +"n\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendi" +"sse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"m" +"etric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imper" +"diet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">R" +"efresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</butto" +"n>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Devic" +"e Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five second" +"s.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Volt" +"age: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric m" +"etric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n " +"<p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">" +"Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse" +" lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metr" +"ic metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdie" +"t, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refr" +"esh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n" +" </footer>\n</section>\n</main>\n<footer class=\"dashboard__footer\">\n <p>© 2025 Device Framew" +"ork Template Engine</p>\n</footer>\n</body>\n</html>\n"; +constexpr size_t large_template_32k_size = sizeof(large_template_32k) - 1; + +constexpr size_t large_template_64k_repeats = 62; +static const char large_template_64k[] PROGMEM = +"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"utf-8\">\n <title>DFTE Large Template</t" +"itle>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n <style>\n body " +"{ font-family: Arial, sans-serif; background: #10131a; color: #f0f4ff; }\n main.dashboard { di" +"splay: flex; flex-direction: column; gap: 1.5rem; padding: 2rem; }\n section.panel { backgroun" +"d: rgba(20, 24, 35, 0.85); border: 1px solid rgba(179, 196, 255, 0.12); border-radius: 12px; pad" +"ding: 1.5rem; box-shadow: 0 1.5rem 3rem rgba(0, 12, 56, 0.35); }\n </style>\n</head>\n<body>\n<main" +" class=\"dashboard\">\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Tele" +"metry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>" +"\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3" +".300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric-" +"-power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p cla" +"ss=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Descri" +"ption: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectu" +"s tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric met" +"ric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo" +".</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh No" +"w</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </fo" +"oter>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemet" +"ry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n " +"</header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.30" +"0V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--po" +"wer\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=" +"\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Descripti" +"on: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus t" +"ortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric" +"--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</" +"p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</" +"button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </foote" +"r>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry " +"Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </h" +"eader>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V<" +"/p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power" +"\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"me" +"tric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description:" +" Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tort" +"or, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--n" +"otes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n" +" </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</but" +"ton>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n" +"</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Sum" +"mary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </head" +"er>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>" +"\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">P" +"ower: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metri" +"c metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lo" +"rem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor," +" dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--note" +"s\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n <" +"/article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button" +">\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</s" +"ection>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summar" +"y</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>" +"\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n " +" <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Powe" +"r: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric m" +"etric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem" +" ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, di" +"gnissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">" +"Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </ar" +"ticle>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n " +" <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</sect" +"ion>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</" +"h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n " +"<article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <" +"p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: " +"0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metr" +"ic--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ip" +"sum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, digni" +"ssim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Not" +"es: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </artic" +"le>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n " +"<button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section" +">\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>" +"\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <ar" +"ticle class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p c" +"lass=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.3" +"96W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric-" +"-uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum" +" dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissi" +"m sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes:" +" Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>" +"\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <bu" +"tton class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<" +"section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n " +" <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <artic" +"le class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p clas" +"s=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W" +"</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--up" +"time\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum do" +"lor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim s" +"it amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Cu" +"rabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n " +"<footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <butto" +"n class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<sec" +"tion class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <" +"p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article " +"class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"" +"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p" +">\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptim" +"e\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor" +" sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit " +"amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curab" +"itur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <fo" +"oter class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button c" +"lass=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<sectio" +"n class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p c" +"lass=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article cla" +"ss=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"met" +"ric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n " +" <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">" +"Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor si" +"t amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit ame" +"t, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitu" +"r ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <foote" +"r class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button clas" +"s=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section c" +"lass=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p clas" +"s=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=" +"\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric" +" metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n " +"<p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Upt" +"ime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit a" +"met, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, " +"adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur l" +"igula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer c" +"lass=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"" +"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section clas" +"s=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"" +"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"pa" +"nel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric me" +"tric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p " +"class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime" +": 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet" +", consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adi" +"piscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligu" +"la sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer clas" +"s=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"pan" +"el__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"" +"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"pan" +"el__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel" +"__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metri" +"c--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p cla" +"ss=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 0" +"1:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, c" +"onsectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipis" +"cing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula " +"sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"" +"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel_" +"_action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"pan" +"el\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel_" +"_subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__c" +"ontent\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--" +"current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=" +"\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:2" +"3:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, cons" +"ectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscin" +"g nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sap" +"ien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"pan" +"el__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__ac" +"tion panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\"" +">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__su" +"btitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__cont" +"ent\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--cur" +"rent\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"me" +"tric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:4" +"5</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consect" +"etur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing n" +"ec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien" +", tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel_" +"_footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__actio" +"n panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n " +" <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subti" +"tle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content" +"\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--curren" +"t\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metri" +"c metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</" +"p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetu" +"r adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec," +" ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, t" +"incidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__fo" +"oter\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action p" +"anel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <h" +"eader class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle" +"\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n" +" <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">" +"Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric m" +"etric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n" +" <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur a" +"dipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ul" +"tricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tinc" +"idunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__foote" +"r\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action pane" +"l__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <head" +"er class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">L" +"ive metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n " +" <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Cur" +"rent: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metr" +"ic--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n " +" <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adip" +"iscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultri" +"cies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidu" +"nt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">" +"\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__" +"action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header " +"class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live" +" metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p" +" class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Curren" +"t: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric-" +"-signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p" +" class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipisc" +"ing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricie" +"s sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt " +"non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n " +" <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__act" +"ion--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header cla" +"ss=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live me" +"trics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p cl" +"ass=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: " +"0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--si" +"gnal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p cl" +"ass=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing" +" elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies s" +"ed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non" +", euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <" +"button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action" +"--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=" +"\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metri" +"cs refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class" +"=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.1" +"20A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signa" +"l\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class" +"=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing el" +"it. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed," +" dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, e" +"uismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <but" +"ton class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--d" +"anger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"pa" +"nel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics " +"refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"m" +"etric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A" +"</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">" +"Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"m" +"etric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit." +" Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, do" +"lor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euis" +"mod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button" +" class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--dang" +"er\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel" +"__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics ref" +"reshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metr" +"ic metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p" +">\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-" +"Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metr" +"ic metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Se" +"d non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor" +".</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod" +" vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button cl" +"ass=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\"" +">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__h" +"eader\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refres" +"hed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric " +"metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n " +" <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi " +"RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric " +"metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed n" +"on risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</" +"p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vi" +"tae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class" +"=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Fa" +"ctory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__head" +"er\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed" +" every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric met" +"ric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n " +"<p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSS" +"I: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric met" +"ric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non " +"risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n" +" <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae" +", posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"p" +"anel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Facto" +"ry Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\"" +">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed ev" +"ery five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric" +"--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p " +"class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: " +"-41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric" +"--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non ris" +"us. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n " +" <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, p" +"osuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"pane" +"l__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory " +"Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n " +" <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every" +" five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--v" +"oltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p cla" +"ss=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41" +"dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--d" +"escription\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus." +" Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p" +" class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posu" +"ere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__" +"action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Res" +"et</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n " +"<h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every fi" +"ve seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--volt" +"age\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=" +"\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm" +"</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--desc" +"ription\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Su" +"spendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p cl" +"ass=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere" +" imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__act" +"ion\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset<" +"/button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2" +">Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five " +"seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage" +"\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"me" +"tric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p" +">\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--descrip" +"tion\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspe" +"ndisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class" +"=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere im" +"perdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action" +"\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</bu" +"tton>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>De" +"vice Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five sec" +"onds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">V" +"oltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metri" +"c metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n " +" <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--descriptio" +"n\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendi" +"sse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"m" +"etric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imper" +"diet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">R" +"efresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</butto" +"n>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Devic" +"e Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five second" +"s.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Volt" +"age: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric m" +"etric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n " +"<p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">" +"Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse" +" lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metr" +"ic metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdie" +"t, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refr" +"esh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n" +" </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device T" +"elemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.<" +"/p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage" +": 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metr" +"ic--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p " +"class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Des" +"cription: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse le" +"ctus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric " +"metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, " +"leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh" +" Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n <" +"/footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Tele" +"metry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>" +"\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3" +".300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric-" +"-power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p cla" +"ss=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Descri" +"ption: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectu" +"s tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric met" +"ric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo" +".</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh No" +"w</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </fo" +"oter>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemet" +"ry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n " +"</header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.30" +"0V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--po" +"wer\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=" +"\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Descripti" +"on: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus t" +"ortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric" +"--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</" +"p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</" +"button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </foote" +"r>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry " +"Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </h" +"eader>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V<" +"/p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power" +"\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"me" +"tric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description:" +" Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tort" +"or, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--n" +"otes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n" +" </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</but" +"ton>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n" +"</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Sum" +"mary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </head" +"er>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>" +"\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">P" +"ower: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metri" +"c metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lo" +"rem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor," +" dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--note" +"s\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n <" +"/article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button" +">\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</s" +"ection>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summar" +"y</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>" +"\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n " +" <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Powe" +"r: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric m" +"etric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem" +" ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, di" +"gnissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">" +"Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </ar" +"ticle>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n " +" <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</sect" +"ion>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</" +"h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n " +"<article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <" +"p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: " +"0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metr" +"ic--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ip" +"sum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, digni" +"ssim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Not" +"es: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </artic" +"le>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n " +"<button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section" +">\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>" +"\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <ar" +"ticle class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p c" +"lass=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.3" +"96W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric-" +"-uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum" +" dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissi" +"m sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes:" +" Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>" +"\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <bu" +"tton class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<" +"section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n " +" <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <artic" +"le class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p clas" +"s=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W" +"</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--up" +"time\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum do" +"lor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim s" +"it amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Cu" +"rabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n " +"<footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <butto" +"n class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<sec" +"tion class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <" +"p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article " +"class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"" +"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p" +">\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptim" +"e\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor" +" sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit " +"amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curab" +"itur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <fo" +"oter class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button c" +"lass=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<sectio" +"n class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p c" +"lass=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article cla" +"ss=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"met" +"ric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n " +" <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">" +"Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor si" +"t amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit ame" +"t, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitu" +"r ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <foote" +"r class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button clas" +"s=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section c" +"lass=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p clas" +"s=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=" +"\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric" +" metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n " +"<p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Upt" +"ime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit a" +"met, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, " +"adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur l" +"igula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer c" +"lass=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"" +"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section clas" +"s=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"" +"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"pa" +"nel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric me" +"tric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p " +"class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime" +": 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet" +", consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adi" +"piscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligu" +"la sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer clas" +"s=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"pan" +"el__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"" +"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"pan" +"el__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel" +"__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metri" +"c--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p cla" +"ss=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 0" +"1:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, c" +"onsectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipis" +"cing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula " +"sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"" +"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel_" +"_action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"pan" +"el\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel_" +"_subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__c" +"ontent\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--" +"current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=" +"\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:2" +"3:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, cons" +"ectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscin" +"g nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sap" +"ien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"pan" +"el__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__ac" +"tion panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\"" +">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__su" +"btitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__cont" +"ent\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--cur" +"rent\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"me" +"tric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:4" +"5</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consect" +"etur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing n" +"ec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien" +", tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel_" +"_footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__actio" +"n panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n " +" <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subti" +"tle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content" +"\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--curren" +"t\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metri" +"c metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</" +"p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetu" +"r adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec," +" ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, t" +"incidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__fo" +"oter\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action p" +"anel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <h" +"eader class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle" +"\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n" +" <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">" +"Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric m" +"etric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n" +" <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur a" +"dipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ul" +"tricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tinc" +"idunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__foote" +"r\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action pane" +"l__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <head" +"er class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">L" +"ive metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n " +" <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Cur" +"rent: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metr" +"ic--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n " +" <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adip" +"iscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultri" +"cies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidu" +"nt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">" +"\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__" +"action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header " +"class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live" +" metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p" +" class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Curren" +"t: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric-" +"-signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p" +" class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipisc" +"ing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricie" +"s sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt " +"non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n " +" <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__act" +"ion--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header cla" +"ss=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live me" +"trics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p cl" +"ass=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: " +"0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--si" +"gnal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p cl" +"ass=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing" +" elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies s" +"ed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non" +", euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <" +"button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action" +"--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=" +"\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metri" +"cs refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class" +"=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.1" +"20A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signa" +"l\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class" +"=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing el" +"it. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed," +" dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, e" +"uismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <but" +"ton class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--d" +"anger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"pa" +"nel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics " +"refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"m" +"etric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A" +"</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">" +"Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"m" +"etric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit." +" Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, do" +"lor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euis" +"mod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button" +" class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--dang" +"er\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel" +"__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics ref" +"reshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metr" +"ic metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p" +">\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-" +"Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metr" +"ic metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Se" +"d non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor" +".</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod" +" vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button cl" +"ass=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\"" +">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__h" +"eader\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refres" +"hed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric " +"metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n " +" <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi " +"RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric " +"metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed n" +"on risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</" +"p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vi" +"tae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class" +"=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Fa" +"ctory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__head" +"er\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed" +" every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric met" +"ric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n " +"<p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSS" +"I: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric met" +"ric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non " +"risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n" +" <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae" +", posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"p" +"anel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Facto" +"ry Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\"" +">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed ev" +"ery five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric" +"--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p " +"class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: " +"-41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric" +"--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non ris" +"us. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n " +" <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, p" +"osuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"pane" +"l__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory " +"Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n " +" <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every" +" five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--v" +"oltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p cla" +"ss=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41" +"dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--d" +"escription\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus." +" Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p" +" class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posu" +"ere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__" +"action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Res" +"et</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n " +"<h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every fi" +"ve seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--volt" +"age\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=" +"\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm" +"</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--desc" +"ription\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Su" +"spendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p cl" +"ass=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere" +" imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__act" +"ion\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset<" +"/button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2" +">Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five " +"seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage" +"\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"me" +"tric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p" +">\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--descrip" +"tion\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspe" +"ndisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class" +"=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere im" +"perdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action" +"\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</bu" +"tton>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>De" +"vice Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five sec" +"onds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">V" +"oltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metri" +"c metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n " +" <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--descriptio" +"n\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendi" +"sse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"m" +"etric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imper" +"diet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">R" +"efresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</butto" +"n>\n </footer>\n</section>\n</main>\n<footer class=\"dashboard__footer\">\n <p>© 2025 Device Fra" +"mework Template Engine</p>\n</footer>\n</body>\n</html>\n"; +constexpr size_t large_template_64k_size = sizeof(large_template_64k) - 1; + +constexpr size_t large_template_128k_repeats = 124; +static const char large_template_128k[] PROGMEM = +"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"utf-8\">\n <title>DFTE Large Template</t" +"itle>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n <style>\n body " +"{ font-family: Arial, sans-serif; background: #10131a; color: #f0f4ff; }\n main.dashboard { di" +"splay: flex; flex-direction: column; gap: 1.5rem; padding: 2rem; }\n section.panel { backgroun" +"d: rgba(20, 24, 35, 0.85); border: 1px solid rgba(179, 196, 255, 0.12); border-radius: 12px; pad" +"ding: 1.5rem; box-shadow: 0 1.5rem 3rem rgba(0, 12, 56, 0.35); }\n </style>\n</head>\n<body>\n<main" +" class=\"dashboard\">\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Tele" +"metry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>" +"\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3" +".300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric-" +"-power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p cla" +"ss=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Descri" +"ption: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectu" +"s tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric met" +"ric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo" +".</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh No" +"w</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </fo" +"oter>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemet" +"ry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n " +"</header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.30" +"0V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--po" +"wer\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=" +"\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Descripti" +"on: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus t" +"ortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric" +"--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</" +"p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</" +"button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </foote" +"r>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry " +"Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </h" +"eader>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V<" +"/p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power" +"\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"me" +"tric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description:" +" Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tort" +"or, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--n" +"otes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n" +" </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</but" +"ton>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n" +"</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Sum" +"mary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </head" +"er>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>" +"\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">P" +"ower: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metri" +"c metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lo" +"rem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor," +" dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--note" +"s\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n <" +"/article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button" +">\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</s" +"ection>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summar" +"y</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>" +"\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n " +" <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Powe" +"r: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric m" +"etric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem" +" ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, di" +"gnissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">" +"Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </ar" +"ticle>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n " +" <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</sect" +"ion>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</" +"h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n " +"<article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <" +"p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: " +"0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metr" +"ic--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ip" +"sum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, digni" +"ssim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Not" +"es: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </artic" +"le>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n " +"<button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section" +">\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>" +"\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <ar" +"ticle class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p c" +"lass=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.3" +"96W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric-" +"-uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum" +" dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissi" +"m sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes:" +" Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>" +"\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <bu" +"tton class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<" +"section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n " +" <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <artic" +"le class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p clas" +"s=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W" +"</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--up" +"time\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum do" +"lor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim s" +"it amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Cu" +"rabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n " +"<footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <butto" +"n class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<sec" +"tion class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <" +"p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article " +"class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"" +"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p" +">\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptim" +"e\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor" +" sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit " +"amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curab" +"itur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <fo" +"oter class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button c" +"lass=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<sectio" +"n class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p c" +"lass=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article cla" +"ss=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"met" +"ric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n " +" <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">" +"Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor si" +"t amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit ame" +"t, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitu" +"r ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <foote" +"r class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button clas" +"s=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section c" +"lass=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p clas" +"s=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=" +"\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric" +" metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n " +"<p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Upt" +"ime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit a" +"met, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, " +"adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur l" +"igula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer c" +"lass=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"" +"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section clas" +"s=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"" +"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"pa" +"nel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric me" +"tric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p " +"class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime" +": 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet" +", consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adi" +"piscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligu" +"la sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer clas" +"s=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"pan" +"el__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"" +"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"pan" +"el__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel" +"__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metri" +"c--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p cla" +"ss=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 0" +"1:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, c" +"onsectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipis" +"cing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula " +"sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"" +"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel_" +"_action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"pan" +"el\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel_" +"_subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__c" +"ontent\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--" +"current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=" +"\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:2" +"3:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, cons" +"ectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscin" +"g nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sap" +"ien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"pan" +"el__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__ac" +"tion panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\"" +">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__su" +"btitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__cont" +"ent\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--cur" +"rent\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"me" +"tric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:4" +"5</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consect" +"etur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing n" +"ec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien" +", tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel_" +"_footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__actio" +"n panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n " +" <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subti" +"tle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content" +"\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--curren" +"t\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metri" +"c metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</" +"p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetu" +"r adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec," +" ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, t" +"incidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__fo" +"oter\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action p" +"anel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <h" +"eader class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle" +"\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n" +" <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">" +"Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric m" +"etric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n" +" <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur a" +"dipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ul" +"tricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tinc" +"idunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__foote" +"r\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action pane" +"l__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <head" +"er class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">L" +"ive metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n " +" <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Cur" +"rent: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metr" +"ic--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n " +" <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adip" +"iscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultri" +"cies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidu" +"nt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">" +"\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__" +"action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header " +"class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live" +" metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p" +" class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Curren" +"t: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric-" +"-signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p" +" class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipisc" +"ing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricie" +"s sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt " +"non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n " +" <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__act" +"ion--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header cla" +"ss=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live me" +"trics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p cl" +"ass=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: " +"0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--si" +"gnal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p cl" +"ass=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing" +" elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies s" +"ed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non" +", euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <" +"button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action" +"--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=" +"\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metri" +"cs refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class" +"=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.1" +"20A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signa" +"l\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class" +"=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing el" +"it. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed," +" dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, e" +"uismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <but" +"ton class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--d" +"anger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"pa" +"nel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics " +"refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"m" +"etric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A" +"</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">" +"Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"m" +"etric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit." +" Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, do" +"lor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euis" +"mod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button" +" class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--dang" +"er\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel" +"__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics ref" +"reshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metr" +"ic metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p" +">\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-" +"Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metr" +"ic metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Se" +"d non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor" +".</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod" +" vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button cl" +"ass=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\"" +">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__h" +"eader\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refres" +"hed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric " +"metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n " +" <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi " +"RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric " +"metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed n" +"on risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</" +"p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vi" +"tae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class" +"=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Fa" +"ctory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__head" +"er\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed" +" every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric met" +"ric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n " +"<p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSS" +"I: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric met" +"ric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non " +"risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n" +" <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae" +", posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"p" +"anel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Facto" +"ry Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\"" +">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed ev" +"ery five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric" +"--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p " +"class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: " +"-41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric" +"--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non ris" +"us. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n " +" <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, p" +"osuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"pane" +"l__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory " +"Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n " +" <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every" +" five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--v" +"oltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p cla" +"ss=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41" +"dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--d" +"escription\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus." +" Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p" +" class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posu" +"ere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__" +"action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Res" +"et</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n " +"<h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every fi" +"ve seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--volt" +"age\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=" +"\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm" +"</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--desc" +"ription\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Su" +"spendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p cl" +"ass=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere" +" imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__act" +"ion\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset<" +"/button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2" +">Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five " +"seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage" +"\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"me" +"tric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p" +">\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--descrip" +"tion\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspe" +"ndisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class" +"=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere im" +"perdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action" +"\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</bu" +"tton>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>De" +"vice Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five sec" +"onds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">V" +"oltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metri" +"c metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n " +" <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--descriptio" +"n\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendi" +"sse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"m" +"etric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imper" +"diet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">R" +"efresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</butto" +"n>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Devic" +"e Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five second" +"s.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Volt" +"age: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric m" +"etric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n " +"<p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">" +"Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse" +" lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metr" +"ic metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdie" +"t, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refr" +"esh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n" +" </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device T" +"elemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.<" +"/p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage" +": 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metr" +"ic--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p " +"class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Des" +"cription: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse le" +"ctus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric " +"metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, " +"leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh" +" Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n <" +"/footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Tele" +"metry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>" +"\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3" +".300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric-" +"-power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p cla" +"ss=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Descri" +"ption: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectu" +"s tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric met" +"ric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo" +".</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh No" +"w</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </fo" +"oter>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemet" +"ry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n " +"</header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.30" +"0V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--po" +"wer\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=" +"\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Descripti" +"on: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus t" +"ortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric" +"--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</" +"p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</" +"button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </foote" +"r>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry " +"Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </h" +"eader>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V<" +"/p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power" +"\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"me" +"tric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description:" +" Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tort" +"or, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--n" +"otes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n" +" </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</but" +"ton>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n" +"</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Sum" +"mary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </head" +"er>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>" +"\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">P" +"ower: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metri" +"c metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lo" +"rem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor," +" dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--note" +"s\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n <" +"/article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button" +">\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</s" +"ection>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summar" +"y</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>" +"\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n " +" <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Powe" +"r: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric m" +"etric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem" +" ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, di" +"gnissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">" +"Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </ar" +"ticle>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n " +" <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</sect" +"ion>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</" +"h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n " +"<article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <" +"p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: " +"0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metr" +"ic--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ip" +"sum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, digni" +"ssim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Not" +"es: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </artic" +"le>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n " +"<button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section" +">\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>" +"\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <ar" +"ticle class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p c" +"lass=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.3" +"96W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric-" +"-uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum" +" dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissi" +"m sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes:" +" Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>" +"\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <bu" +"tton class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<" +"section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n " +" <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <artic" +"le class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p clas" +"s=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W" +"</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--up" +"time\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum do" +"lor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim s" +"it amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Cu" +"rabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n " +"<footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <butto" +"n class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<sec" +"tion class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <" +"p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article " +"class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"" +"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p" +">\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptim" +"e\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor" +" sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit " +"amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curab" +"itur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <fo" +"oter class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button c" +"lass=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<sectio" +"n class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p c" +"lass=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article cla" +"ss=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"met" +"ric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n " +" <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">" +"Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor si" +"t amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit ame" +"t, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitu" +"r ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <foote" +"r class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button clas" +"s=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section c" +"lass=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p clas" +"s=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=" +"\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric" +" metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n " +"<p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Upt" +"ime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit a" +"met, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, " +"adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur l" +"igula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer c" +"lass=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"" +"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section clas" +"s=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"" +"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"pa" +"nel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric me" +"tric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p " +"class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime" +": 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet" +", consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adi" +"piscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligu" +"la sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer clas" +"s=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"pan" +"el__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"" +"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"pan" +"el__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel" +"__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metri" +"c--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p cla" +"ss=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 0" +"1:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, c" +"onsectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipis" +"cing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula " +"sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"" +"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel_" +"_action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"pan" +"el\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel_" +"_subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__c" +"ontent\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--" +"current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=" +"\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:2" +"3:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, cons" +"ectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscin" +"g nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sap" +"ien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"pan" +"el__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__ac" +"tion panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\"" +">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__su" +"btitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__cont" +"ent\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--cur" +"rent\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"me" +"tric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:4" +"5</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consect" +"etur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing n" +"ec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien" +", tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel_" +"_footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__actio" +"n panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n " +" <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subti" +"tle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content" +"\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--curren" +"t\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metri" +"c metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</" +"p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetu" +"r adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec," +" ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, t" +"incidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__fo" +"oter\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action p" +"anel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <h" +"eader class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle" +"\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n" +" <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">" +"Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric m" +"etric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n" +" <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur a" +"dipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ul" +"tricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tinc" +"idunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__foote" +"r\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action pane" +"l__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <head" +"er class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">L" +"ive metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n " +" <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Cur" +"rent: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metr" +"ic--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n " +" <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adip" +"iscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultri" +"cies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidu" +"nt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">" +"\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__" +"action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header " +"class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live" +" metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p" +" class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Curren" +"t: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric-" +"-signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p" +" class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipisc" +"ing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricie" +"s sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt " +"non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n " +" <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__act" +"ion--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header cla" +"ss=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live me" +"trics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p cl" +"ass=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: " +"0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--si" +"gnal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p cl" +"ass=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing" +" elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies s" +"ed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non" +", euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <" +"button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action" +"--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=" +"\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metri" +"cs refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class" +"=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.1" +"20A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signa" +"l\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class" +"=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing el" +"it. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed," +" dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, e" +"uismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <but" +"ton class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--d" +"anger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"pa" +"nel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics " +"refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"m" +"etric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A" +"</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">" +"Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"m" +"etric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit." +" Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, do" +"lor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euis" +"mod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button" +" class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--dang" +"er\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel" +"__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics ref" +"reshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metr" +"ic metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p" +">\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-" +"Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metr" +"ic metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Se" +"d non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor" +".</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod" +" vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button cl" +"ass=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\"" +">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__h" +"eader\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refres" +"hed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric " +"metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n " +" <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi " +"RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric " +"metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed n" +"on risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</" +"p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vi" +"tae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class" +"=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Fa" +"ctory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__head" +"er\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed" +" every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric met" +"ric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n " +"<p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSS" +"I: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric met" +"ric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non " +"risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n" +" <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae" +", posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"p" +"anel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Facto" +"ry Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\"" +">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed ev" +"ery five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric" +"--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p " +"class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: " +"-41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric" +"--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non ris" +"us. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n " +" <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, p" +"osuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"pane" +"l__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory " +"Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n " +" <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every" +" five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--v" +"oltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p cla" +"ss=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41" +"dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--d" +"escription\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus." +" Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p" +" class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posu" +"ere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__" +"action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Res" +"et</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n " +"<h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every fi" +"ve seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--volt" +"age\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=" +"\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm" +"</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--desc" +"ription\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Su" +"spendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p cl" +"ass=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere" +" imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__act" +"ion\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset<" +"/button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2" +">Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five " +"seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage" +"\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"me" +"tric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p" +">\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--descrip" +"tion\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspe" +"ndisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class" +"=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere im" +"perdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action" +"\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</bu" +"tton>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>De" +"vice Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five sec" +"onds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">V" +"oltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metri" +"c metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n " +" <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--descriptio" +"n\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendi" +"sse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"m" +"etric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imper" +"diet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">R" +"efresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</butto" +"n>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Devic" +"e Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five second" +"s.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Volt" +"age: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric m" +"etric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n " +"<p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">" +"Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse" +" lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metr" +"ic metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdie" +"t, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refr" +"esh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n" +" </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device T" +"elemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.<" +"/p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage" +": 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metr" +"ic--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p " +"class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Des" +"cription: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse le" +"ctus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric " +"metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, " +"leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh" +" Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n <" +"/footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Tele" +"metry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>" +"\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3" +".300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric-" +"-power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p cla" +"ss=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Descri" +"ption: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectu" +"s tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric met" +"ric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo" +".</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh No" +"w</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </fo" +"oter>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemet" +"ry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n " +"</header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.30" +"0V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--po" +"wer\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=" +"\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Descripti" +"on: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus t" +"ortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric" +"--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</" +"p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</" +"button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </foote" +"r>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry " +"Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </h" +"eader>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V<" +"/p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power" +"\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"me" +"tric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description:" +" Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tort" +"or, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--n" +"otes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n" +" </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</but" +"ton>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n" +"</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Sum" +"mary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </head" +"er>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>" +"\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">P" +"ower: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metri" +"c metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lo" +"rem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor," +" dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--note" +"s\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n <" +"/article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button" +">\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</s" +"ection>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summar" +"y</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>" +"\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n " +" <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Powe" +"r: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric m" +"etric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem" +" ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, di" +"gnissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">" +"Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </ar" +"ticle>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n " +" <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</sect" +"ion>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</" +"h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n " +"<article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <" +"p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: " +"0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metr" +"ic--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ip" +"sum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, digni" +"ssim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Not" +"es: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </artic" +"le>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n " +"<button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section" +">\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>" +"\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <ar" +"ticle class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p c" +"lass=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.3" +"96W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric-" +"-uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum" +" dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissi" +"m sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes:" +" Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>" +"\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <bu" +"tton class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<" +"section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n " +" <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <artic" +"le class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p clas" +"s=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W" +"</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--up" +"time\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum do" +"lor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim s" +"it amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Cu" +"rabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n " +"<footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <butto" +"n class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<sec" +"tion class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <" +"p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article " +"class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"" +"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p" +">\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptim" +"e\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor" +" sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit " +"amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curab" +"itur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <fo" +"oter class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button c" +"lass=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<sectio" +"n class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p c" +"lass=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article cla" +"ss=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"met" +"ric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n " +" <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">" +"Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor si" +"t amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit ame" +"t, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitu" +"r ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <foote" +"r class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button clas" +"s=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section c" +"lass=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p clas" +"s=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=" +"\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric" +" metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n " +"<p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Upt" +"ime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit a" +"met, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, " +"adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur l" +"igula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer c" +"lass=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"" +"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section clas" +"s=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"" +"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"pa" +"nel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric me" +"tric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p " +"class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime" +": 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet" +", consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adi" +"piscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligu" +"la sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer clas" +"s=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"pan" +"el__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"" +"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"pan" +"el__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel" +"__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metri" +"c--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p cla" +"ss=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 0" +"1:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, c" +"onsectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipis" +"cing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula " +"sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"" +"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel_" +"_action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"pan" +"el\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel_" +"_subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__c" +"ontent\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--" +"current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=" +"\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:2" +"3:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, cons" +"ectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscin" +"g nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sap" +"ien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"pan" +"el__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__ac" +"tion panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\"" +">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__su" +"btitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__cont" +"ent\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--cur" +"rent\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"me" +"tric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:4" +"5</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consect" +"etur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing n" +"ec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien" +", tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel_" +"_footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__actio" +"n panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n " +" <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subti" +"tle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content" +"\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--curren" +"t\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metri" +"c metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</" +"p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetu" +"r adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec," +" ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, t" +"incidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__fo" +"oter\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action p" +"anel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <h" +"eader class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle" +"\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n" +" <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">" +"Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric m" +"etric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n" +" <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur a" +"dipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ul" +"tricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tinc" +"idunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__foote" +"r\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action pane" +"l__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <head" +"er class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">L" +"ive metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n " +" <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Cur" +"rent: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metr" +"ic--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n " +" <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adip" +"iscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultri" +"cies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidu" +"nt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">" +"\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__" +"action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header " +"class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live" +" metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p" +" class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Curren" +"t: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric-" +"-signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p" +" class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipisc" +"ing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricie" +"s sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt " +"non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n " +" <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__act" +"ion--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header cla" +"ss=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live me" +"trics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p cl" +"ass=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: " +"0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--si" +"gnal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p cl" +"ass=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing" +" elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies s" +"ed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non" +", euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <" +"button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action" +"--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=" +"\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metri" +"cs refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class" +"=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.1" +"20A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signa" +"l\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class" +"=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing el" +"it. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed," +" dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, e" +"uismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <but" +"ton class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--d" +"anger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"pa" +"nel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics " +"refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"m" +"etric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A" +"</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">" +"Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"m" +"etric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit." +" Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, do" +"lor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euis" +"mod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button" +" class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--dang" +"er\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel" +"__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics ref" +"reshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metr" +"ic metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p" +">\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-" +"Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metr" +"ic metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Se" +"d non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor" +".</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod" +" vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button cl" +"ass=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\"" +">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__h" +"eader\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refres" +"hed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric " +"metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n " +" <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi " +"RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric " +"metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed n" +"on risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</" +"p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vi" +"tae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class" +"=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Fa" +"ctory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__head" +"er\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed" +" every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric met" +"ric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n " +"<p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSS" +"I: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric met" +"ric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non " +"risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n" +" <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae" +", posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"p" +"anel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Facto" +"ry Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\"" +">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed ev" +"ery five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric" +"--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p " +"class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: " +"-41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric" +"--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non ris" +"us. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n " +" <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, p" +"osuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"pane" +"l__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory " +"Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n " +" <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every" +" five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--v" +"oltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p cla" +"ss=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41" +"dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--d" +"escription\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus." +" Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p" +" class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posu" +"ere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__" +"action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Res" +"et</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n " +"<h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every fi" +"ve seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--volt" +"age\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=" +"\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm" +"</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--desc" +"ription\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Su" +"spendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p cl" +"ass=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere" +" imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__act" +"ion\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset<" +"/button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2" +">Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five " +"seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage" +"\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"me" +"tric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p" +">\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--descrip" +"tion\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspe" +"ndisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class" +"=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere im" +"perdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action" +"\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</bu" +"tton>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>De" +"vice Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five sec" +"onds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">V" +"oltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metri" +"c metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n " +" <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--descriptio" +"n\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendi" +"sse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"m" +"etric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imper" +"diet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">R" +"efresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</butto" +"n>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Devic" +"e Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five second" +"s.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Volt" +"age: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric m" +"etric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n " +"<p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">" +"Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse" +" lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metr" +"ic metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdie" +"t, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refr" +"esh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n" +" </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device T" +"elemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.<" +"/p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage" +": 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metr" +"ic--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p " +"class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Des" +"cription: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse le" +"ctus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric " +"metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, " +"leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh" +" Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n <" +"/footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Tele" +"metry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>" +"\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3" +".300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric-" +"-power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p cla" +"ss=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Descri" +"ption: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectu" +"s tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric met" +"ric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo" +".</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh No" +"w</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </fo" +"oter>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemet" +"ry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n " +"</header>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.30" +"0V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--po" +"wer\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=" +"\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Descripti" +"on: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus t" +"ortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric" +"--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</" +"p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</" +"button>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </foote" +"r>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry " +"Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </h" +"eader>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V<" +"/p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power" +"\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"me" +"tric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description:" +" Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tort" +"or, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--n" +"otes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n" +" </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</but" +"ton>\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n" +"</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Sum" +"mary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </head" +"er>\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>" +"\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">P" +"ower: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metri" +"c metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lo" +"rem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor," +" dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--note" +"s\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n <" +"/article>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button" +">\n <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</s" +"ection>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summar" +"y</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>" +"\n <article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n " +" <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Powe" +"r: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric m" +"etric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem" +" ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, di" +"gnissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">" +"Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </ar" +"ticle>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n " +" <button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</sect" +"ion>\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</" +"h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n " +"<article class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <" +"p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: " +"0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metr" +"ic--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ip" +"sum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, digni" +"ssim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Not" +"es: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </artic" +"le>\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n " +"<button class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section" +">\n<section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>" +"\n <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <ar" +"ticle class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p c" +"lass=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.3" +"96W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric-" +"-uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum" +" dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissi" +"m sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes:" +" Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>" +"\n <footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <bu" +"tton class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<" +"section class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n " +" <p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <artic" +"le class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p clas" +"s=\"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W" +"</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--up" +"time\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum do" +"lor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim s" +"it amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Cu" +"rabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n " +"<footer class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <butto" +"n class=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<sec" +"tion class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <" +"p class=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article " +"class=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"" +"metric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p" +">\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptim" +"e\">Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor" +" sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit " +"amet, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curab" +"itur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <fo" +"oter class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button c" +"lass=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<sectio" +"n class=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p c" +"lass=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article cla" +"ss=\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"met" +"ric metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n " +" <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">" +"Uptime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor si" +"t amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit ame" +"t, adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitu" +"r ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <foote" +"r class=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button clas" +"s=\"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section c" +"lass=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p clas" +"s=\"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=" +"\"panel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric" +" metric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n " +"<p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Upt" +"ime: 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit a" +"met, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, " +"adipiscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur l" +"igula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer c" +"lass=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"" +"panel__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section clas" +"s=\"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"" +"panel__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"pa" +"nel__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric me" +"tric--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p " +"class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime" +": 01:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet" +", consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adi" +"piscing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligu" +"la sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer clas" +"s=\"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"pan" +"el__action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"" +"panel\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"pan" +"el__subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel" +"__content\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metri" +"c--current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p cla" +"ss=\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 0" +"1:23:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, c" +"onsectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipis" +"cing nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula " +"sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"" +"panel__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel_" +"_action panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"pan" +"el\">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel_" +"_subtitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__c" +"ontent\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--" +"current\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=" +"\"metric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:2" +"3:45</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, cons" +"ectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscin" +"g nec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sap" +"ien, tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"pan" +"el__footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__ac" +"tion panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\"" +">\n <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__su" +"btitle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__cont" +"ent\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--cur" +"rent\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"me" +"tric metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:4" +"5</p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consect" +"etur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing n" +"ec, ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien" +", tincidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel_" +"_footer\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__actio" +"n panel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n " +" <header class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subti" +"tle\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content" +"\">\n <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--curren" +"t\">Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metri" +"c metric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</" +"p>\n <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetu" +"r adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec," +" ultricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, t" +"incidunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__fo" +"oter\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action p" +"anel__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <h" +"eader class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle" +"\">Live metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n" +" <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">" +"Current: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric m" +"etric--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n" +" <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur a" +"dipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ul" +"tricies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tinc" +"idunt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__foote" +"r\">\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action pane" +"l__action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <head" +"er class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">L" +"ive metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n " +" <p class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Cur" +"rent: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metr" +"ic--signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n " +" <p class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adip" +"iscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultri" +"cies sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidu" +"nt non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">" +"\n <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__" +"action--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header " +"class=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live" +" metrics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p" +" class=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Curren" +"t: 0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric-" +"-signal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p" +" class=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipisc" +"ing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricie" +"s sed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt " +"non, euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n " +" <button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__act" +"ion--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header cla" +"ss=\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live me" +"trics refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p cl" +"ass=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: " +"0.120A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--si" +"gnal\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p cl" +"ass=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing" +" elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies s" +"ed, dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non" +", euismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <" +"button class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action" +"--danger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=" +"\"panel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metri" +"cs refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class" +"=\"metric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.1" +"20A</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signa" +"l\">Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class" +"=\"metric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing el" +"it. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed," +" dolor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, e" +"uismod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <but" +"ton class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--d" +"anger\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"pa" +"nel__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics " +"refreshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"m" +"etric metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A" +"</p>\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">" +"Wi-Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"m" +"etric metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit." +" Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, do" +"lor.</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euis" +"mod vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button" +" class=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--dang" +"er\">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel" +"__header\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics ref" +"reshed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metr" +"ic metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p" +">\n <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-" +"Fi RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metr" +"ic metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Se" +"d non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor" +".</p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod" +" vitae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button cl" +"ass=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\"" +">Factory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__h" +"eader\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refres" +"hed every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric " +"metric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n " +" <p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi " +"RSSI: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric " +"metric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed n" +"on risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</" +"p>\n <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vi" +"tae, posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class" +"=\"panel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Fa" +"ctory Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__head" +"er\">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed" +" every five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric met" +"ric--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n " +"<p class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSS" +"I: -41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric met" +"ric--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non " +"risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n" +" <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae" +", posuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"p" +"anel__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Facto" +"ry Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\"" +">\n <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed ev" +"ery five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric" +"--voltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p " +"class=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: " +"-41dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric" +"--description\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non ris" +"us. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n " +" <p class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, p" +"osuere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"pane" +"l__action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory " +"Reset</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n " +" <h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every" +" five seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--v" +"oltage\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p cla" +"ss=\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41" +"dBm</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--d" +"escription\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus." +" Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p" +" class=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posu" +"ere imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__" +"action\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Res" +"et</button>\n </footer>\n</section>\n<section class=\"panel\">\n <header class=\"panel__header\">\n " +"<h2>Device Telemetry Summary</h2>\n <p class=\"panel__subtitle\">Live metrics refreshed every fi" +"ve seconds.</p>\n </header>\n <article class=\"panel__content\">\n <p class=\"metric metric--volt" +"age\">Voltage: 3.300V</p>\n <p class=\"metric metric--current\">Current: 0.120A</p>\n <p class=" +"\"metric metric--power\">Power: 0.396W</p>\n <p class=\"metric metric--signal\">Wi-Fi RSSI: -41dBm" +"</p>\n <p class=\"metric metric--uptime\">Uptime: 01:23:45</p>\n <p class=\"metric metric--desc" +"ription\">Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Su" +"spendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p>\n <p cl" +"ass=\"metric metric--notes\">Notes: Curabitur ligula sapien, tincidunt non, euismod vitae, posuere" +" imperdiet, leo.</p>\n </article>\n <footer class=\"panel__footer\">\n <button class=\"panel__act" +"ion\">Refresh Now</button>\n <button class=\"panel__action panel__action--danger\">Factory Reset<" +"/button>\n </footer>\n</section>\n</main>\n<footer class=\"dashboard__footer\">\n <p>© 2025 Devi" +"ce Framework Template Engine</p>\n</footer>\n</body>\n</html>\n"; +constexpr size_t large_template_128k_size = sizeof(large_template_128k) - 1; + +} // namespace test_data +} // namespace dfte \ No newline at end of file diff --git a/test/test_template_engine/test_main.cpp b/test/test_template_engine/test_main.cpp index 0a06cb6..9c81ff6 100644 --- a/test/test_template_engine/test_main.cpp +++ b/test/test_template_engine/test_main.cpp @@ -54,6 +54,8 @@ TestCase tests[] = { TEST_ENTRY(test_template_renderer_nested), TEST_ENTRY(test_template_renderer_nested_four_levels), TEST_ENTRY(test_template_renderer_nested_chunk_progress), + TEST_ENTRY(test_template_renderer_large_progmem_streaming), + TEST_ENTRY(test_template_renderer_large_progmem_nested_placeholders), TEST_ENTRY(test_template_renderer_large_templates), TEST_ENTRY(test_template_renderer_parallel_contexts), TEST_ENTRY(test_template_renderer_root_ram_template), diff --git a/test/test_template_engine/test_main.h b/test/test_template_engine/test_main.h index 658e80f..2a6eb2c 100644 --- a/test/test_template_engine/test_main.h +++ b/test/test_template_engine/test_main.h @@ -25,6 +25,8 @@ void test_template_renderer_placeholders(); void test_template_renderer_nested(); void test_template_renderer_nested_four_levels(); void test_template_renderer_nested_chunk_progress(); +void test_template_renderer_large_progmem_streaming(); +void test_template_renderer_large_progmem_nested_placeholders(); void test_template_renderer_large_templates(); void test_template_renderer_parallel_contexts(); void test_template_renderer_root_ram_template(); diff --git a/test/test_template_engine/tests/test_template_renderer.cpp b/test/test_template_engine/tests/test_template_renderer.cpp index 7c4da4f..af96c7e 100644 --- a/test/test_template_engine/tests/test_template_renderer.cpp +++ b/test/test_template_engine/tests/test_template_renderer.cpp @@ -2,9 +2,11 @@ #include <Arduino.h> #include <TemplateEngine.h> #include <pgmspace.h> +#include <array> #include "../templates/simple_templates.h" #include "../templates/placeholder_templates.h" #include "../templates/nested_templates.h" +#include "../templates/large_templates.h" #include "../utils/test_utils.h" // Test RAM data getters @@ -25,6 +27,193 @@ static const char* getTestHeap() { return testHeap.c_str(); } static const char* getTestUptime() { return testUptime.c_str(); } static const char PROGMEM simulated_logo_base64[] = "VEVTVF9MT0dPX0RBVEE="; + +struct ProgmemStreamProvider { + const char* data; + size_t length; + size_t offset; + + ProgmemStreamProvider(const char* source, size_t len) + : data(source), length(len), offset(0) {} + + bool next(char& out) { + if (offset >= length) { + return false; + } + out = static_cast<char>(pgm_read_byte(data + offset)); + ++offset; + return true; + } + + bool exhausted() const { + return offset == length; + } +}; + +template <size_t ChunkSize, typename Provider> +static void renderTemplateWithProvider(const char* templateData, Provider& provider, size_t expectedSize, PlaceholderRegistry* registry = nullptr) { + TemplateContext ctx; + if (registry) { + ctx.setRegistry(registry); + } + TemplateRenderer::initializeContext(ctx, templateData); + + std::array<uint8_t, ChunkSize> buffer{}; + size_t total = 0; + size_t iterations = 0; + + while (!TemplateRenderer::isComplete(ctx) && !ctx.hasError()) { + size_t written = TemplateRenderer::renderNextChunk(ctx, buffer.data(), buffer.size()); + iterations++; + TEST_ASSERT_FALSE_MESSAGE(ctx.hasError(), "Template render encountered error"); + TEST_ASSERT_TRUE_MESSAGE(written > 0 || TemplateRenderer::isComplete(ctx), "Template render stalled before completion"); + + for (size_t i = 0; i < written; ++i) { + char expectedChar = 0; + TEST_ASSERT_TRUE_MESSAGE(provider.next(expectedChar), "Expected stream shorter than renderer output"); + TEST_ASSERT_EQUAL_UINT8_MESSAGE(expectedChar, buffer[i], "Rendered output mismatch"); + } + + total += written; + } + + TEST_ASSERT_TRUE_MESSAGE(TemplateRenderer::isComplete(ctx), "Template render should complete"); + TEST_ASSERT_FALSE_MESSAGE(ctx.hasError(), "Template render ended in error state"); + TEST_ASSERT_EQUAL_UINT32_MESSAGE(static_cast<uint32_t>(expectedSize), static_cast<uint32_t>(total), "Rendered output length mismatch"); + TEST_ASSERT_GREATER_THAN_MESSAGE(static_cast<unsigned int>(1), static_cast<unsigned int>(iterations), "Template render should require multiple iterations"); + TEST_ASSERT_TRUE_MESSAGE(provider.exhausted(), "Expected stream still has data after renderer completion"); +} + +static constexpr char kLargeTemplateHeaderPrefix[] = "<!DOCTYPE html>"; +static constexpr char kLargeTemplateSnippetPrefix[] = "<section class=\"panel\">"; +static constexpr char kLargeTemplateSnippetKeyword[] = "Device Telemetry Summary"; +static constexpr char kLargePlaceholder32k[] = "%LARGE_TEMPLATE_32K%"; +static constexpr char kLargePlaceholder64k[] = "%LARGE_TEMPLATE_64K%"; +static constexpr char kLargePlaceholder128k[] = "%LARGE_TEMPLATE_128K%"; +static const char PROGMEM large_nested_root_template[] = + "BEGIN\n" + "%LARGE_TEMPLATE_32K%\n" + "MIDDLE\n" + "%LARGE_TEMPLATE_64K%\n" + "END\n" + "%LARGE_TEMPLATE_128K%\n" + "DONE"; + +class CompositeExpectedProvider { +public: + CompositeExpectedProvider() + : section(Section::PrefixBeforeFirst), offset(0), consumed(0) {} + + bool next(char& out) { + while (true) { + switch (section) { + case Section::PrefixBeforeFirst: + if (offset < prefixBeforeFirstLength()) { + out = prefixBeforeFirstLiteral()[offset++]; + ++consumed; + return true; + } + section = Section::Large32; + offset = 0; + continue; + case Section::Large32: + if (offset < dfte::test_data::large_template_32k_size) { + out = static_cast<char>(pgm_read_byte(dfte::test_data::large_template_32k + offset++)); + ++consumed; + return true; + } + section = Section::Between32And64; + offset = 0; + continue; + case Section::Between32And64: + if (offset < between32And64Length()) { + out = between32And64Literal()[offset++]; + ++consumed; + return true; + } + section = Section::Large64; + offset = 0; + continue; + case Section::Large64: + if (offset < dfte::test_data::large_template_64k_size) { + out = static_cast<char>(pgm_read_byte(dfte::test_data::large_template_64k + offset++)); + ++consumed; + return true; + } + section = Section::Between64And128; + offset = 0; + continue; + case Section::Between64And128: + if (offset < between64And128Length()) { + out = between64And128Literal()[offset++]; + ++consumed; + return true; + } + section = Section::Large128; + offset = 0; + continue; + case Section::Large128: + if (offset < dfte::test_data::large_template_128k_size) { + out = static_cast<char>(pgm_read_byte(dfte::test_data::large_template_128k + offset++)); + ++consumed; + return true; + } + section = Section::Suffix; + offset = 0; + continue; + case Section::Suffix: + if (offset < suffixLength()) { + out = suffixLiteral()[offset++]; + ++consumed; + return true; + } + section = Section::Complete; + offset = 0; + return false; + case Section::Complete: + return false; + } + } + } + + bool exhausted() const { + return consumed == expectedSize(); + } + + size_t expectedSize() const { + return prefixBeforeFirstLength() + dfte::test_data::large_template_32k_size + + between32And64Length() + dfte::test_data::large_template_64k_size + + between64And128Length() + dfte::test_data::large_template_128k_size + + suffixLength(); + } + +private: + enum class Section { + PrefixBeforeFirst, + Large32, + Between32And64, + Large64, + Between64And128, + Large128, + Suffix, + Complete + }; + + Section section; + size_t offset; + size_t consumed; + + static constexpr const char* prefixBeforeFirstLiteral() { return "BEGIN\n"; } + static constexpr const char* between32And64Literal() { return "\nMIDDLE\n"; } + static constexpr const char* between64And128Literal() { return "\nEND\n"; } + static constexpr const char* suffixLiteral() { return "\nDONE"; } + + static constexpr size_t prefixBeforeFirstLength() { return sizeof("BEGIN\n") - 1; } + static constexpr size_t between32And64Length() { return sizeof("\nMIDDLE\n") - 1; } + static constexpr size_t between64And128Length() { return sizeof("\nEND\n") - 1; } + static constexpr size_t suffixLength() { return sizeof("\nDONE") - 1; } +}; + static const char ram_root_template[] = "Status: %TITLE%"; static const char ram_root_text_only[] = "RAM root template"; @@ -706,6 +895,75 @@ void test_template_renderer_nested_chunk_progress() { TEST_ASSERT_TRUE_MESSAGE(rendered.indexOf("Deep content") >= 0, "Rendered string should include deepest content"); } +template <size_t ChunkSize> +static void renderLargeTemplateAndValidate(const char* templateData, size_t expectedSize, size_t expectedRepeats) { + const size_t headerLen = dfte::test_data::large_template_header_length; + const size_t snippetLen = dfte::test_data::large_template_snippet_length; + const size_t footerLen = dfte::test_data::large_template_footer_length; + + TEST_ASSERT_TRUE_MESSAGE(expectedSize >= headerLen + footerLen, "Large template smaller than framing sections"); + const size_t bodySize = expectedSize - headerLen - footerLen; + TEST_ASSERT_EQUAL_UINT_MESSAGE(0, bodySize % snippetLen, "Large template body length should align with snippet length"); + const size_t repeatCount = snippetLen == 0 ? 0 : bodySize / snippetLen; + TEST_ASSERT_EQUAL_UINT_MESSAGE(expectedRepeats, repeatCount, "Large template repeat count mismatch"); + + ProgmemStreamProvider provider(templateData, expectedSize); + renderTemplateWithProvider<ChunkSize>(templateData, provider, expectedSize); + + auto matchesPrefix = [&](size_t offset, const char* literal, size_t literalLen) { + for (size_t i = 0; i < literalLen; ++i) { + if (pgm_read_byte(templateData + offset + i) != literal[i]) { + return false; + } + } + return true; + }; + + TEST_ASSERT_TRUE_MESSAGE(matchesPrefix(0, kLargeTemplateHeaderPrefix, sizeof(kLargeTemplateHeaderPrefix) - 1), "Large template should start with HTML doctype"); + TEST_ASSERT_TRUE_MESSAGE(matchesPrefix(headerLen, kLargeTemplateSnippetPrefix, sizeof(kLargeTemplateSnippetPrefix) - 1), "Large template should include panel section prefix after header"); + + auto snippetContainsKeyword = [&](const char* keyword, size_t keywordLen) { + if (keywordLen == 0 || snippetLen < keywordLen) { + return false; + } + for (size_t offset = 0; offset + keywordLen <= snippetLen; ++offset) { + bool match = true; + for (size_t j = 0; j < keywordLen; ++j) { + if (pgm_read_byte(templateData + headerLen + offset + j) != keyword[j]) { + match = false; + break; + } + } + if (match) { + return true; + } + } + return false; + }; + + TEST_ASSERT_TRUE_MESSAGE(snippetContainsKeyword(kLargeTemplateSnippetKeyword, sizeof(kLargeTemplateSnippetKeyword) - 1), "Large template snippet should include telemetry keyword"); +} + +void test_template_renderer_large_progmem_streaming() { + Serial.println("[TEST:test_template_renderer_large_progmem_streaming] Streaming large PROGMEM templates..."); + renderLargeTemplateAndValidate<512>(dfte::test_data::large_template_32k, dfte::test_data::large_template_32k_size, dfte::test_data::large_template_32k_repeats); + renderLargeTemplateAndValidate<512>(dfte::test_data::large_template_64k, dfte::test_data::large_template_64k_size, dfte::test_data::large_template_64k_repeats); + renderLargeTemplateAndValidate<512>(dfte::test_data::large_template_128k, dfte::test_data::large_template_128k_size, dfte::test_data::large_template_128k_repeats); +} + +void test_template_renderer_large_progmem_nested_placeholders() { + Serial.println("[TEST:test_template_renderer_large_progmem_nested_placeholders] Streaming nested large PROGMEM placeholders..."); + + PlaceholderRegistry registry(6); + TEST_ASSERT_TRUE_MESSAGE(registry.registerProgmemTemplate(kLargePlaceholder32k, dfte::test_data::large_template_32k), "Should register 32K template placeholder"); + TEST_ASSERT_TRUE_MESSAGE(registry.registerProgmemTemplate(kLargePlaceholder64k, dfte::test_data::large_template_64k), "Should register 64K template placeholder"); + TEST_ASSERT_TRUE_MESSAGE(registry.registerProgmemTemplate(kLargePlaceholder128k, dfte::test_data::large_template_128k), "Should register 128K template placeholder"); + + CompositeExpectedProvider provider; + const size_t expectedSize = provider.expectedSize(); + renderTemplateWithProvider<512>(large_nested_root_template, provider, expectedSize, ®istry); +} + void test_template_renderer_large_templates() { Serial.println("[TEST:test_template_renderer_large_templates] Rendering large web-style templates with small chunks...");