- added OARec, gpkg and coverageJSON to the list of approved Standards

Author: doublebyte1

src/pug/index.pug

@@ -283,13 +283,15 @@ html(lang='en')
                                         i.fa-brands.fa-github 
                         .col-lg-4
                             .team-member
-                                img.mx-auto.rounded-circle(src='assets/img/records-thumb.jpg', alt='...')
-                                h4 OGC API - Records
-                                p.text-muted Interface for discovering and querying metadata about geospatial resources (e.g.: catalogue).
-                                a.btn.btn-dark.btn-social.mx-2(href='https://records.developer.ogc.org/' title='Website' target="_blank")
-                                    i.fa.fa-link
-                                a.btn.btn-dark.btn-social.mx-2(href='https://github.com/opengeospatial/ogcapi-records' title='GitHub repo' target="_blank")
-                                    i.fa-brands.fa-github  
+                                .ribbon-holder
+                                    .ribbon.ribbon-holder Published
+                                    img.mx-auto.rounded-circle(src='assets/img/records-thumb.jpg', alt='...')
+                                    h4 OGC API - Records
+                                    p.text-muted Interface for discovering and querying metadata about geospatial resources (e.g.: catalogue).
+                                    a.btn.btn-dark.btn-social.mx-2(href='https://records.developer.ogc.org/' title='Website' target="_blank")
+                                        i.fa.fa-link
+                                    a.btn.btn-dark.btn-social.mx-2(href='https://github.com/opengeospatial/ogcapi-records' title='GitHub repo' target="_blank")
+                                        i.fa-brands.fa-github  
                         .col-lg-4
                             .team-member
                                 img.mx-auto.rounded-circle(src='assets/img/stylesimage-thumb.jpg', alt='...')
@@ -392,22 +394,26 @@ html(lang='en')
                                     i.fa-brands.fa-github
                         .col-lg-4
                             .team-member
-                                img.mx-auto.rounded-circle(src='assets/img/geopkg.png', alt='...')
-                                h4 GeoPackage
-                                p.text-muted GeoPackage lets you store different types of geospatial information (e.g.: vector data, attributes, metadata, styles) in a single container.
-                                a.btn.btn-dark.btn-social.mx-2(href='https://www.geopackage.org/' title='Website' target="_blank")
-                                    i.fa.fa-link
-                                a.btn.btn-dark.btn-social.mx-2(href='https://github.com/opengeospatial/geopackage' title='GitHub repo' target="_blank")
-                                    i.fa-brands.fa-github
+                                .ribbon-holder
+                                    .ribbon.ribbon-holder Published
+                                    img.mx-auto.rounded-circle(src='assets/img/geopkg.png', alt='...')
+                                    h4 GeoPackage
+                                    p.text-muted GeoPackage lets you store different types of geospatial information (e.g.: vector data, attributes, metadata, styles) in a single container.
+                                    a.btn.btn-dark.btn-social.mx-2(href='https://www.geopackage.org/' title='Website' target="_blank")
+                                        i.fa.fa-link
+                                    a.btn.btn-dark.btn-social.mx-2(href='https://github.com/opengeospatial/geopackage' title='GitHub repo' target="_blank")
+                                        i.fa-brands.fa-github
                         .col-lg-4
                             .team-member
-                                img.mx-auto.rounded-circle(src='assets/img/playground_temperature_coverage_with_values_.png', alt='...')
-                                h4 CoverageJSON
-                                p.text-muted CoverageJSON is simple, efficient, machine and human readable JSON for publishing spatio-temporal data to the Web. 
-                                a.btn.btn-dark.btn-social.mx-2(href='https://covjson.org/' title='Website' target="_blank")
-                                    i.fa.fa-link
-                                a.btn.btn-dark.btn-social.mx-2(href='https://github.com/opengeospatial/CoverageJSON' title='GitHub repo' target="_blank")
-                                    i.fa-brands.fa-github
+                                .ribbon-holder
+                                    .ribbon.ribbon-holder Published
+                                    img.mx-auto.rounded-circle(src='assets/img/playground_temperature_coverage_with_values_.png', alt='...')
+                                    h4 CoverageJSON
+                                    p.text-muted CoverageJSON is simple, efficient, machine and human readable JSON for publishing spatio-temporal data to the Web. 
+                                    a.btn.btn-dark.btn-social.mx-2(href='https://covjson.org/' title='Website' target="_blank")
+                                        i.fa.fa-link
+                                    a.btn.btn-dark.btn-social.mx-2(href='https://github.com/opengeospatial/CoverageJSON' title='GitHub repo' target="_blank")
+                                        i.fa-brands.fa-github
 
         // Learn
         section#learn.page-section.bg-light