Files
doc-status/layouts/index.html

27 lines
1.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Godot Engine">
<meta name="description" content="View the current completion status of the Godot class reference online.">
<meta name="theme-color" content="#3d8fcc">
<title>{{ .Site.Title }}</title>
<link rel="icon" href="favicon.png">
<link rel="stylesheet" href="main.css">
</head>
<body>
{{ .Content }}
<script>
// Color percentages in the Overall column depending on completion.
// Lower completion percentages are highlighted with a red background,
// whereas higher completion percentages are highlighted with a green background.
document.querySelectorAll('td:nth-child(9)').forEach(td => {
const percentage = Math.floor(td.innerText.substring(0, td.innerText.length - 1));
td.style.backgroundColor = `rgba(${255 - Math.floor(percentage * 2.55)}, ${Math.floor(percentage * 2.55)}, 0, 0.25)`;
})
</script>
</body>
</html>