<html>

<head>
    <style>
        @media (prefers-color-scheme: dark) {
            body {
                background: #333;
                color: white;
            }

            a {
                color: skyblue;
            }
        }

        .container {
            font-family: sans-serif;
            max-width: 800px;
            margin: 0 auto;
        }

        .intro {
            text-align: center;
        }

        .licenses-list {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

        .license-used-by {
            margin-top: -10px;
        }

        .license-text {
            max-height: 200px;
            overflow-y: scroll;
            white-space: pre-wrap;
        }
    </style>
</head>

<body>
<main class="container">
    <div class="intro">
        <h1>Third Party Licenses for aam-rs</h1>
        <p>This page lists the open-source licenses for the dependencies used in the aam-rs ecosystem.</p>
    </div>

    <h2>Overview of licenses:</h2>
    <ul class="licenses-overview">
        {{#each overview}}
            <li><a href="#{{id}}">{{name}}</a> ({{count}})</li>
        {{/each}}
    </ul>

    <h2>All license text:</h2>
    <ul class="licenses-list">
        {{#each licenses}}
            <li class="license">
                <h3 id="{{id}}">{{name}}</h3>
                <h4>Used by:</h4>
                <ul class="license-used-by">
                    {{#each used_by}}
                        <li><a href="{{#if
                                crate.repository}} {{crate.repository}} {{else}} https://crates.io/crates/{{crate.name}} {{/if}}">{{crate.name}} {{crate.version}}</a>
                        </li>
                    {{/each}}
                </ul>
                <pre class="license-text">{{text}}</pre>
            </li>
        {{/each}}
    </ul>
</main>
</body>

</html>
