Get started with creativecommons-vocabulary CDN


<!DOCTYPE html>
<html>
<head>
  <meta name="description" content="An example of using Creative Commons Vocabulary.">
  <title>Get started with creativecommons-vocabulary CDN - cdnhub.io</title>
  <script src="https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/js/vocabulary.js" defer></script>
  <script>
    // Assuming you have an element with id 'licenseInfo' where you want to display the license info
    const licenseInfo = document.getElementById('licenseInfo');

    // Define the work metadata
    const work = {
      creator: {
        name: 'John Doe',
      },
      title: 'Example Work',
      description: 'This is an example work.',
      license: {
        type: 'CC0', // CC0, CC BY, CC BY-SA, CC BY-ND, CC BY-NC, CC BY-NC-SA, CC BY-NC-ND
        version: '1.0',
      },
    };

    // Get the license object using the CCV
    ccVocab.getLicense(work.license.type, work.license.version)
      .then((license) => {
        // Display the license info
        licenseInfo.innerHTML = `
          <p><strong>License:</strong> ${license.name.value}</p>
          <p><strong>URL:</strong> ${license.url}</p>
          <p><strong>Machine-readable:</strong> ${license.machineReadable.value}</p>
        `;
      })
      .catch((error) => {
        console.error('Error getting the license:', error);
      });
  </script>
</head>
<body>
  <div id="licenseInfo"></div>
</body>
</html>

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/cclogo-shared-image.jpg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/demo/broadway_tower.jpg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/demo/left_index.png Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/demo/lion_dafrique.jpg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/demo/show_code.png Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/demo/tab_content.png Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/github_corner.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/icons/favicon.png Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/license_badges/big/by.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/license_badges/big/by_nc.eu.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/license_badges/big/by_nc.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/license_badges/big/by_nc_nd.eu.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/license_badges/big/by_nc_nd.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/license_badges/big/by_nc_sa.eu.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/license_badges/big/by_nc_sa.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/license_badges/big/by_nd.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/license_badges/big/by_sa.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/license_badges/big/cc_zero.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/license_badges/big/publicdomain.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/license_badges/small/by.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/license_badges/small/by_nc.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/license_badges/small/by_nc_nd.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/license_badges/small/by_nc_sa.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/license_badges/small/by_nd.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/license_badges/small/by_sa.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/license_badges/small/cc_zero.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/license_badges/small/publicdomain.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/logos/cc/letterheart.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/logos/cc/lettermark.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/logos/cc/logomark.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/logos/products/certificate.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/logos/products/certificates.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/logos/products/chooser.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/logos/products/global_network.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/logos/products/global_summit.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/logos/products/legal_database.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/logos/products/open_source.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/logos/products/search.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/logos/products/state_of_the_commons.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/logos/products/vocabulary.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/puff.svg Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/assets/titlecard.png Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/css/vocabulary.css Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/css/vocabulary.min.css Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/js/vocabulary.js Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/js/vocabulary.min.js Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/breadcrumb.scss Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/button.scss Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/card.scss Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/color.scss Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/color_overrides.scss Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/footer.scss Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/form.scss Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/github_corner.scss Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/global_header.scss Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/header.scss Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/image.scss Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/layout.scss Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/locale.scss Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/modal.scss Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/notification.scss Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/pagination.scss Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/profile_image.scss Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/sidebar_menu.scss Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/spacing.scss Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/spacing_overrides.scss Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/table.scss Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/table_of_contents.scss Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/table_of_progress.scss Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/tabs.scss Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/typography.scss Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/typography_overrides.scss Copied!

https://cdn.cdnhub.io/creativecommons-vocabulary/2020.11.3/scss/vocabulary.scss Copied!

Get started with creativecommons-vocabulary CDN

Stable version

How to start using creativecommons-vocabulary CDN

All versions