combined_log_template.html
1 <html lang="en"> 2 <head> 3 <title> {{ title }} </title> 4 <style> 5 ul { 6 list-style-type: none; 7 font-family: monospace; 8 } 9 li { 10 border: 1px solid slategray; 11 margin-bottom: 1px; 12 } 13 li:hover { 14 filter: brightness(85%); 15 } 16 li.log-test { 17 background-color: cyan; 18 } 19 li.log-node0 { 20 background-color: lightblue; 21 } 22 li.log-node1 { 23 background-color: lightgreen; 24 } 25 li.log-node2 { 26 background-color: lightsalmon; 27 } 28 li.log-node3 { 29 background-color: lightyellow; 30 } 31 </style> 32 </head> 33 <body> 34 <ul> 35 {% for event in log_events %} 36 <li class="log-{{ event.source }}"> {{ event.source }} {{ event.timestamp }} {{event.event}}</li> 37 {% endfor %} 38 </ul> 39 </body> 40 </html>