1 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
2 <link rel="stylesheet" href="style.css" type="text/css"/>
3 <script src="code.js" type="text/javascript"></script>
5 <h1>Library, API, tools</h1>
7 <img src="overview.svg"
8 style="position: absolute; left: 10px; top: 100px;" />
10 <!-- XXX WebKit won't render any images embedded in the SVG above.
11 As a nasty hack, place the images which are supposed to be
12 in the SVG on top. -->
15 style="position: absolute; left: 212px; top: 120px; z-index: 10;" />
17 style="position: absolute; left: 272px; top: 120px; z-index: 10;" />
19 style="position: absolute; left: 332px; top: 120px; z-index: 10;" />
21 style="position: absolute; left: 392px; top: 120px; z-index: 10;" />
23 style="position: absolute; left: 444px; top: 120px; z-index: 10;" />
24 <img src="openstack.png"
25 style="position: absolute; left: 360px; top: 480px; z-index: 10;" />
27 <!-- XXX End of WebKit hack -->
29 <!-- Now mask out parts of the diagram. -->
32 style="position: absolute;
33 left: 10px; top: 100px;
34 width: 600px; height: 140px;
38 style="position: absolute;
39 left: 10px; top: 220px;
40 width: 800px; height: 320px;
41 background-color: white;