<!DOCTYPE html>
|
<html>
|
<head>
|
<title>Fotos</title>
|
<meta charset="UTF-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<link rel="stylesheet" type="text/css" href="/jslib/bootstrap/css/bootstrap.min.css">
|
<link rel="stylesheet" type="text/css" href="/jslib/font-awesome/css/font-awesome.min.css">
|
<link rel="stylesheet" type="text/css" href="/jslib/fancybox/jquery.fancybox.min.css">
|
<link rel="stylesheet" type="text/css" href="/jslib/lightbox/lightbox.css">
|
<link rel="stylesheet" type="text/css" href="stile.css">
|
<script id="tpl-kacheln" type="x-tmpl-mustache">
|
{{#files}}
|
<figure class="figure datei-figure text-center text-warning align-top datei-elem">
|
{{#mini}}
|
{{#dia}}
|
<a href="{{bildurl}}" data-fancybox="group" data-caption="">
|
<img class="datei" src="{{miniurl}}" width="60" height="40" />
|
</a>
|
{{/dia}}
|
{{^dia}}
|
<img class="datei" src="{{miniurl}}" width="60" height="40" />
|
{{/dia}}
|
{{/mini}}
|
{{^mini}}
|
<i class="fa {{ typeClass }} fa-3x"></i>
|
{{/mini}}
|
<figcaption class="figure-caption dateiname">{{ fileName }}</figcaption>
|
</figure>
|
{{/files}}
|
</script>
|
</head>
|
<body>
|
<!-- Kopfzeile -->
|
<div class="nord">
|
</div>
|
<div class="inhalt">
|
<!-- westliche Seitenleiste -->
|
<div class="west hidden-xs-down">
|
</div>
|
<!-- zentraler Inhaltsbereich -->
|
<div class="zentrum">
|
|
<!-- Dateikacheln/-liste Start -->
|
<div class="zentrum-liste pl-3 pr-3" id="dateien"></div>
|
<!-- Dateikacheln Ende -->
|
|
</div>
|
<!-- oestliche Seitenleiste -->
|
<div class="ost"></div>
|
|
</div>
|
<!-- Fusszeile -->
|
<div class="sued">
|
<button id="fusszeile-schliessen" type="button" class="close" aria-label="Close">
|
<span aria-hidden="true">×</span>
|
</button>
|
<div class="system-out">
|
|
</div>
|
</div>
|
<!-- Skripte -->
|
<script src="/jslib/jquery/jquery.min.js"></script>
|
|
<script src="/jslib/tether/tether.min.js"></script>
|
<script src="/jslib/bootstrap/js/bootstrap.min.js"></script>
|
<script src="/jslib/mustache/mustache.min.js"></script>
|
<script src="/jslib/fancybox/jquery.fancybox.min.js"></script>
|
<script src="/jslib/lightbox/lightbox.min.js"></script>
|
<script src="data.js"></script>
|
<script src="foto-ui.js"></script>
|
<script type="text/javascript" charset="utf-8">
|
//var ui;
|
$(document).ready(function() {
|
fo_init();
|
});
|
</script>
|
</body>
|
</html>
|
