102 строки
1.9 KiB
Cheetah
102 строки
1.9 KiB
Cheetah
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Credits</title>
|
|
<style>
|
|
body {
|
|
background-color: white;
|
|
font-size: 84%;
|
|
max-width: 1020px;
|
|
}
|
|
.page-title {
|
|
font-size: 164%;
|
|
font-weight: bold;
|
|
}
|
|
.product {
|
|
background-color: #c3d9ff;
|
|
border-radius: 5px;
|
|
margin-top: 16px;
|
|
overflow: auto;
|
|
padding: 2px;
|
|
}
|
|
.product .title {
|
|
float: left;
|
|
font-size: 110%;
|
|
font-weight: bold;
|
|
margin: 3px;
|
|
}
|
|
.product .homepage {
|
|
float: right;
|
|
margin: 3px;
|
|
text-align: right;
|
|
}
|
|
.product .homepage::after {
|
|
content: " - ";
|
|
}
|
|
.product .show {
|
|
float: right;
|
|
margin: 3px;
|
|
text-align: right;
|
|
}
|
|
.licence {
|
|
background-color: #e8eef7;
|
|
border-radius: 3px;
|
|
clear: both;
|
|
display: none;
|
|
padding: 16px;
|
|
}
|
|
.licence h3 {
|
|
margin-top: 0;
|
|
}
|
|
.licence pre {
|
|
white-space: pre-wrap;
|
|
}
|
|
.dialog #print-link,
|
|
.dialog .homepage {
|
|
display: none;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<span class="page-title" style="float:left;">Credits</span>
|
|
<a id="print-link" href="#" style="float:right;">Print</a>
|
|
<div style="clear:both; overflow:auto;"><!-- Chromium <3s the following projects -->
|
|
{{entries}}
|
|
</div>
|
|
<script>
|
|
function $(id) { return document.getElementById(id); }
|
|
|
|
function toggle(o) {
|
|
var licence = o.nextSibling;
|
|
|
|
while (licence.className != 'licence') {
|
|
if (!licence) return false;
|
|
licence = licence.nextSibling;
|
|
}
|
|
|
|
if (licence.style && licence.style.display == 'block') {
|
|
licence.style.display = 'none';
|
|
o.textContent = 'show license';
|
|
} else {
|
|
licence.style.display = 'block';
|
|
o.textContent = 'hide license';
|
|
}
|
|
return false;
|
|
}
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var links = document.querySelectorAll('a.show');
|
|
for (var i = 0; i < links.length; ++i) {
|
|
links[i].onclick = function() { return toggle(this); };
|
|
}
|
|
|
|
$('print-link').onclick = function() {
|
|
window.print();
|
|
return false;
|
|
};
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|