test community live deployment map

Author: tomkralidis

README.md

@@ -57,6 +57,15 @@ git commit -m 'update page' content/page.md
 git push origin master
 ```
 
+### Updating live deployments
+
+```bash
+python3 gen_live_deployments_geojson.py
+mv live-deployments.geojson docs/community
+git commit -m 'update live deployments GeoJSON' docs/community/live-deployments.geojson
+git push origin master
+```
+
 ## Publishing updates to the live site
 
 Website updates are automatically published via GitHub Actions.

docs/community/index.md

@@ -4,6 +4,14 @@ title: Community
 
 # Community
 
+
+<script src="https://embed.github.com/view/geojson/geopython/pygeoapi.io/gh-pages/community/live-deployments.geojson"> </script>
+
+<div class="pygeoapi-powered">
+<a class="reference external image-reference" href="https://www.ga.gov.au"><img alt="Geoscience Australia" src="/img/org-logs/aus-ga.png"/></a>
+</div>
+
+
 ## Code of Conduct
 
 In support of an inclusive and welcoming community, the pygeoapi code of conduct can always be found at [https://github.com/geopython/pygeoapi/blob/master/CODE_OF_CONDUCT.md](https://github.com/geopython/pygeoapi/blob/master/CODE_OF_CONDUCT.md).
@@ -86,3 +94,33 @@ Users, developers and others are more than welcome!  There are plenty of ways to
 - Core development (bug fixing, feature implementation, etc.)
 
 See [https://github.com/geopython/pygeoapi/blob/master/CONTRIBUTING.md](https://github.com/geopython/pygeoapi/blob/master/CONTRIBUTING.md) for more information on contributing.
+
+
+<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
+<script type="text/javascript">
+  function makeSimpleSlideshow(container) {
+    container.addClass('slideshow').hide().slideDown('slow');
+    $('a', container).each(function() {
+      $(this).attr('title', $('img', this).attr('alt'));
+    }).clone().appendTo(container);
+    var links = $('a', container).wrapAll('<div class=items></div>');
+    var items = $('div.items', container);
+    var firstLink = $(links[0]);
+    var lastLink = $(links[links.length / 2 - 1]);
+    var pixels = lastLink.offset().left - firstLink.offset().left + lastLink.width();
+
+    function scroll() {
+      items.animate({left: -pixels + 'px'}, pixels * 20, 'linear', function() {
+        items.css('left', '0px');
+        scroll();
+      });
+    }
+    scroll();
+  }
+
+  $(document).ready(function() {
+      var powered = $('div.pygeoapi-powered');
+      if (powered.length > 0)
+          makeSimpleSlideshow(powered);
+  });
+</script>

docs/css/default.css

@@ -75,3 +75,59 @@ pre code span, .nb, .w {
 .headerlink {
     visibility: hidden;
 }
+
+/* slideshows (from http://pocoo.org) */
+
+div.pycsw-powered a {
+    border: none;
+    vertical-align: middle;
+}
+
+div.pycsw-powered img {
+    padding: 5px 10px;
+    vertical-align: middle;
+}
+
+div.pycsw-powered a:hover {
+    background: white;
+}
+
+div.slideshow {
+    position: relative;
+    overflow: hidden;
+    height: 110px;
+    width: 620px;
+    margin: 10px -7px;
+}
+
+div.slideshow div.items {
+    position: absolute;
+    width: 100000px;
+    z-index: 500;
+    clear: both;
+}
+
+div.slideshow img {
+    padding: 0 20px;
+    margin: 0;
+}
+
+div.slideshow:before,
+div.slideshow:after {
+    position: absolute;
+    display: block;
+    width: 20px;
+    height: 110px;
+    content: " ";
+    z-index: 1000;
+    background: url(../img/slideshow-cutout.png) repeat-y;
+}
+
+div.slideshow:before {
+    left: 0;
+}
+
+div.slideshow:after {
+    right: 0;
+    background-position: -20px 0;
+}