dwc/build/config/index.tmpl

107 lines
5.1 KiB
Cheetah

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Darwin Core quick reference guide</title>
<!-- CSS -->
<link rel="stylesheet" href="https://dev.tdwg.org/theme/css/main.css">
<style>
body {
position: relative; /* Needed for scrollspy */
}
@media screen and (min-width: 768px) {
#sidebar { position: fixed; } /* Use fixed sidebar on md screens */
}
.anchor:before { /* To offset sticky-top navbar */
content: " ";
display: block;
height: 4.4rem;
margin-top: -4.4rem;
visibility: hidden;
}
.table .label {
width: 7rem; /* To align all labels */
}
</style>
</head>
<body data-spy="scroll" data-target="#sidebar">
<nav class="navbar navbar-expand-md navbar-dark bg-dark sticky-top">
<div class="container-fluid">
<a class="navbar-brand" href="http://www.tdwg.org">TDWG</a>
<ul class="navbar-nav align-right">
<li class="nav-item">
<a class="nav-link" href="https://github.com/tdwg/dwc">DwC on GitHub</a>
</li>
</ul>
</div>
</nav>
<div class="container-fluid pt-3">
<div class="row">
<div class="col-md-3">
<nav id="sidebar" class="mb-4">
<ul class="nav flex-md-column nav-pills">
#for $group in $groups
<li class="nav-item">
<a class="nav-link py-1" href="#$group.name">$group.name</a>
</li>
#end for
</ul>
</nav>
</div>
<div class="col-md-9">
<h1>Darwin Core quick reference guide</h1>
<p class="lead">This page provides a list of all currently recommended terms of the Darwin Core standard. Categories such as <code>Occurrence</code>, <code>Event</code> correspond to Darwin Core classes, which group other terms. Convenient <a href="https://github.com/tdwg/dwc/tree/master/dist"> files of these terms</a> and <a href="https://github.com/tdwg/dwc/blob/master/vocabulary/term_versions.csv"> their full history</a> can be found in the <a href="https://github.com/tdwg/dwc">Darwin Core repository</a>.</p>
#for $group in $groups
<section id="$group.name" class="anchor mb-4">
<h2>$group.name</h2>
<div class="my-4 group-terms">
#for $term in $group.terms
<a class="btn btn-sm btn-outline-dark m-1" href="#$term.name">$term.name</a>
#end for
</div>
#if $group.iri is not None
## The above will exclude the Record-level group
<table class="table table-sm border mb-3">
<tbody>
<tr class="table-primary"><th colspan="2">$group.name <span class="badge badge-primary float-right">Class</span></th></tr>
<tr><td class="label">Identifier</td><td><a href="$group.iri">$group.iri</a></td></tr>
<tr><td class="label">Definition</td><td>$group.definition</td></tr>
<tr><td class="label">Comments</td><td>$group.comments</td></tr>
</tbody>
</table>
#end if
#for $term in $group.terms
<a id="$term.name" class="anchor"></a>
<table class="table table-sm border mb-3">
<tbody>
<tr class="table-secondary"><th colspan="2">$term.name <span class="badge badge-secondary float-right">Property</span></th></tr>
<tr><td class="label">Identifier</td><td><a href="$group.iri">$term.iri</a></td></tr>
<tr><td class="label">Definition</td><td>$term.definition</td></tr>
<tr><td class="label">Comments</td><td>$term.comments</td></tr>
</tbody>
</table>
#end for
</section>
#end for
</div>
</div>
</div>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://dev.tdwg.org/theme/js/jquery.min.js"></script>
<script src="https://dev.tdwg.org/theme/js/popper.min.js"></script>
<script src="https://dev.tdwg.org/theme/js/bootstrap.min.js"></script>
</body>
</html>