ulrich
2021-07-11 e662e029b0553be9cf78bb0f8b8f78ba41789239
commit | author | age
8077b8 1 <!DOCTYPE html>
U 2 <!--
3 Baum-Demo
4 von Ulrich Hilger, https://uhilger.de
5 8. Juli 2021
6 -->
7 <html>
8   <head>
ced8dc 9     <title>Baum-Demo statisch</title>
8077b8 10     <meta charset="UTF-8">
U 11     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalabe=no">
12     <meta name="apple-mobile-web-app-capable" content="yes" />
13     <link rel="stylesheet" type="text/css" href="stile.css">
14   </head>
15   <body>
16     <div>
ced8dc 17       <h4>Baum-Demo (statisch)</h4>
8077b8 18     </div>
U 19     
20     <p>
ced8dc 21         Demo zum Artikel <a href="/data/doc/2021/07/web-botanik.adoc">Web-Botanik: Hierarchische Daten als Baum darstellen</a>.
8077b8 22     </p>
U 23     
24     <div class="baum">
25       <div class="baum-elem">
26         <i class="icon-folder-open"></i>
27         1: Knoten
28         <div class="baum-elem">
29           <i class="icon-folder-open"></i>
30           1.1: Knoten
31           <div class="baum-elem">
32             <i class="icon-doc-inv"></i>
33             1.1.1: Blatt
34           </div>
35         </div>
36         <div class="baum-elem">
37           <i class="icon-doc-inv"></i>
38           1.2: Blatt
39         </div>
40         <div class="baum-elem">
41           <i class="icon-doc-inv"></i>
42           1.3: Blatt
43         </div>
44         <div class="baum-elem" data1="irgendwas" data2="nochwas">
45           <i class="icon-folder"></i>
46           1.4: Knoten
47         </div>
48       </div>
49       <div class="baum-elem">
50         <i class="icon-doc-inv"></i>
51         2: Blatt
52       </div>      
53     </div>
54   </body>
55 </html>