Skip to content

Commit af197be

Browse files
mcmonkey4evamcmonkey4eva
committed
update short_example page data per generator update
1 parent 6620b22 commit af197be

File tree

3 files changed

+260
-91
lines changed

3 files changed

+260
-91
lines changed

‎short_example/data.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎short_example/index.html

Lines changed: 43 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -34,17 +34,23 @@
3434
max-height: 8em;
3535
overflow: auto;
3636
}
37-
table tr td {
37+
table tr td, table tr th {
3838
vertical-align: top;
3939
border: 1px solid black;
4040
}
41+
th {
42+
position: sticky;
43+
top: -1px;
44+
background-color: #202020;
45+
background-clip: padding-box;
46+
}
4147
.popup_modal_background {
4248
font-family: monospace, monospace;
4349
background-color: rgb(50, 50, 50, 0.7);
4450
text-align: center;
4551
}
4652
.popup_modal_img {
47-
width: calc(min(100vw, 100vh - 6em));
53+
height: calc(min(100vw - 6em, 100vh - 6em));
4854
position: relative;
4955
margin: auto;
5056
}
@@ -66,6 +72,18 @@
6672
.tab_hidden {
6773
display: none;
6874
}
75+
.nav-link:focus {
76+
background-color: #909050 !important;
77+
}
78+
.axis_label_td {
79+
position: sticky;
80+
left: 0px;
81+
background-color: #202020;
82+
background-clip: padding-box;
83+
}
84+
.axis_selectors {
85+
text-align: right;
86+
}
6987
</style>
7088
<script src="jquery.min.js"></script>
7189
</head>
@@ -189,7 +207,7 @@ <h4>Prompt Replacements</h4>
189207
<div class="tab-pane" id="tab_promptreplaceexample__outer_space" role="tabpanel"><div class="tabval_subdiv"></div></div>
190208
</div></td></tr>
191209
</table>
192-
<center><br><div class="btn-group" role="group" aria-label="Basic radio toggle button group">X Axis:&nbsp;
210+
<div class="axis_selectors"><br><div class="btn-group" role="group" aria-label="Basic radio toggle button group">X Axis:&nbsp;
193211
<input type="radio" class="btn-check" name="x_axis_selector" id="x_sampler" autocomplete="off" checked=""><label class="btn btn-outline-primary" for="x_sampler" title="Different samplers can produce slightly different output.">Sampler</label>
194212
<input type="radio" class="btn-check" name="x_axis_selector" id="x_steps" autocomplete="off" checked=""><label class="btn btn-outline-primary" for="x_steps" title="How many times to run the sampler.">Steps</label>
195213
<input type="radio" class="btn-check" name="x_axis_selector" id="x_cfgscale" autocomplete="off" checked=""><label class="btn btn-outline-primary" for="x_cfgscale" title="">CFG Scale</label>
@@ -204,7 +222,26 @@ <h4>Prompt Replacements</h4>
204222
<input type="radio" class="btn-check" name="y_axis_selector" id="y_seed" autocomplete="off" checked=""><label class="btn btn-outline-primary" for="y_seed" title="">Seed</label>
205223
<input type="radio" class="btn-check" name="y_axis_selector" id="y_prompt" autocomplete="off" checked=""><label class="btn btn-outline-primary" for="y_prompt" title="">Prompt</label>
206224
<input type="radio" class="btn-check" name="y_axis_selector" id="y_promptreplaceexample" autocomplete="off" checked=""><label class="btn btn-outline-primary" for="y_promptreplaceexample" title="">Prompt Replacements</label>
207-
</div></center></div>
225+
</div>
226+
<br><div class="btn-group" role="group" aria-label="Basic radio toggle button group">X Super-Axis:&nbsp;
227+
<input type="radio" class="btn-check" name="x2_axis_selector" id="x2_none" autocomplete="off" checked=""><label class="btn btn-outline-primary" for="x2_none" title="None">None</label>
228+
<input type="radio" class="btn-check" name="x2_axis_selector" id="x2_sampler" autocomplete="off" checked=""><label class="btn btn-outline-primary" for="x2_sampler" title="Different samplers can produce slightly different output.">Sampler</label>
229+
<input type="radio" class="btn-check" name="x2_axis_selector" id="x2_steps" autocomplete="off" checked=""><label class="btn btn-outline-primary" for="x2_steps" title="How many times to run the sampler.">Steps</label>
230+
<input type="radio" class="btn-check" name="x2_axis_selector" id="x2_cfgscale" autocomplete="off" checked=""><label class="btn btn-outline-primary" for="x2_cfgscale" title="">CFG Scale</label>
231+
<input type="radio" class="btn-check" name="x2_axis_selector" id="x2_seed" autocomplete="off" checked=""><label class="btn btn-outline-primary" for="x2_seed" title="">Seed</label>
232+
<input type="radio" class="btn-check" name="x2_axis_selector" id="x2_prompt" autocomplete="off" checked=""><label class="btn btn-outline-primary" for="x2_prompt" title="">Prompt</label>
233+
<input type="radio" class="btn-check" name="x2_axis_selector" id="x2_promptreplaceexample" autocomplete="off" checked=""><label class="btn btn-outline-primary" for="x2_promptreplaceexample" title="">Prompt Replacements</label>
234+
</div>
235+
<br><div class="btn-group" role="group" aria-label="Basic radio toggle button group">Y Super-Axis:&nbsp;
236+
<input type="radio" class="btn-check" name="y2_axis_selector" id="y2_none" autocomplete="off" checked=""><label class="btn btn-outline-primary" for="y2_none" title="None">None</label>
237+
<input type="radio" class="btn-check" name="y2_axis_selector" id="y2_sampler" autocomplete="off" checked=""><label class="btn btn-outline-primary" for="y2_sampler" title="Different samplers can produce slightly different output.">Sampler</label>
238+
<input type="radio" class="btn-check" name="y2_axis_selector" id="y2_steps" autocomplete="off" checked=""><label class="btn btn-outline-primary" for="y2_steps" title="How many times to run the sampler.">Steps</label>
239+
<input type="radio" class="btn-check" name="y2_axis_selector" id="y2_cfgscale" autocomplete="off" checked=""><label class="btn btn-outline-primary" for="y2_cfgscale" title="">CFG Scale</label>
240+
<input type="radio" class="btn-check" name="y2_axis_selector" id="y2_seed" autocomplete="off" checked=""><label class="btn btn-outline-primary" for="y2_seed" title="">Seed</label>
241+
<input type="radio" class="btn-check" name="y2_axis_selector" id="y2_prompt" autocomplete="off" checked=""><label class="btn btn-outline-primary" for="y2_prompt" title="">Prompt</label>
242+
<input type="radio" class="btn-check" name="y2_axis_selector" id="y2_promptreplaceexample" autocomplete="off" checked=""><label class="btn btn-outline-primary" for="y2_promptreplaceexample" title="">Prompt Replacements</label>
243+
</div>
244+
</div></div>
208245
<div><center><input class="form-check-input" type="checkbox" autocomplete="off" value="" id="autoScaleImages"> <label class="form-check-label" for="autoScaleImages">Auto-scale images to viewport width</label></center></div><div style="margin: auto; width: fit-content;"><table id="image_table"></table></div>
209246

210247
<div class="modal modal-fullscreen popup_modal_background" id="image_info_modal"></div>
@@ -221,7 +258,7 @@ <h4>Prompt Replacements</h4>
221258
<br><div style="width:256px;height:512px;"></div>
222259
</center>
223260
</footer>
224-
<script src="data.js?vary=4"></script>
225-
<script src="proc.js?vary=4"></script>
261+
<script src="data.js?vary=7"></script>
262+
<script src="proc.js?vary=7"></script>
226263
<script src="bootstrap.bundle.min.js"></script>
227264
</body>

0 commit comments

Comments
 (0)