Update template to Bootstrap4

- Use dev.tdwg.org stylesheet and JS
- Navbar only contains lik to TDWG
- Sidebar is shown as fixed on bigger screens
- Offset used for anchors
- Terms are a definition list
- List classes and terms (except Record-level)
- Footer removed
This commit is contained in:
Peter Desmet 2017-09-30 16:34:56 -04:00
parent 9d658db3c3
commit 7c30ee2916
5 changed files with 2846 additions and 3021 deletions

View File

@ -111,7 +111,7 @@ class DwcDigester(object):
term_data = {}
term_data["name"] = term_iri.split("/")[-1]
term_data["uri"] = term_iri
term_data["iri"] = term_iri
term_data["label"] = vs_term['label']
term_data["class"] = cf_term['organized_in']
term_data["definition"] = vs_term['definition']
@ -127,7 +127,12 @@ class DwcDigester(object):
# sequence matters in config and it starts with Record-level
class_group = {}
class_group["name"] = "Record-level"
class_group["uri"] = None
class_group["iri"] = None
class_group["label"] = "Record-level"
class_group["class"] = None
class_group["definition"] = None
class_group["comments"] = None
class_group["rdf_type"] = None
class_group["terms"] = []
for term in self.config(): # sequence of the config file used as order
term_data = self.get_term_definition(term)

View File

@ -1,34 +0,0 @@
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-xs-4">
<p><a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png"/></a></p>
</div>
<div class="col-xs-8">
<ul class="list-inline pull-right">
<li>Page last modified on $LAST_MODIFIED</li>
<li><a href="https://github.com/tdwg/dwc/blob/gh-pages/resources.html">Edit on GitHub</a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Scripts -->
<script type="text/javascript" src="../assets/jquery.min.js"></script>
<script type="text/javascript" src="../assets/bootstrap.min.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-386033-4', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>

View File

@ -1,71 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Darwin Core XML Guide</title>
<link href="http://rs.tdwg.org/dwc/" rel="schema.DwC">
<meta name="DC.title" content="$TITLE">
<meta name="DC.description" content="$DESCRIPTION">
<meta name="DC.modified" content="$LAST_MODIFIED">
<meta name="dcterms.subject" content="biodiversity, standards">
<meta name="dcterms.creator" content="Darwin Core Task Group">
<meta name="dcterms.contributor" content="John Wieczorek (MVZ)">
<meta name="dcterms.contributor" content="Markus Döring (GBIF)">
<meta name="dcterms.contributor" content="Renato De Giovanni (CRIA)">
<meta name="dcterms.contributor" content="Tim Robertson (GBIF)">
<meta name="dcterms.contributor" content="Dave Vieglais (KUNHM)">
<meta name="dcterms.contributor" content="Peter Desmet (INBO)">
<meta name="dcterms.publisher" content="Biodiversity Information Standards (TDWG)">
<meta name="dcterms.license" content="http://creativecommons.org/licenses/by/4.0/legalcode">
<meta name="dcterms.language" content="en">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="$BASEassets/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="$BASEassets/main.css">
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="$BASEindex.html">Darwin Core</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="$MENU/TERMS/INDEX"><a href="$BASEterms/index.html">Terms</a></li>
<li class="$MENU/EXAMPLES/INDEX"><a href="$BASEexamples/index.html">Examples</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Reference <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li class="$MENU/CHANGE_POLICY"><a href="$BASEchange_policy.html">Change policy</a></li>
<li class="divider"></li>
<li class="$MENU/SIMPLE_DWC"><a href="$BASEsimple_dwc.html">Simple Darwin Core</a></li>
<li class="divider"></li>
<li class="$MENU/GUIDES/TEXT/INDEX"><a href="$BASEguides/text/index.html">Text guide</a></li>
<li class="$MENU/GUIDES/XML/INDEX"><a href="$BASEguides/xml/index.html">XML guide</a></li>
<li class="$MENU/GUIDES/RDF/INDEX disabled"><a href="$BASEguides/rdf/index.html">RDF guide</a></li>
<li class="divider"></li>
<li class="$MENU/TERMS/HISTORY"><a href="$BASEterms/history.html">Term history</a></li>
<li class="$MENU/TERMS/DECISIONS"><a href="$BASEterms/decisions.html">Term decisions</a></li>
<li class="$MENU/TERMS/MAPPINGS"><a href="$BASEterms/mappings.html">Term mappings</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="$MENU/RESOURCES/INDEX"><a href="$BASEresources/index.html">Resources</a></li>
<li><a href="http://github.com/tdwg/dwc">Source</a></li>
</ul>
</div>
</div>
</nav>
<div class="content">
<div class="container">
<div class="page-header">
<h1>$TITLE</h1>
<p>$DESCRIPTION</p>
</div>

View File

@ -1,159 +1,109 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Darwin Core terms</title>
<meta name="dcterms.title" content="Darwin Core terms">
<meta name="dcterms.description" content="The cover page for the Darwin Core standard.">
<meta name="dcterms.modified" content="2015-03-09">
<meta name="dcterms.subject" content="biodiversity, standards">
<meta name="dcterms.creator" content="Darwin Core Task Group">
<meta name="dcterms.contributor" content="John Wieczorek (MVZ)">
<meta name="dcterms.contributor" content="Markus Doring (GBIF)">
<meta name="dcterms.contributor" content="Renato De Giovanni (CRIA)">
<meta name="dcterms.contributor" content="Tim Robertson (GBIF)">
<meta name="dcterms.contributor" content="Dave Vieglais (KUNHM)">
<meta name="dcterms.contributor" content="Peter Desmet (INBO)">
<meta name="dcterms.publisher" content="Biodiversity Information Standards (TDWG)">
<meta name="dcterms.license" content="http://creativecommons.org/licenses/by/4.0/legalcode">
<meta name="dcterms.language" content="en">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="../assets/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../assets/main.css">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Metadata -->
<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;
}
.group-terms {
font-size: 1.1rem;
}
</style>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="../index.html">Darwin Core</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="../terms/index.html">Terms</a></li>
<li><a href="../examples/index.html">Examples</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Reference <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="../change_policy.html">Change policy</a></li>
<li class="divider"></li>
<li><a href="../simple_dwc.html">Simple Darwin Core</a></li>
<li class="divider"></li>
<li><a href="../guides/text/index.html">Text guide</a></li>
<li><a href="../guides/xml/index.html">XML guide</a></li>
<li class="disabled"><a href="../guides/rdf/index.html">RDF guide</a></li>
<li class="divider"></li>
<li><a href="../terms/history.html">Term history</a></li>
<li><a href="../terms/decisions.html">Term decisions</a></li>
<li><a href="../terms/mappings.html">Term mappings</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="../resources/index.html">Resources</a></li>
<li><a href="http://github.com/tdwg/dwc">Source</a></li>
</ul>
</div>
<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>
</div>
</nav>
<div class="content">
<div class="container-fluid">
<nav class="col-sm-3 terms-sidebar">
<ul class="nav nav-stacked">
#for $group in $groups
<li><a href="#$group.name">$group.name</a></li>
#end for
</ul>
</nav>
<div class="col-sm-9">
<div class="page-header">
<h1>Terms</h1>
<p>This page provides a list of all currently recommended terms of the Darwin Core standard and their definitions. Terms that begin with <code>dcterms:</code> are from the <a href="http://dublincore.org/documents/dcmi-terms/">Dublin Core</a>. Categories correspond to Darwin Core classes (terms that have other terms to describe them). List of these terms in various formats can be found in <a href="../resources">resources</a>.</p>
</div>
#for $group in $groups
<section id="$group.name" class="anchor">
<header class="well">
<h2>$group.name</h2>
<ul class="list-inline">
#for $term in $group.terms
<li><a href="#$term.name">$term.name</a></li>
<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" href="#$group.name">$group.name</a>
</li>
#end for
</ul>
</header>
#def showTerm($t, $isProperty)
#if $t.uri is not None
#if $isProperty
<a id="$t.name" class="anchor"></a>
<table class="table table-bordered table-condensed term-definition">
#else
<table class="table table-bordered table-condensed class-definition">
#end if
<colgroup><col><col></colgroup>
<tbody>
<tr><td colspan="2">$t.name</td></tr>
<tr><td>Label</td><td>$t.label</td></tr>
<tr><td>Identifier</td><td><a href="$t.uri">$t.uri</a></td></tr>
#if $isProperty
<tr><td>Class</td><td>$t.class</td></tr>
#end if
<tr><td>Definition</td><td>$t.definition</td></tr>
<tr><td>Comment</td><td>$t.description</td></tr>
</tbody>
</table>
#end if
#end def
</ul>
</nav>
</div>
$showTerm(group, False)
#for $t in $group.terms
$showTerm(t, True)
#end for
<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 and their definitions. Terms that begin with <code>dcterms:</code> are from the <a href="http://dublincore.org/documents/dcmi-terms/">Dublin Core</a>. Categories correspond to Darwin Core classes (terms that have other terms to describe them). List of these terms in various formats can be found in <a href="../resources">resources</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="badge badge-pill badge-light" href="#$term.name">$term.name</a>
#end for
</div>
#if $group.iri is not None
## The above will exclude the Record-level group
<div class="card my-2">
<div class="card-header">
$group.name
</div>
<div class="card-body">
<dl>
<dt>Identifier</dt><dd><a href="$group.iri">$group.iri</a></dd>
<dt>Definition</dt><dd>$group.definition</dd>
<dt>Comments</dt><dd>$group.comments</dd>
</dl>
</div>
</div>
#end if
#for $term in $group.terms
<a id="$term.name" class="anchor"></a>
<div class="card my-2">
<div class="card-header">
$term.name
</div>
<div class="card-body">
<dl>
<dt>Identifier</dt><dd><a href="$term.iri">$term.iri</a></dd>
<dt>Definition</dt><dd>$term.definition</dd>
<dt>Comments</dt><dd>$term.comments</dd>
</dl>
</div>
</div>
#end for
</section>
#end for
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-xs-4">
<p><a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png"/></a></p>
</div>
<div class="col-xs-8">
<ul class="list-inline pull-right">
<li>Page last modified on 2017-09-30</li>
<li><a href="https://github.com/tdwg/dwc/issues/new">Submit an issue</a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Scripts -->
<script type="text/javascript" src="../assets/jquery.min.js"></script>
<script type="text/javascript" src="../assets/bootstrap.min.js"></script>
<script type="text/javascript">
\$("body").scrollspy({
target: ".terms-sidebar",
offset: 50
});
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-386033-4', 'auto');
ga('send', 'pageview');
</script>
<!-- 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>
</html>

File diff suppressed because it is too large Load Diff