From 15b62bd283481852844ccedcb668ca2adf017e03 Mon Sep 17 00:00:00 2001
From: Tom Kralidis <tomkralidis@gmail.com>
Date: Wed, 4 Apr 2018 21:54:18 +0000
Subject: [PATCH] add JSON links to HTML templates

---
 pygeoapi/static/img/README.md       |   4 ++++
 pygeoapi/static/img/json.png        | Bin 0 -> 2738 bytes
 pygeoapi/templates/base.html        |   2 +-
 pygeoapi/templates/collection.html  |   2 +-
 pygeoapi/templates/collections.html |   2 +-
 pygeoapi/templates/conformance.html |   2 +-
 pygeoapi/templates/items.html       |   4 ++--
 7 files changed, 10 insertions(+), 6 deletions(-)
 create mode 100644 pygeoapi/static/img/README.md
 create mode 100644 pygeoapi/static/img/json.png

diff --git a/pygeoapi/static/img/README.md b/pygeoapi/static/img/README.md
new file mode 100644
index 0000000..dd1e3b7
--- /dev/null
+++ b/pygeoapi/static/img/README.md
@@ -0,0 +1,4 @@
+# Images
+
+# `json.png`
+- downloaded from https://thenounproject.com/search/?q=json&i=966215
diff --git a/pygeoapi/static/img/json.png b/pygeoapi/static/img/json.png
new file mode 100644
index 0000000000000000000000000000000000000000..330dacc8e89b7b7b7464d374e6fc03ae8a858bf7
GIT binary patch
literal 2738
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

literal 0
HcmV?d00001

diff --git a/pygeoapi/templates/base.html b/pygeoapi/templates/base.html
index 9fc9421..9b22cc2 100644
--- a/pygeoapi/templates/base.html
+++ b/pygeoapi/templates/base.html
@@ -20,7 +20,7 @@
   </head>
   <body>
     <header>
-      <h1><a title="{{ config['metadata']['identification']['title'] }}" href="{{ config['server']['url'] }}?f=html">{{ config['metadata']['identification']['title'] }}</a></h1>
+      <h1><a title="{{ config['metadata']['identification']['title'] }}" href="{{ config['server']['url'] }}?f=html">{{ config['metadata']['identification']['title'] }}</a><a title="JSON" href="{{ config['server']['url'] }}"><img alt="JSON" src="{{ config['server']['url'] }}/static/img/json.png" width="30" height="30"/></a></h1>
       <span itemprop="description">{{ config['metadata']['identification']['description'] }}</span>
     </header>
 
diff --git a/pygeoapi/templates/collection.html b/pygeoapi/templates/collection.html
index e92005f..75f285e 100644
--- a/pygeoapi/templates/collection.html
+++ b/pygeoapi/templates/collection.html
@@ -2,7 +2,7 @@
 {% block title %}{{ super() }} {{ data['title'] }} {% endblock %}
 {% block body %}
     <section id="collection">
-      <h2>{{ data['title'] }}</h2>
+      <h2>{{ data['title'] }}<a title="JSON" href="{{ config['server']['url'] }}/collections/{{ data['name'] }}"><img alt="JSON" src="{{ config['server']['url'] }}/static/img/json.png" width="30" height="30"/></a></h2>
       <div>{{ data['description'] }}</div>
       <div><a title="Browse Features" href="{{ config['server']['url'] }}/collections/{{ data['name'] }}/items?f=html">Browse Features</a></div>
       <h2>Links</h2>
diff --git a/pygeoapi/templates/collections.html b/pygeoapi/templates/collections.html
index d746e27..832074c 100644
--- a/pygeoapi/templates/collections.html
+++ b/pygeoapi/templates/collections.html
@@ -2,7 +2,7 @@
 {% block title %}{{ super() }} Collections {% endblock %}
 {% block body %}
     <section id="collections">
-      <h2>Collections</h2>
+      <h2>Collections <a title="JSON" href="{{ config['server']['url'] }}/collections"><img alt="JSON" src="{{ config['server']['url'] }}/static/img/json.png" width="30" height="30"/></a></h2>
       <ul>
       {% for k, v in config['datasets'].items()%}
           <li><a title="{{ v['title'] }}" href="{{ config['server']['url'] }}/collections/{{ k }}?f=html">{{ v['title'] }}</a></li>
diff --git a/pygeoapi/templates/conformance.html b/pygeoapi/templates/conformance.html
index 5108773..94e2ade 100644
--- a/pygeoapi/templates/conformance.html
+++ b/pygeoapi/templates/conformance.html
@@ -2,7 +2,7 @@
 {% block title %}{{ super() }} Conformance {% endblock %}
 {% block body %}
     <section id="conformance">
-      <h2>Conformance</h2>
+      <h2>Conformance <a title="JSON" href="{{ config['server']['url'] }}/conformance"><img alt="JSON" src="{{ config['server']['url'] }}/static/img/json.png" width="30" height="30"/></a></h2>
       <ul>
       {% for link in data['conformsTo'] %}
           <li><a title="{{ link }}" href="{{ link }}">{{ link }}</a></li>
diff --git a/pygeoapi/templates/items.html b/pygeoapi/templates/items.html
index 698ea62..447a082 100644
--- a/pygeoapi/templates/items.html
+++ b/pygeoapi/templates/items.html
@@ -8,7 +8,7 @@
         width: 80%;
       }
       #items-map {
-        width: 600px;
+        width: 400px;
         height: 400px;
       }
     </style>
@@ -18,7 +18,7 @@
     <section id="items">
       <h2>{{ data['title'] }}</h2>
       <span>{{ data['description'] }}</span>
-      <h2>Features</h2>
+      <h2>Features <a title="JSON" href="./items"><img alt="JSON" src="{{ config['server']['url'] }}/static/img/json.png" width="30" height="30"/></a></h2>
       <table>
           <tr>
             <td>