Dateiverwaltung für die WebBox
ulrich
2020-01-24 94b87168466ef2904087039ac111d569d241b809
commit | author | age
fb4538 1 <!DOCTYPE html>
UH 2 <html>
3   <head>
4     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
6     <title>Prototyp Flex-Versuch</title>
7     <link rel="stylesheet" type="text/css" href="/jslib/bootstrap/css/bootstrap.min.css">
8     <link rel="stylesheet" type="text/css" href="/jslib/font-awesome/css/font-awesome.min.css">
9     <link rel="stylesheet" type="text/css" href="liste3.css">
10     <script id="tpl-list" type="x-tmpl-mustache">
11       {{#List}}
12       {{#List}}
13         <option value="{{ String }}">{{ String }}</option>'
14       {{/List}}
15       {{/List}}
16     </script>
17   </head>
18   <body>
19     <!-- Anfang Body -->
20     
21     <!-- Anfang Inhalt -->
22     
23     <div id="inhalt">
24       <div id="kopf">
25         <p>Kopf</p>
26       </div>
27          <div id="spalten">
28           <div id="links"> <!-- linke Spalte -->
29             <p>Links</p>   
30           </div> <!-- linke Spalte -->
31           <div id="rechts"> <!-- rechte Spalte -->
32               <p>Dateiliste</p>
33               
34               <div id="lipsum">
35                 <p>
36                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi bibendum nisi at nunc egestas maximus. Nullam eu vulputate velit, quis congue tortor. Integer nisl ante, eleifend a aliquam vel, varius ac augue. Sed volutpat condimentum placerat. Duis et nunc tristique, semper lectus ut, finibus ligula. Morbi iaculis velit non pharetra congue. Fusce quis elit vel magna mattis dignissim. Nullam rutrum ligula nisi, ac convallis erat rutrum ac. Sed egestas id purus sit amet vestibulum. Pellentesque vitae suscipit felis.
37                 </p>
38                 <p>
39                 Aenean ac nulla tempor augue blandit rhoncus. In tincidunt tempus imperdiet. Fusce non dui ut neque iaculis laoreet. In interdum consectetur sapien vel lacinia. Vivamus euismod a leo nec consectetur. Integer consequat massa eget ipsum maximus, vitae dapibus velit cursus. Ut at est ut justo pellentesque vulputate. Integer molestie, odio in cursus placerat, ex eros auctor sem, nec viverra arcu ipsum sed magna. Mauris dignissim rutrum lacus. Duis convallis magna sed neque malesuada eleifend.
40                 </p>
41                 <p>
42                 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce mollis aliquam tellus id finibus. In ultrices, dui id laoreet accumsan, enim justo dictum velit, et accumsan tellus erat ut odio. Proin sit amet feugiat turpis, quis lobortis nisi. Nulla facilisi. Phasellus malesuada nisi quis sapien tristique accumsan. Curabitur mattis ullamcorper quam, nec iaculis libero volutpat at.
43                 </p>
44                 <p>
45                 Pellentesque placerat lectus id velit vestibulum tincidunt sit amet iaculis neque. Donec dapibus in velit eu rhoncus. Phasellus accumsan id sapien vel vehicula. Curabitur felis tellus, hendrerit at commodo non, vestibulum vitae mauris. Sed molestie placerat est, et tincidunt nulla imperdiet eu. Curabitur molestie, sem a ultricies convallis, odio leo tempus felis, ut auctor lorem leo eu dui. Donec dignissim blandit scelerisque. Suspendisse potenti. Donec bibendum lacus eget dui semper, sed suscipit neque fringilla.
46                 </p>
47                 <p>
48                 Curabitur gravida tellus eget odio tristique rutrum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam eu pretium enim. Nullam commodo diam vestibulum est porta, a rutrum lectus egestas. Morbi a convallis augue. Vivamus tempus euismod massa, ut tempor nibh congue eu. Aliquam quis risus eget eros dictum lobortis sit amet nec lectus. Nullam ac turpis feugiat, rutrum tortor eget, dictum ligula.
49                 </p>
50               </div>              
51               
52           </div> <!-- rechte Spalte -->
53         </div>
54     </div>
55     
56     <!-- Ende Inhalt -->
57     
58     <!-- Skripte -->
59     <script src="/jslib/jquery/jquery.min.js"></script>
60     <script src="/jslib/bootstrap/js/bootstrap.min.js"></script>
61     <script src="/jslib/mustache/mustache.min.js"></script>
62     <script src="ui.js"></script>
63     <script type="text/javascript" charset="utf-8">
64       //var ui;
65       $(document).ready(function() {
66         // hier kann man etwas initialisieren
67       });
68     </script>
69     
70     <!-- Ende Body -->
71   </body>
72 </html>