allpy: b556c96c6719 utils/markup_to

allpy

blocks3d/www Makefile: never check certificates of github, they are too confusing for wget

author	Daniil Alexeyevsky <dendik@kodomo.fbb.msu.ru>
date	Mon, 26 May 2014 17:20:29 +0400
parents
children

line source

1 <html>

2 <head>

3 <title>Alignment with markup</title>

4 <style>

5 * { font-family: fixed; font-size: 8pt; }

6 .code1 { display: block; font-size: 12pt; width: 2em; }

7 .code3 { display: none; }

8 .number { display: none; }

9 .popup { display: none; background: #ffc; padding: .2em; border: solid thin black; white-space: nowrap; }

10 span.code1:hover { background: #fcc; }

11 span.code1:hover .popup { display: block; position: absolute; margin-left: 1em; }

12 </style>

13 </head>

14 <body>

15 <table>

16 {% for row in rows %}

17 <tr>

18 {% for monomer in row %}

19 <td>

20 {% if monomer %}

21 <span class='code1'>{{ monomer.code1 }}

22 <div class='popup'>{{ monomer.description.replace("\n", "<br>") }}</div>

23 </span>

24 <span class='code3'>{{ monomer.code3 }}</span>

25 {% for name, markup in row.sequence.markups.items() %}

26 <span class='{{ name }}'>{{ markup.get(monomer, "") }}</span>

27 {% endfor %}

28 {% else %}

29 <span class='code1'>-</span>

30 {% endif %}

31 </td>

32 {% endfor %}

33 </tr>

34 {% endfor %}

35 </table>

36 </body>

37 </html>