image view and buttons
After Width: | Height: | Size: 320 KiB |
After Width: | Height: | Size: 177 KiB |
BIN
data/TLC03.gif
Before Width: | Height: | Size: 72 KiB |
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 13 KiB |
BIN
data/TLC04.jpg
Before Width: | Height: | Size: 1.7 MiB After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 13 KiB |
BIN
data/TLC05.gif
Before Width: | Height: | Size: 72 KiB |
BIN
data/TLC06.gif
Before Width: | Height: | Size: 72 KiB |
BIN
data/TLC07.gif
Before Width: | Height: | Size: 72 KiB |
BIN
data/TLC08.gif
Before Width: | Height: | Size: 72 KiB |
15
design.css
|
@ -4,3 +4,18 @@
|
||||||
padding-right: 15px;
|
padding-right: 15px;
|
||||||
padding-left: 15px;
|
padding-left: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.col-sm {
|
||||||
|
margin-top: 3em;
|
||||||
|
margin-bottom: 3em;
|
||||||
|
margin-left: 3em;
|
||||||
|
margin-right: 3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.location{
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
134
index_neu.html
|
@ -16,6 +16,7 @@
|
||||||
<meta name="expires" content="0">
|
<meta name="expires" content="0">
|
||||||
<meta name="viewport"
|
<meta name="viewport"
|
||||||
content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<meta http-equiv="refresh" content="20" >
|
||||||
|
|
||||||
<!-- Bootstrap core CSS -->
|
<!-- Bootstrap core CSS -->
|
||||||
<link href="bootstrap.min.css" rel="stylesheet">
|
<link href="bootstrap.min.css" rel="stylesheet">
|
||||||
|
@ -116,43 +117,140 @@
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm" style="background-color:yellow;">25%</div>
|
|
||||||
<div class="col-sm" style="background-color:orange;">25%</div>
|
<div class="col-sm">
|
||||||
<div class="col-sm" style="background-color:yellow;">25%</div>
|
<a href="./data/TLC01.jpg"">
|
||||||
<div class="col-sm" style="background-color:orange;">25%</div>
|
<img width="100%" src="./data/TLC01_resized.jpg" alt="TLC01"/>
|
||||||
</div>
|
</a>
|
||||||
<br>
|
<div class="location">TLC01 - Salmenkopf, Freistett</div>
|
||||||
<div class="row">
|
<div class="text-center">
|
||||||
<div class="col-sm" style="background-color:yellow;">25%</div>
|
<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 class="col-sm" style="background-color:orange;">25%</div>
|
</div>
|
||||||
<div class="col-sm" style="background-color:yellow;">25%</div>
|
</div>
|
||||||
<div class="col-sm" style="background-color:orange;">25%</div>
|
|
||||||
</div>
|
|
||||||
<br>
|
<div class="col-sm">
|
||||||
|
<a href="./data/TLC02.jpg"">
|
||||||
|
<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">
|
||||||
|
<a href="./data/TLC03.jpg"">
|
||||||
|
<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">
|
||||||
|
<a href="./data/TLC04.jpg"">
|
||||||
|
<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>
|
||||||
|
|
||||||
|
</div> <!-- end of row -->
|
||||||
|
|
||||||
|
<!-- second row:
|
||||||
|
|
||||||
|
<div class="col-sm">
|
||||||
|
<a href="./data/TLC05.jpg"">
|
||||||
|
<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">
|
||||||
|
<a href="./data/TLC02.jpg"">
|
||||||
|
<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">
|
||||||
|
<a href="./data/TLC03.jpg"">
|
||||||
|
<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">
|
||||||
|
<a href="./data/TLC04.jpg"">
|
||||||
|
<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>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<script type="text/javascript">/* jshint browser: true */</script>
|
<script type="text/javascript">/* jshint browser: true */</script>
|
||||||
<script src="clipboard.min.js"></script>
|
|
||||||
<script src="shim.js"></script>
|
|
||||||
<script src="adler32.js"></script>
|
|
||||||
<script src="browser.flow.js"></script>
|
<script src="browser.flow.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<script src="clipboard.min.js"></script>
|
||||||
|
<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>
|
||||||
|
|
||||||
|
|
||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
<footer class="py-5 bg-dark">
|
<footer class="py-5 bg-dark">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<p class="m-0 text-center text-white">Copyright ©
|
<p class="m-0 text-center text-white">Copyright ©
|
||||||
CopterSicht 2018</p>
|
CopterSicht 2018</p>
|
||||||
|
|
||||||
<button type="button" class="btn btn-link"
|
<button type="button" class="btn btn-link"
|
||||||
onclick="window.location.href='https://www.coptersicht.de'">AGB</button>
|
onclick="window.location.href='https://coptersicht.de/index.php/agb/'">AGB</button>
|
||||||
<button type="button" class="btn btn-link"
|
<button type="button" class="btn btn-link"
|
||||||
onclick="window.location.href='https://www.coptersicht.de'">Impressum</button>
|
onclick="window.location.href='https://coptersicht.de/index.php/impressum/'">Impressum</button>
|
||||||
|
<button type="button" class="btn btn-link"
|
||||||
|
onclick="window.location.href='https://coptersicht.de/index.php/datenschutzerklaerung/'">Datenschutzerklärung</button>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!-- /.container -->
|
<!-- /.container -->
|
||||||
</footer>
|
</footer>
|
||||||
|
|