Dateiverwaltung für die WebBox
ulrich
2021-01-13 4f01b813c127607a7025faff4ac693e049ea4101
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>
41ab37 43                 <i class="icon-folder"> </i> 
58bcbd 44                 <figcaption class="i-name">icon-folder</figcaption>
U 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>
58bcbd 64     <script src="js/data.js"></script>
05e9c4 65     <script src="js/app.js"></script>
U 66     <script>
67       var app;
68       document.addEventListener('DOMContentLoaded', function () {
69         app = new AppVorlage();
70         app.init();
71       });
72     </script>
73   </body>
74 </html>