Alex Furer
657230e8aa
- Updated the README - Added style examples - Updated the default node content EXTRA !! - Added an html containing the HELP section of my SDXL Workflow (this will probably move to the workflow repo, once I upload it.)
151 lines
4.4 KiB
HTML
151 lines
4.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>AF - SDXL Workflow - Help-A</title>
|
|
|
|
<link rel="stylesheet" href="./styles.css">
|
|
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<div class="af-html-note-container">
|
|
<div class="af-html-note-content">
|
|
<!-- THIS CONTENT TO JS FILE -->
|
|
|
|
<div style="height: 3px;"></div>
|
|
|
|
<div class="af-section af-positive">
|
|
<h2>🟢 Generated Positive Global Prompt</h2>
|
|
<p>If you use any of the prompt generators ( [A], [B], [C], [D], [E] )<br/>
|
|
the genertaed prompt will be sent to this widget.<br/><br/>
|
|
</p>
|
|
</div>
|
|
|
|
<div style="height: 12px;"></div>
|
|
|
|
<div class="af-section af-positive">
|
|
<h2>🟢 Manual Positive Global Prompt</h2>
|
|
<p>You can either write your own prompt, or use a generated prompt.<br/>
|
|
To use the generated prompt without editing, leave this widget empty.<br/>
|
|
If you wish to edit the generated prompt, click the "Copy Generated Prompt for Editing" button.
|
|
</p>
|
|
</div>
|
|
|
|
<div style="height: 2px;"></div>
|
|
|
|
<div class="af-section af-neutral">
|
|
<p>Button to copy and edit the generated prompt.<p>
|
|
</div>
|
|
|
|
<div style="height: 65px;"></div>
|
|
|
|
<div class="af-section af-negative">
|
|
<h2>🔴 Generated Negative Global Prompt</h2>
|
|
<p>Your generated negative prompt will be sent to this widget (same as above).</p>
|
|
</div>
|
|
|
|
<div style="height: 10px;"></div>
|
|
|
|
<div class="af-section af-negative">
|
|
<h2>🔴 Manual Negative Global Prompt</h2>
|
|
<p>Here you can either enter a rompt manually, or copy the generated to edit (same as above).</p>
|
|
</div>
|
|
|
|
<div style="height: 2px;"></div>
|
|
|
|
<div class="af-section af-neutral">
|
|
<p>Button to copy and edit the generated prompt.<p>
|
|
</div>
|
|
|
|
<div style="height: 170px;"></div>
|
|
|
|
<div class="af-section af-positive">
|
|
<h2>🟢 Generated Positive Local Prompt</h2>
|
|
<p>Same as above. <strong>BUT</strong> make sure to set "5. Plain Prompt OR TextEncoded Prompt" to true for this prompt to take effect !!
|
|
</p>
|
|
</div>
|
|
|
|
<div style="height: 10px;"></div>
|
|
|
|
<div class="af-section af-positive">
|
|
<h2>🟢 Manual Positive Local Prompt</h2>
|
|
<p>Here you can either enter a rompt manually, or copy the generated to edit (same as above).
|
|
</p>
|
|
</div>
|
|
|
|
<div style="height: 2px;"></div>
|
|
|
|
<div class="af-section af-neutral">
|
|
<p>Button to copy and edit the generated prompt.<p>
|
|
</div>
|
|
|
|
<div style="height: 152px;"></div>
|
|
|
|
<div class="af-section af-blue">
|
|
<h2>Styles Drop-Down's</h2>
|
|
<p>Here you can choose up to four styles that will be applied.</p>
|
|
</div>
|
|
|
|
<div style="height: 2px;"></div>
|
|
|
|
<div class="af-section af-neutral">
|
|
<p>Button to copy and edit the generated prompt.<p>
|
|
</div>
|
|
|
|
<div style="height: 350px;"></div>
|
|
|
|
<div class="row">
|
|
<div class="af-column-half-left af-section af-positive">
|
|
<h2>Positive Prompt Text Encoding</h2>
|
|
<p>The CLIP Text Encode SDXL node encodes text prompts into SDXL-compatible conditioning embeddings using a dual CLIP encoder system, while incorporating image dimensions, crop, and target parameters to provide spatial context for the diffusion model.<br/><br/>
|
|
In other words, it can improve your image creation.<br/><br/>
|
|
<a href="https://docs.comfy.org/built-in-nodes/ClipTextEncodeSdxl">ComyUI manual page</a></p>
|
|
</div>
|
|
<div class="af-column-half-right af-section af-negative">
|
|
<h2>Negative Prompt Text Encoding</h2>
|
|
<p>The same as on the positive Prompt Text Encode<br/><br/><br/><br/><br/><br/><br/><br/><br/></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="height: 126px;"></div>
|
|
|
|
<div class="af-section af-blue">
|
|
<h2>Plain Prompt, OR Text Encoded Prompt (Subgraph)</h2>
|
|
<p>Here you can choose if you want to use the plain prompt, or the Text Encoded Prompt.<br/><br/>
|
|
If you choose to use the <strong>plain prompt (false)</strong>, it means that the <strong>local prompts</strong> will be ignored and the prompt will not be text encoded !!</p>
|
|
</div>
|
|
|
|
<div style="height: 225px;"></div>
|
|
|
|
<div class="af-section af-yellow">
|
|
<h2>Save that hard earned prompting</h2>
|
|
<p>Here you can choose setup the <strong>Folder</strong and the <strong>File Name</strong> of the .csv file that will store all your prompts.<br/>
|
|
Additionally you can also define a <strong>Project Name</strong>, which will let you identify the relevant prompts later.</p>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="af-section af-neutral">
|
|
<h3>📝 Notes</h3>
|
|
<p>Additional notes and information...</p>
|
|
<ul>
|
|
<li>Item 1</li>
|
|
<li>Item 2</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- END THIS CONTENT TO JS FILE -->
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
</html>
|
|
|
|
|
|
|