Coder Social home page Coder Social logo

enhance HTML representations about pygeoapi HOT 9 CLOSED

geopython avatar geopython commented on August 17, 2024
enhance HTML representations

from pygeoapi.

Comments (9)

jorgejesus avatar jorgejesus commented on August 17, 2024 1

Something every simple like: https://bulma.io/documentation/

from pygeoapi.

jorgejesus avatar jorgejesus commented on August 17, 2024

Suggestion from Paul van Genuchten

Make proposed page easy to customize using configuration options. and possibility of adding icons

from pygeoapi.

pvgenuchten avatar pvgenuchten commented on August 17, 2024

The templating system seems a good option to change the layout according to user needs
https://github.com/geopython/pygeoapi/blob/master/pygeoapi/templates/base.html

Some comments to improve the generic base template:

  • head-title/keyword/abstract should not be filled using generic config, in stead it should use properties from the collection or feature exposed on that page (title will be displayed on google search result), so would be interesting to configure for each Collection which property of Feature can be used as title (aka schema.org/name)
  • if the css were based on less, it would be nice to allow to define a color-scheme & font.
  • add an organisation logo (upload logo.png from admin)
  • add option to configure links in the header or footer (contact, disclaimer, help etc)

from pygeoapi.

thijsbrentjens avatar thijsbrentjens commented on August 17, 2024

@pvgenuchten this is a really good point:

head-title/keyword/abstract should not be filled using generic config, in stead it should use properties from the collection or feature exposed on that page (title will be displayed on google search result), so would be interesting to configure for each Collection which property of Feature can be used as title (aka schema.org/name)

I just tested the results in Google Search. Google indexes up to the individual item, which is really nice (and could be useful for some datasets). But the HTML representation could be improved. See for example https://www.google.com/search?q=site:demo.pygeoapi.io&start=70

Improvements like: add a specific H1 header (and title element) for an item (there is no H1 currently), preferably a human readable title, but that may require some more work (e.g. an optional title_field per provider for example). It may not be today, but I could maybe implement something for this

from pygeoapi.

tomkralidis avatar tomkralidis commented on August 17, 2024

Closing given we probably have enough given our current HTML representation. Feel free to reopen if we missed anything. Having said this, I will open a new ticket for being able to modify look and feel.

from pygeoapi.

pvgenuchten avatar pvgenuchten commented on August 17, 2024

I agree with Thijs (sorry missed this discussion) we should make sure to list at least the id of the feature in the title, now google shows same title for each feature

image

I'll work on a PR

from pygeoapi.

pvgenuchten avatar pvgenuchten commented on August 17, 2024

or maybe better to move this to a new issue...

from pygeoapi.

tomkralidis avatar tomkralidis commented on August 17, 2024

FYI #296 opened for review/comment.

from pygeoapi.

justb4 avatar justb4 commented on August 17, 2024

Think this also can be closed, the scope is also is rather broad but at the time of opening the HTML was rather barren. Better to have more specific/targeted issues like #361.

from pygeoapi.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.