<!doctype html>
<html>
  <head>
    <style type="text/css">
      div.additional-license-text-list {display:block}
      body {font-family: Helvetica, Arial, sans-serif;}
      pre {white-space: pre-wrap;}
    </style>
    <title>Open Source Software Information</title>
  </head>

  <body>
    <h1>OPEN SOURCE SOFTWARE INFORMATION</h1>
    <div>
      <p>Licenses, acknowledgments and required copyright notices for 
      open source components:</p>
    </div>

    <div class="oss-table-of-contents">
    {% for about in abouts %}
      <p>name: {{ about.name.value }} version: {{ about.version.value }}</p>
      <p><a href="#component_{{ loop.index0 }}">{{ about.name.value }} {{ about.version.value }}</a></p>
    {% endfor %}
    </div>
    <hr/>
    {% for about in abouts %}
    <div class="oss-component" id="component_{{ loop.index0 }}">
      <h3 class="component-name">{{ about.name.value }} {{ about.version.value }}</h3>
      {% if about.license_name.value %}
      <p>This component is licensed under {{about.license_name.value }}.
      {% endif -%}
      {% if about.copyright.value %}
      <pre>{{about.copyright.value}}</pre>
      {% endif %}
      {% for pth, text in about.notice_file.value.items() %}
      <pre class="component-notice">{{ text }}</pre>
      {% endfor %}
      {% if about.license.value -%}
      <p>The text of <a class="{{ about.license.value }}" href="#component-license-{{ about.license.value }}"> {{ about.license.value }} </a> is available at the end of this document.</p>
        {% for pth, text in about.license_file.value.items() %}
        <pre class="component-license">{{ text | e}}</pre>
        {% endfor -%}
      {% endif %}
    </div>
    {% endfor %}
    <hr/>

    <h3>Common Licenses in use:</h3>
    <h3><a id="End">End</a></h3>
  </body>
</html>
