html/guidance.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">
                Guidance is responsible for making the target image adhere to the prompt. 
                A higher value enforces this relation, whereas a lower value does not. 
                For example, a guidance scale of 1 produces a distorted grayscale image, whereas 50 produces a distorted, oversaturated image. 
                The default value of 8 produces normal-looking images that reasonably adhere to the prompt.
            </p>
        </div>
        <div style="flex: 1; align-content: center;">
            <img src="https://raw.githubusercontent.com/touretzkyds/DiffusionDemo/master/images/guidance.png" style="max-width: 100%; height: auto; margin-top: 10px; margin-bottom: 10px; padding-left: 10px;">
        </div>
    </div>