- MobileDialog with links to dependent library licenses

This commit is contained in:
Arno Kaimbacher 2021-02-10 17:10:10 +01:00
parent b390fd6f21
commit 293b22c28b
4 changed files with 39 additions and 11 deletions

View File

@ -50,7 +50,7 @@
</a> </a>
<div class="row"> <div class="row">
<div class="logo two columns"> <div class="logo two columns">
<a class="navbar-brand" href="http://www.europe-geology.eu/onshore-geology/geological-map/"> <a class="navbar-brand" href="http://www.europe-geology.eu/onshore-geology/geological-map/" target="_blank">
<img src="images/egdi_logo.svg" height="51"> <img src="images/egdi_logo.svg" height="51">
</a> </a>
</div> </div>

View File

@ -24,6 +24,12 @@ body {
color: #222; color: #222;
} }
ol,
ul {
list-style: none;
padding: 0;
}
/* body { /* body {
padding-top: 65px; padding-top: 65px;
} */ } */

View File

@ -54,7 +54,7 @@
.popup .fm_overlay { .popup .fm_overlay {
position: fixed; position: fixed;
width: 300px; width: 350px;
left: 50%; left: 50%;
margin-left: -150px; margin-left: -150px;
top: 50%; top: 50%;

View File

@ -92,14 +92,36 @@ export class MobileDialog {
// this.domNode.getElementsByClassName("popuptitle")[0].innerHTML = title || this.title; // this.domNode.getElementsByClassName("popuptitle")[0].innerHTML = title || this.title;
// if (!isHelp) { if (!isHelp) {
// //document.getElementById("pageinfo").style.display = "none"; //document.getElementById("pageinfo").style.display = "none";
// this.pageinfo.style.display = "none"; this.pageinfo.style.display = "none";
// } }
// else { else {
// //document.getElementById("pageinfo").style.display = "block"; this.pageinfo.innerHTML = '<h1>About</h1>' +
// this.pageinfo.style.display = "block"; '<div id="about">' +
// } "This project is using the following libraries, fonts & styles::" +
"<ul>" +
'<li>three.js + OrbitControls.js <a href="https://threejs.org/" target="_blank">threejs.org</a>' +
' <a href="https://github.com/mrdoob/three.js/blob/dev/LICENSE" target="_blank" class="license">MIT LICENSE</a></li>' +
'<li id="lib_proj4js">Proj4js <a href="https://github.com/proj4js/proj4js" target="_blank">github.com/proj4js/proj4js</a>' +
' <a href="https://github.com/proj4js/proj4js/blob/master/LICENSE.md" target="_blank" class="license">Proj4js -- Javascript reprojection library</a></li>' +
'<li id="lib_normalize">normalize.css <a href="https://github.com/necolas/normalize.css" target="_blank">github.com/necolas/normalize.css</a>' +
' <a href="https://github.com/necolas/normalize.css/blob/master/LICENSE.md" target="_blank" class="license">MIT License</a></li>' +
'<li id="lib_fontawesome">Font Awesome Free <a href="https://github.com/FortAwesome/Font-Awesome" target="_blank">github.com/FortAwesome/Font-Awesome</a>' +
' <a href="https://github.com/FortAwesome/Font-Awesome/blob/master/LICENSE.txt" target="_blank" class="license">Font: SIL OFL 1.1, CSS: MIT License, Icons: CC BY 4.0 License</a></li>' +
'</ul>' +
'</div>';
this.pageinfo.style.display = "block";
}
this.dialogDiv.classList.add('show'); this.dialogDiv.classList.add('show');
this.dialogDiv.classList.remove('hide'); this.dialogDiv.classList.remove('hide');