---
layout: base.njk
metaDesc: "Credit & attribution for the contributors of this demo eCommerce website by Derek L. Seitz - dlseitz.dev"
seoIndexing: true
title: "Credits & Attribution - Bloom Valley Nursery Demo"
stylesheet: 
    - "/styles/variables.css"
    - "/styles/base.css"
    - "/styles/header-footer.css"
    - "/styles/credits.css"
fontAwesome: "https://kit.fontawesome.com/c42448086d.js"
isLandingPage: false
pageScripts:
    - "/scripts/tooltips.js"
    - "/scripts/script.js"
    - "/scripts/cart.js"
    - "/scripts/newsletter.js"
---

<div class="credits-container">
    <div class="intro">
        <h1>Credits & Attributions</h1>
        <p>A heartfelt <strong>Thank You</strong> is extended to these creators and the platforms that host their work. Their royalty-free contributions to the public helped make this demo possible.</p> 
        <p id="tip-desc" class="visually-hidden">Preview shows a small version of the linked image.</p>

    <div>
        <ul class="credits-list">
        {% for credit in credits.CREDITS %}
            <li class="credit" data-tooltip="../images/_m-thumbs/{{ credit.category }}/{{ credit.fileName }}">
                <div class="thumb">
                    <img class="thumb-inline"
                        src="../images/_s-thumbs/{{ credit.category }}/{{ credit.fileName }}"
                        alt="Attributed image for {{ credit.fileName }}"
                        width="40" height="24"
                        loading="lazy" decoding="async">
                </div>

                <div class="meta" >
                    <p>
                        Photo by <a class="creator" href="{{ credit.creatorUrl }}" target="_blank"
                            rel="noopener noreferrer">{{ credit.creator }}</a> at <a class="source" href="{{ credit.sourceUrl }}" target="_blank" rel="noopener noreferrer">{{ credit.host }}</a> under the <a class="license" href="{{ credit.licenseUrl }}" target="_blank" rel="noopener noreferrer">{{ credit.license }}</a>                        .
                    </p>
                </div>
            </li>
            {% endfor %}
        </ul>
    </div>
</div>