---
layout: base.njk
metaDesc: "Credit & attribution for the contributors of this demo eCommerce website by Derek L. Seitz - dlseitz.dev"
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"
---

<!-- "Credits & Attributions" Template -->
<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">
    <!-- single credit  -->
        <li class="credit">
            <!-- inline fallback (always in DOM, hidden when JS enhances) -->
            <div class="thumb">
                <img class="thumb-inline"
                    src=""
                    alt=""
                    width="40" height="24"
                    loading="lazy" decoding="async">
            </div>

            <div class="meta">
                <p>
                    Photo by 
                    <a class="creator" href=""
                        target="_blank"
                        rel="noopener noreferrer">
                        Creator Name
                    </a>
                    at 
                    <a class="source" href="" 
                        target="_blank" 
                        rel="noopener noreferrer">
                        Source Name
                    </a>
                    under 
                    <a class="license" href="" 
                        target="_blank" 
                        rel="noopener noreferrer">
                        License
                    </a>
                    .
                </p>
                <p class="small">
                    <a class="source-link"
                        href="" <!-- URL to original -->
                        data-tooltip="" <!-- path to tooltip image -->
                        aria-describedby="tip-desc"
                        aria-haspopup="true" rel="noopener">
                        View Original Here
                    </a>
                </p>
            </div>
        </li>
    </ul>
</div>