Commit 21493e73 authored by Laura Meierkort's avatar Laura Meierkort

add release time badges

parent 8e0f9f1e
<svg xmlns="http://www.w3.org/2000/svg" width="116" height="20"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="116" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path fill="#555" d="M0 0h79v20H0z"/><path fill="#9f9f9f" d="M79 0h37v20H79z"/><path fill="url(#b)" d="M0 0h116v20H0z"/></g><g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11"><text x="39.5" y="15" fill="#010101" fill-opacity=".3">release time</text><text x="39.5" y="14">release time</text><text x="96.5" y="15" fill="#010101" fill-opacity=".3">1999</text><text x="96.5" y="14">1999</text></g></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" width="108" height="20"><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="a"><rect width="108" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#a)"><path fill="#555" d="M0 0h79v20H0z"/><path fill="#9f9f9f" d="M79 0h29v20H79z"/><path fill="url(#b)" d="M0 0h108v20H0z"/></g><g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11"><text x="39.5" y="15" fill="#010101" fill-opacity=".3">release time</text><text x="39.5" y="14">release time</text><text x="92.5" y="15" fill="#010101" fill-opacity=".3">n/a</text><text x="92.5" y="14">n/a</text></g></svg>
\ No newline at end of file
......@@ -104,6 +104,19 @@
For a "fail" the red badge is sent if no information are available, the grey badge is sent.
</p>
</div>
<h1 id="release">Release Time Badge</h1>
<div class="col-md-6">
<img src="images/shields_io/release_time-1999-lightgrey.svg" />
<img src="images/shields_io/release_time-na-lightgrey.svg" />
</div>
<div class="col-md-6">
<h3>Shields IO badges Release Time</h3>
<p>For the release time status, there are no full-sized badges since the release time information is included in Shields.IO badges.
Two possible examples are shown here. The badge shows the release year of a paper and in case that there is no
release year given, the n/a badge is returned.
</p>
</div>
<h1 id="executability">Spatial information Badge</h1>
<div class="col-md-6">
......@@ -111,24 +124,26 @@
</div>
<div class="col-md-6">
<h3>Shields IO badges Spatial Information</h3>
<p>The spatial information badge gives information about the research location, that means where a research was done or a paper was published.
For receiving the spatial information reverse geocoding with the <a href="http://geonames.org">geonames.org</a> api is used. The base for running this
is a JSON file that contains four coordinate pairs representing a bounding box which contains the research location. As the api only accepts coordinate
pairs, the mean center from the bounding box is calculated. These coordinates are send to the api which responds with the country name and if available also
a district/region, which are the information that are shown in the shields.io badge.
</p>
</div>
<div class="col-md-6">
<img width="80%" src="images/maps.jpg" />
<p> The spatial information badge gives information about the research location, that means where a research was done or a paper was published.
For receiving the spatial information reverse geocoding with the <a href="http://geonames.org">geonames.org</a> api is used. The base for running this
is a JSON file that contains four coordinate pairs representing a bounding box which contains the research location. As the api only accepts coordinate
pairs, the mean center from the bounding box is calculated. These coordinates are send to the api which responds with the country name and if available also
a district/region, which are the information that are shown in the shields.io badge.
</p>
</div>
<div class="col-md-6">
<img width="80%" src="images/maps.jpg" />
</div>
<div class="col-md-6">
<h3>Map Visualization</h3>
<p>When clicking on/hovering over/... ??? over the spatial information shields.io badge more information about the location is provided by linking to a map
which shows where the research took place. For this <a href="https://www.google.de/maps/">Google</a>, the most popular online map service is used. It visualizes
the search result of the place that is printed in the shields.io badge.
<div class="col-md-6">
<h3>Map Visualization</h3>
<p> When clicking on/hovering over/... ??? over the spatial information shields.io badge more information about the location is provided by linking to a map
which shows where the research took place. For this <a href="https://www.google.de/maps/">Google</a>, the most popular online map service is used. It visualizes
the search result of the place that is printed in the shields.io badge.
</p>
</div>
</div><!-- /.container -->
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment