Dateiverwaltung für die WebBox
ulrich
2021-01-06 53119fbeeaf9dbbf6c3a2ae492b9940cb5550054
commit | author | age
05e9c4 1 <!DOCTYPE html>
U 2 <html>
3   <head>
4     <title>Dateiverwaltung</title>
5     <meta charset="UTF-8">
6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
7     <meta name="apple-mobile-web-app-capable" content="yes" />
8     <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
9     <link rel="stylesheet" type="text/css" href="stile.css">
10   </head>
11   <body>
12     <!-- Kopfzeile -->
13     <div class="nord">
14       <div id="nav-menu">
15         <div id="nav-toggle" class="hamburger hamburger--elastic">
16           <div class="hamburger-box">
17             <div class="hamburger-inner"></div>
18           </div>
19         </div>
20       </div>
21       <div class="app-titel">
22         <span id="app-titel">Dateiverwaltung</span>
23       </div>
24     </div>
25     <div class="inhalt">
26       <!-- westliche Seitenleiste -->
27       <div class="west">
28         westliche Seitenleiste
29       </div>
30       <div class="zentrum-behaelter">
31         <!-- Einblendbereich -->
32         <div class="dialog"></div>
d61a61 33         <!-- Breadcrumb -->
U 34         <div class="breadcrumb">
35           <a class="bc-link">Ordner 1</a> / 
36           <a class="bc-link">Ordner 2</a>
37         </div>
05e9c4 38         <!-- zentraler Inhaltsbereich -->
U 39         <div class="zentrum">
40           <div class="zentraler-inhalt">
58bcbd 41             <div class="zentrum-liste" id="dateien">
U 42               <figure>
43                 <i class="demo-icon icon-folder">&#xe800;</i> 
44                 <figcaption class="i-name">icon-folder</figcaption>
45               </figure>
46             </div>
05e9c4 47           </div>
U 48         </div>
49       </div>
50       <!-- oestliche Seitenleiste -->
51       <div class="ost ost-open">
52         &ouml;stliche Seitenleiste
53       </div>
54     </div>
55     <!-- Fusszeile -->
56     <div class="sued sued-open">
57       Fußzeile
58     </div>
59     <!-- Skripte -->
631a88 60     <script src="/jslib/mustache/mustache.min.js"></script>
05e9c4 61     <script src="/jslib/moment/moment-with-locales.min.js"></script>
U 62     <script src="/jslib/numeral/numeral.min.js"></script>    
63     <script src="js/app-menu.js"></script>
64     <script src="js/vorlagen.js"></script>
58bcbd 65     <script src="js/data.js"></script>
05e9c4 66     <script src="js/app.js"></script>
U 67     <script>
68       var app;
69       document.addEventListener('DOMContentLoaded', function () {
70         app = new AppVorlage();
71         app.init();
72       });
73     </script>
74   </body>
75 </html>