image view and buttons

This commit is contained in:
Hendrik Schutter 2018-11-18 22:35:53 +01:00
parent f5ade243a7
commit dc023682a6
14 changed files with 138 additions and 18 deletions

7
clipboard.min.js vendored Normal file

File diff suppressed because one or more lines are too long

BIN
data/TLC01_resized.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 320 KiB

BIN
data/TLC02_resized.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 177 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 72 KiB

BIN
data/TLC03.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

BIN
data/TLC03_resized.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 MiB

After

Width:  |  Height:  |  Size: 13 KiB

BIN
data/TLC04_resized.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 72 KiB

View File

@ -4,3 +4,18 @@
padding-right: 15px;
padding-left: 15px;
}
.col-sm {
margin-top: 3em;
margin-bottom: 3em;
margin-left: 3em;
margin-right: 3em;
}
.location{
text-align: center;
}

View File

@ -16,6 +16,7 @@
<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">
@ -116,43 +117,140 @@
<div class="container-fluid">
<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" style="background-color:yellow;">25%</div>
<div class="col-sm" style="background-color:orange;">25%</div>
</div>
<br>
<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" style="background-color:yellow;">25%</div>
<div class="col-sm" style="background-color:orange;">25%</div>
</div>
<br>
<div class="col-sm">
<a href="./data/TLC01.jpg"">
<img width="100%" src="./data/TLC01_resized.jpg" alt="TLC01"/>
</a>
<div class="location">TLC01 - Salmenkopf, Freistett</div>
<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">
<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>
<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 type="text/javascript">
</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 class="py-5 bg-dark">
<div class="container">
<p class="m-0 text-center text-white">Copyright &copy;
CopterSicht 2018</p>
<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"
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>
<!-- /.container -->
</footer>