@prefix : <#>.
@prefix ui: <http://www.w3.org/ns/ui#>.

:OntologyApp
  a ui:CustomTemplate
  ui:label "Ontologies" ;
  ui:dataSource :OntologyQuery ;
  ui:content """
    <a href="${uri}">
      <div style="font-weight:550;">${label}</div>
      <div>
        <span>${prefix}</span>
        <span style="font-style:italic">${namespace}ls</span>
      </div>
    </a>
  """ .

<#OntologyQuery>
  a ui:SparqlQuery ;
  ui:endpoint <http://localhost/solid/news/ontologies-data.ttl> ;
  ui:query """
    PREFIX vann: <http://purl.org/vocab/vann/> 
    PREFIX owl: <http://www.w3.org/2002/07/owl#>
    PREFIX rdfs: <http://www.w3.org/2000/01/rdf-schema#>
    SELECT ?uri ?label ?prefix ?namespace WHERE {
      ?uri a owl:Ontology ;
           vann:preferredNamespacePrefix ?prefix ;
           vann:preferredNamespaceURI ?namespace .
      OPTIONAL { ?uri rdfs:label ?label . }
    }
  """ .