html/poke.html

<details open>
    <summary style="background-color: #CE6400; padding-left: 10px;">
        About
    </summary>
    <div style="display: flex; flex-direction: row; background-color: #D87F2B; padding-left: 10px;">
        <div style="flex: 1;">
            <p style="margin-top: 10px">
                Poke explores how perturbations in a local region of the initial latent noise impact the target image. 
                A small perturbation to the initial latent noise gets carried through the denoising process, demonstrating the global effect it can produce. 
            </p>
            <p style="font-weight: bold;">
                Additional Controls:
            </p>  
            <p>
                You can adjust the perturbation through the X, Y, height, and width controls. 
            </p>
        </div>
        <div style="flex: 1; align-content: center;">
            <img src="https://raw.githubusercontent.com/touretzkyds/DiffusionDemo/master/images/poke.png" style="max-width: 100%; height: auto; margin-top: 10px; margin-bottom: 10px; padding-left: 10px;">
        </div>
    </div>