Skip to content

Web Components (Demo)

Jump to bottom
Rob Nelson edited this page Sep 4, 2019 · 5 revisions

Embedded Example

<html>
  <head>
    <script type="text/javascript" 
      src="embedded_publication_list.js"></script>
  </head>
  <body>
    <vivo-embedded-publication-list person_id="orcid0000-0002-1304-8447">
    </vivo-embedded-publication-list>
  </body>
</html>

Embedded Publication List (with custom styling):

<p>NOTE: custom styling</p>

<style>
  vivo-embedded-publication-list {
    --publication-title-color: #6f42c1;
    --publication-title-link-color: #6f42c1;
    --publication-title-font-size: 34px;
    --publication-abstract-font-size: 18px;
    --publication-authors-font-weight: normal;
    --publication-date-font-style: normal;
    --publication-authors-font-size: 14px;
    --publication-date-font-size: 14px;
  }  
</style>

<vivo-embedded-publication-list 
  person_id="orcid0000-0002-1304-8447" 
  link-decorate="true">

</vivo-embedded-publication-list>

Within site Page (Research tab)

          <h4 class="tab-content">Publications (via Web Components)</h4>
            <section class="publication-list">

            <vivo-publication-list>
                
                  <vivo-publication id="n130559" authors="[
{"id":"orcid0000-0001-8420-5254","label":"Holmes, Kristi"},
{"id":"orcid0000-0001-8530-8917","label":"Triggs, Graham"},
{"id":"orcid0000-0001-9114-8737","label":"Haendel, Melissa"},
{"id":"orcid0000-0003-2588-3084","label":"Ilik, Violeta"},
{"id":"orcid0000-0002-1304-8447","label":"Conlon, Mike"},
{"id":"orcid0000-0002-1304-8447","label":"Conlon, Michael"}]">
                    <div slot="title">OpenVIVO: Transparency in Scholarship@en-US</div>
                    <div slot="abstract">OpenVIVO is a free and open hosted semantic 
web platform anyone can join that gathers and shares open data about scholarship in 
the world. . OpenVIVO,based on the VIVO open source platform,provides transparent 
access to data about the scholarly work of its participants. OpenVIVO demonstrates 
the use of persistent identifiers, automatic real-time ingest of scholarly ecosystem 
metadata, use of VIVO-ISF and related ontologies, attribution of work, and publication 
and reuse of data–all critical components of presenting, preserving, and tracking 
scholarship. The system was created by a cross-institutional team overthe course 
of three months. The team created and used RDF models for research organizations 
in the world based on Digital Science GRID data, for academic journals based on 
data from CrossRef and the US National Library of Medicine, and created a new 
model for attribution of scholarly work. All models, data and software are available 
in open repositories.</div>
                    <span slot="date">2017-01-01</span>
                  </vivo-publication>


etc...
Clone this wiki locally