---
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/credits.css"
fontAwesome: "https://kit.fontawesome.com/c42448086d.js"
isLandingPage: false
pageScripts:
    - "/scripts/tooltips.js"
---

<div class="credits-container">
    <div class="content">
        <div class="intro">
            <h1 class="cred-attr">Credits & Attributions</h1>
            <p class="thanks">A heartfelt <strong class="strong-thanks">Thank You</strong> is extended to these creators and the platforms that host their work.<br> 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 class="video-box">
            <h2 class="videos">Video Content</h2>
            <ul class="videos-credits-list">
                <li class="credit" data-tooltip="https://video.pictory.ai/202509100421159152ab7b3c7e5dc46a29dec7057c108b158/20250910051954092q4MZ6z6NHgYUlrP">
                    <div class="meta">
                        <p>
                            <a href="https://video.pictory.ai/202509100421159152ab7b3c7e5dc46a29dec7057c108b158/20250910051954092q4MZ6z6NHgYUlrP">The Story of Bloom Valley</a> was created by <a class="creator" href="https://dlseitz.dev" target="_blank" rel="noopener noreferrer">Derek L. Seitz</a> with <a class="source" href="https://pictory.ai/" target="_blank" rel="noopener noreferrer">Pictory.AI</a> under the <a class="license" href="https://pictory.ai/terms-of-service#:~:text=(c).%20Third%2DParty,new%20Pictoried%20Content." target="_blank" rel="noopener noreferrer">Pictory.AI Terms of Service</a>.
                        </p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="images-box">
            <h2 class="images">Image Content</h2>
            <ul class="images-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>
</div>