-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html.jinja2
55 lines (48 loc) · 1.56 KB
/
index.html.jinja2
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<html>
<head>
<style type='text/css'>
a, a:visited {color: blue;}
a:hover {color: red;}
img {
width: 400px;
border:2px solid;
margin-right: 50px;
display: inline-block;
vertical-align:top;
}
div {
white-space: nowrap;
margin-bottom: 20px;
}
</style>
</head>
<body>
<h1>Plans builtin stylesheets: modern vs postmodern</h1>
<p>
Plans' built-in stylesheets need to be updated to work with the
new postmodern interface. Here is how they appear now. Mouse over
any image to see how it appears using the older modern interface.
</p>
{% for style in sheets %}
<h2>{{ style }}</h2>
<div>
{% for page in pages %}
<a href='previews/{{style}}/{{ page }}.postmodern.html'>
<img src='screenshots/{{ style }}/{{ page }}.postmodern.html.png'
onmouseover="this.src='screenshots/{{ style }}/{{ page }}.modern.html.png'"
onmouseout ="this.src='screenshots/{{ style }}/{{ page }}.postmodern.html.png'" />
</a>
{% endfor %}
</div>
<div>
{% for page in pages %}
<a href='previews/{{style}}/{{ page }}.postcentered.html'>
<img src='screenshots/{{ style }}/{{ page }}.postcentered.html.png'
onmouseover="this.src='screenshots/{{ style }}/{{ page }}.centered.html.png'"
onmouseout ="this.src='screenshots/{{ style }}/{{ page }}.postcentered.html.png'" />
</a>
{% endfor %}
</div>
{% endfor %}
</body>
</html>