tmdinosaurcenter
/
dwc
mirror of https://github.com/tdwg/dwc.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update to jinja2 templating syntax

This commit is contained in:
stijnvanhoey 2017-12-06 20:20:54 +01:00
parent f72460a0f8
commit e5a00fee83
1 changed files with 28 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
build/config/index.tmpl
View File

@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Darwin Core quick reference guide</title> <title>Darwin Core quick reference guide</title>
<!-- CSS --> <!-- CSS -->
<link rel="stylesheet" href="https://dev.tdwg.org/theme/css/main.css"> <link rel="stylesheet" href="https://dev.tdwg.org/theme/css/main.css">
<style> <style>
@ -13,7 +13,7 @@
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
#sidebar { position: fixed; } /* Use fixed sidebar on md screens */ #sidebar { position: fixed; } /* Use fixed sidebar on md screens */
} }
.anchor:before { /* To offset sticky-top navbar */ .anchor:before { /* To offset sticky-top navbar */
@ -47,11 +47,11 @@
<div class="col-md-3"> <div class="col-md-3">
<nav id="sidebar" class="mb-4"> <nav id="sidebar" class="mb-4">
<ul class="nav flex-md-column nav-pills"> <ul class="nav flex-md-column nav-pills">
#for $class_group in $class_groups {% for class_group in class_groups %}
<li class="nav-item"> <li class="nav-item">
<a class="nav-link py-1" href="#$class_group.label">$class_group.label</a><!-- anchor to class_group --> <a class="nav-link py-1" href="#{{ class_group.label }}">{{ class_group.label }}</a><!-- anchor to class_group -->
</li> </li>
#end for {% endfor %}
</ul> </ul>
</nav> </nav>
</div> </div>
@ -59,45 +59,45 @@
<div class="col-md-9"> <div class="col-md-9">
<h1>Darwin Core quick reference guide</h1> <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> <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 $class_group in $class_groups {% for class_group in class_groups %}
<section id="$class_group.label" class="anchor mb-4"><!-- anchor to class_group --> <section id="{{ class_group.label }}" class="anchor mb-4"><!-- anchor to class_group -->
<h2>$class_group.label</h2> <h2>{{ class_group.label }}</h2>
<div class="my-4"> <div class="my-4">
#for $term in $class_group.terms {% for term in class_group.terms %}
<a class="btn btn-sm btn-outline-dark m-1" href="#$term.namespace:$term.label">$term.label</a><!-- link to term --> <a class="btn btn-sm btn-outline-dark m-1" href="#{{ term.namespace}}:{{ term.label }}">{{ term.label }}</a><!-- link to term -->
#end for {% endfor %}
</div> </div>
#if $class_group.iri is not None {% if class_group.iri is not none %}
## The above will exclude the Record-level class_group {# The above will exclude the Record-level class_group #}
<table class="table table-sm border mb-3"> <table class="table table-sm border mb-3">
<tbody> <tbody>
<tr class="table-primary"><th colspan="2">$class_group.label <span class="badge badge-primary float-right">Class</span></th></tr> <tr class="table-primary"><th colspan="2">{{ class_group.label }}<span class="badge badge-primary float-right">Class</span></th></tr>
<tr><td class="label">Identifier</td><td><a href="$class_group.iri">$class_group.iri</a></td></tr> <tr><td class="label">Identifier</td><td><a href="{{ class_group.iri }}">{{ class_group.iri }}</a></td></tr>
<tr><td class="label">Definition</td><td>$class_group.definition</td></tr> <tr><td class="label">Definition</td><td>{{class_group.definition}}</td></tr>
<tr><td class="label">Comments</td><td>$class_group.comments</td></tr> <tr><td class="label">Comments</td><td>{{class_group.comments}}</td></tr>
</tbody> </tbody>
</table> </table>
#end if {%endif %}
#for $term in $class_group.terms {% for term in class_group.terms %}
<a id="$term.namespace:$term.label" class="anchor"></a><!-- anchor to term --> <a id="{{ term.namespace}}:{{ term.label }}" class="anchor"></a><!-- anchor to term -->
<table class="table table-sm border mb-3"> <table class="table table-sm border mb-3">
<tbody> <tbody>
<tr class="table-secondary"><th colspan="2">$term.label <span class="badge badge-secondary float-right">Property</span></th></tr> <tr class="table-secondary"><th colspan="2">{{ term.label }}<span class="badge badge-secondary float-right">Property</span></th></tr>
<tr><td class="label">Identifier</td><td><a href="$term.iri">$term.iri</a></td></tr> <tr><td class="label">Identifier</td><td><a href="{{ term.iri }}">term.iri</a></td></tr>
<tr><td class="label">Definition</td><td>$term.definition</td></tr> <tr><td class="label">Definition</td><td>{{ term.definition }}</td></tr>
<tr><td class="label">Comments</td><td>$term.comments</td></tr> <tr><td class="label">Comments</td><td>{{ term.comments }}</td></tr>
</tbody> </tbody>
</table> </table>
#end for {% endfor %}
</section> </section>
#end for {% endfor %}
</div> </div>
</div> </div>
</div> </div>
<!-- jQuery first, then Popper.js, then Bootstrap JS --> <!-- 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/jquery.min.js"></script>
<script src="https://dev.tdwg.org/theme/js/popper.min.js"></script> <script src="https://dev.tdwg.org/theme/js/popper.min.js"></script>