TLC_Web_View/index.html

247 lines
9.2 KiB
HTML
Raw Normal View History

2018-11-19 11:12:38 +01:00
<!DOCTYPE html>
<html lang="de">
2018-10-19 13:51:55 +02:00
<head>
2018-11-19 11:12:38 +01:00
<meta charset="UTF-8">
2020-10-11 15:37:29 +02:00
<title>TLC WebView</title>
2018-11-19 11:12:38 +01:00
<meta name="language" content="de">
<meta name="author" content="CopterSicht">
2020-10-11 15:37:29 +02:00
<meta name="date" content="2020-10-10T016:43:53+01:00">
2018-11-19 11:12:38 +01:00
<meta name="keywords" content="Luftaufnahmen, Luftbild, Filmproduktion">
<meta name="description" content="CopterSicht Website">
<meta name="robots" content="index,follow">
<meta name="audience" content="alle">
<meta name="page-topic" content="Dienstleistungen">
<meta name="revisit-after" CONTENT="7 days">
<meta name="expires" content="0">
<meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="refresh" content="20" >
<!-- Bootstrap core CSS -->
<link href="bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="half-slider.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="design.css">
2018-10-19 13:51:55 +02:00
</head>
2018-11-19 11:12:38 +01:00
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
2020-10-11 15:37:29 +02:00
<a class="navbar-brand" href="https://coptersicht.de/">Long term timelapse camera</a>
2018-11-19 11:12:38 +01:00
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarResponsive" aria-controls="navbarResponsive"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item active"><a class="nav-link" href="https://coptersicht.de/">Home
<span class="sr-only">(current)</span>
</a></li>
<li class="nav-item"><a class="nav-link"
2020-10-11 15:37:29 +02:00
href="https://coptersicht.de/index.php/kontakt/">Contact</a>
2018-11-19 11:12:38 +01:00
</li>
</ul>
</div>
</div>
</nav>
<header>
<div id="carouseIndicators" class="carousel slide"
data-ride="carousel">
<div class="carousel-inner" role="listbox">
<!-- Slide One - Set the background image for this slide in the line below -->
<div class="carousel-item active"
style="background-image: url('banner.jpg')">
<div class="carousel-caption d-none d-md-block"></div>
</div>
<!-- Slide Two - Set the background image for this slide in the line below -->
<div class="carousel-item"
style="background-image: url('img/2img.jpg')">
<div class="carousel-caption d-none d-md-block"></div>
</div>
<!-- Slide Three - Set the background image for this slide in the line below -->
<div class="carousel-item"
style="background-image: url('img/3img.jpg')">
<div class="carousel-caption d-none d-md-block"></div>
</div>
<!-- Slide Three - Set the background image for this slide in the line below -->
<div class="carousel-item"
style="background-image: url('img/4img.jpg')">
<div class="carousel-caption d-none d-md-block"></div>
</div>
<!-- Slide Three - Set the background image for this slide in the line below -->
<div class="carousel-item"
style="background-image: url('img/5img.jpg')">
<div class="carousel-caption d-none d-md-block"></div>
</div>
<!-- Slide Three - Set the background image for this slide in the line below -->
<div class="carousel-item"
style="background-image: url('img/6img.jpg')">
<div class="carousel-caption d-none d-md-block"></div>
</div>
</div>
<!-- Slide Three - Set the background image for this slide in the line below -->
<div class="carousel-item"
style="background-image: url('img/7img.jpg')">
<div class="carousel-caption d-none d-md-block"></div>
</div>
<!-- Slide Three - Set the background image for this slide in the line below -->
<div class="carousel-item"
style="background-image: url('img/8img.jpg')">
<div class="carousel-caption d-none d-md-block"></div>
</div>
<!-- Slide Three - Set the background image for this slide in the line below -->
<div class="carousel-item"
style="background-image: url('img/9img.jpg')">
<div class="carousel-caption d-none d-md-block"></div>
</div>
<!--
<a class="carousel-control-prev" href="#carouselExampleIndicators"
role="button" data-slide="prev"> <span
class="carousel-control-prev-icon" aria-hidden="true"></span> <span
class="sr-only">Previous</span>
</a> <a class="carousel-control-next" href="#carouselExampleIndicators"
role="button" data-slide="next"> <span
class="carousel-control-next-icon" aria-hidden="true"></span> <span
class="sr-only">Next</span>
</a>
-->
</div>
</header>
<div class="container-fluid">
<div class="row">
<div class="col-sm">
2018-11-19 17:21:42 +01:00
<a href="./data/TLC01.jpg"">
2018-11-19 11:12:38 +01:00
<img width="100%" src="./data/TLC01_resized.jpg" alt="TLC01"/>
</a>
2020-10-11 15:37:29 +02:00
<div class="location">TLC01 - not used yet</div>
2018-11-19 11:12:38 +01:00
<div class="text-center">
<button type="button" id="buttonID" class="btn btn-dark" data-clipboard-text="https://services.schuttercloud.com/data/TLC01.jpg">Copy direct link to clipboard</button>
</div>
</div>
<div class="col-sm">
2018-11-19 17:21:42 +01:00
<a href="./data/TLC02.jpg"">
2018-11-19 11:12:38 +01:00
<img width="100%" src="./data/TLC02_resized.jpg" alt="TLC02"/>
</a>
2020-10-11 15:37:29 +02:00
<div class="location">TLC02 - not used yet</div>
2018-11-19 11:12:38 +01:00
<div class="text-center">
<button type="button" id="buttonID" class="btn btn-dark" data-clipboard-text="https://services.schuttercloud.com/data/TLC02.jpg">Copy direct link to clipboard</button>
</div>
</div>
<div class="col-sm">
2018-11-19 17:21:42 +01:00
<a href="./data/TLC03.jpg"">
2018-11-19 11:12:38 +01:00
<img width="100%" src="./data/TLC03_resized.jpg" alt="TLC03"/>
</a>
<div class="location">TLC03 - not used yet</div>
<div class="text-center">
<button type="button" id="buttonID" class="btn btn-dark" disabled data-clipboard-text="https://services.schuttercloud.com/data/TLC03.jpg">Copy direct link to clipboard</button>
</div>
</div>
</div> <!-- end of row -->
<!-- second row:
<div class="col-sm">
2018-11-19 11:27:08 +01:00
<a href="./data/TLC05.jpg""></a>
2018-11-19 11:12:38 +01:00
<img width="100%" src="./data/TLC05_resized.jpg" alt="TLC05"/>
</a>
<div class="location">TLC05 - Salmenkopf, Freistett</div>
<div class="text-center">
<button type="button" id="buttonID" class="btn btn-dark" data-clipboard-text="https://services.schuttercloud.com/data/TLC05.jpg">Copy direct link to clipboard</button>
</div>
</div>
<div class="col-sm">
2018-11-19 11:27:08 +01:00
<a href="./data/TLC02.jpg""></a>
2018-11-19 11:12:38 +01:00
<img width="100%" src="./data/TLC02_resized.jpg" alt="TLC02"/>
</a>
<div class="location">TLC02 - Salmenkopf, Freistett</div>
<div class="text-center">
<button type="button" id="buttonID" class="btn btn-dark" data-clipboard-text="https://services.schuttercloud.com/data/TLC02.jpg">Copy direct link to clipboard</button>
</div>
</div>
<div class="col-sm">
2018-11-19 11:27:08 +01:00
<a href="./data/TLC03.jpg""></a>
2018-11-19 11:12:38 +01:00
<img width="100%" src="./data/TLC03_resized.jpg" alt="TLC03"/>
</a>
<div class="location">TLC03 - not used yet</div>
<div class="text-center">
<button type="button" id="buttonID" class="btn btn-dark" disabled data-clipboard-text="https://services.schuttercloud.com/data/TLC03.jpg">Copy direct link to clipboard</button>
</div>
</div>
<div class="col-sm">
2018-11-19 11:27:08 +01:00
<a href="./data/TLC04.jpg""></a>
2018-11-19 11:12:38 +01:00
<img width="100%" src="./data/TLC04_resized.jpg" alt="TLC04"/>
</a>
<div class="location">TLC04 - Demo</div>
<div class="text-center">
<button type="button" id="buttonID" class="btn btn-dark" disabled data-clipboard-text="https://services.schuttercloud.com/data/TLC04.jpg">Copy direct link to clipboard</button>
</div>
</div>
uncommend here-->
</div>
2018-11-19 11:27:08 +01:00
2018-11-19 11:12:38 +01:00
<script type="text/javascript">/* jshint browser: true */</script>
<script src="browser.flow.js"></script>
<script type="text/javascript">
</script>
<script src="clipboard.min.js"></script>
2018-10-19 13:51:55 +02:00
<script>
var btns = document.querySelectorAll('button');
var clipboard = new Clipboard(btns);
clipboard.on('success', function(e) {
console.log(e);
});
clipboard.on('error', function(e) {
console.log(e);
});
</script>
2018-11-19 11:12:38 +01:00
<!-- Footer -->
<footer class="py-5 bg-dark">
<div class="container">
2020-10-11 15:37:29 +02:00
<p class="m-0 text-center text-white">Copyright &copy; CopterSicht 2020</p>
2018-11-19 11:12:38 +01:00
<button type="button" class="btn btn-link"
2020-10-11 15:37:29 +02:00
onclick="window.location.href='https://coptersicht.de/index.php/agb/'">Terms</button>
2018-11-19 11:12:38 +01:00
<button type="button" class="btn btn-link"
2020-10-11 15:37:29 +02:00
onclick="window.location.href='https://coptersicht.de/index.php/impressum/'">Imprint</button>
2018-11-19 11:12:38 +01:00
<button type="button" class="btn btn-link"
2020-10-11 15:37:29 +02:00
onclick="window.location.href='https://coptersicht.de/index.php/datenschutzerklaerung/'">Privacy statement</button>
2018-11-19 11:12:38 +01:00
</div>
<!-- /.container -->
</footer>
</body>
2018-10-19 13:51:55 +02:00
</html>