Browse Source

image view and buttons

master
Hendrik Schutter 4 years ago
parent
commit
dc023682a6
  1. 7
      clipboard.min.js
  2. BIN
      data/TLC01_resized.jpg
  3. BIN
      data/TLC02_resized.jpg
  4. BIN
      data/TLC03.gif
  5. BIN
      data/TLC03.jpg
  6. BIN
      data/TLC03_resized.jpg
  7. BIN
      data/TLC04.jpg
  8. BIN
      data/TLC04_resized.jpg
  9. BIN
      data/TLC05.gif
  10. BIN
      data/TLC06.gif
  11. BIN
      data/TLC07.gif
  12. BIN
      data/TLC08.gif
  13. 15
      design.css
  14. 134
      index_neu.html

7
clipboard.min.js vendored

File diff suppressed because one or more lines are too long

BIN
data/TLC01_resized.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 320 KiB

BIN
data/TLC02_resized.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 177 KiB

BIN
data/TLC03.gif

Binary file not shown.

Before

Width:  |  Height:  |  Size: 72 KiB

BIN
data/TLC03.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

BIN
data/TLC03_resized.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

BIN
data/TLC04.jpg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 MiB

After

Width:  |  Height:  |  Size: 13 KiB

BIN
data/TLC04_resized.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

BIN
data/TLC05.gif

Binary file not shown.

Before

Width:  |  Height:  |  Size: 72 KiB

BIN
data/TLC06.gif

Binary file not shown.

Before

Width:  |  Height:  |  Size: 72 KiB

BIN
data/TLC07.gif

Binary file not shown.

Before

Width:  |  Height:  |  Size: 72 KiB

BIN
data/TLC08.gif

Binary file not shown.

Before

Width:  |  Height:  |  Size: 72 KiB

15
design.css

@ -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;
}

134
index_neu.html

@ -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>

Loading…
Cancel
Save

Du besuchst diese Seite mit einem veralteten IPv4-Internetzugang. Möglicherweise treten in Zukunft Probleme mit der Erreichbarkeit und Performance auf. Bitte frage deinen Internetanbieter oder Netzwerkadministrator nach IPv6-Unterstützung.
You are visiting this site with an outdated IPv4 internet access. You may experience problems with accessibility and performance in the future. Please ask your ISP or network administrator for IPv6 support.
Weitere Infos | More Information
Klicke zum schließen | Click to close