html/seeds.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">
                Seeds create the initial noise that gets refined into the target image. 
                Different seeds produce different noise patterns, hence the target image will differ even when prompted by the same text. 
                This tab produces multiple target images from the same text prompt to showcase how changing the seed changes the target image.
            </p>
            <p style="font-weight: bold;">
                Additional Controls:
            </p>  
            <p style="font-weight: bold;">
                Number of Seeds:
            </p>
            <p>
                Specify how many seed values to use.
            </p>
        </div>
        <div style="flex: 1; align-content: center;">
            <img src="https://raw.githubusercontent.com/touretzkyds/DiffusionDemo/master/images/seeds.png" style="max-width: 100%; height: auto; margin-top: 10px; margin-bottom: 10px; padding-left: 10px;">
        </div>
    </div>