<!DOCTYPE html> <html> <head>
<title>Lideo</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head> <body>
<div class=“container”>
<h2 style="text-align:left;float:left;">Lideo RSS Reader</h2> <h4 style="text-align:right;float:left;">v1.0.0</h4> <hr style="clear:both;"/> <p><strong>Generated at:</strong> {{ generated_at }}</p> <div class="panel-group" id="accordion"> {{#channels}} <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse-{{ id }}">{{ name }}</a> </h4> </div> <div id="collapse-{{ id }}" class="panel-collapse collapse"> <div class="panel-body"> {{#headlines}} <a href="{{ url }}" class="block" target="_blank"> <p> {{ title }} </p> </a> {{/headlines}} </div> </div> </div> {{/channels}} </div>
</div>
</body> </html>