html/interpolate.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">
                This tab generates noise patterns for two text prompts and then interpolates between them, gradually transforming from the first to the second. 
                With a large number of perturbation steps the transformation is very gradual and makes a nice animation.
            </p>
            <p style="font-weight: bold;">
                Additional Controls:
            </p>  
            <p style="font-weight: bold;">
                Number of Interpolation Steps:
            </p>
            <p>
                Defines the number of intermediate images to generate between the two prompts.
            </p>
        </div>
        <div style="flex: 1; align-content: center;">
            <img src="https://raw.githubusercontent.com/touretzkyds/DiffusionDemo/master/images/interpolate.png" style="max-width: 100%; height: auto; margin-top: 10px; margin-bottom: 10px; padding-left: 10px;">
        </div>
    </div>