<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

    <style>

    @import url("../fonts/fonts_style.css");

    </style>

    <title>XPPL</title>
  </head>
  <body>
<div class="container" style="padding:10px; border-style:dashed; border-width:1px;">
  <h1 style='font-family: Archivo Narrow; text-align: center;'>Potential Books</h1>

    <h3 style='font-family: Archivo Narrow; text-align: center;'>Archiving the gaps in the XPPL library: </h3>
<div style='font-family: Courier New; text-align: center; font-size: 10pt;'>
  <p> {% for pbook in pbooks %}"{{ pbook.ptitle }}" requested on: {{ pbook.time|string|truncate(17,true," ")}}
  </p>{% endfor %}
  </div>
<div style=" font-family: Archivo Narrow; padding-left: 40%">
<pre>
   ,   ,
  /////|
 ///// |
|~~~|  |
|===|  |
|x  |  |
| p |  |
|p l| /
|===|/
'---'
</pre>
 </body>

 <br>
</div>
</html>