|
52 | 52 | <!-- Build checkboxes --> |
53 | 53 | <div style="margin-bottom: 1em"> |
54 | 54 | <strong style="margin-right: 1em">Body type</strong> |
55 | | - <% options = ['Frail', 'Lean', 'Thin', 'Athletic', 'Hourglass', 'Bodybuilder', 'Rectangular', 'Muscular', 'Big-boned', 'Round', 'Pear-shaped', 'Curvy', 'Overweight', 'Underweight'] %> |
| 55 | + <% options = ['Frail', 'Lean', 'Thin', 'Athletic', 'Hourglass', 'Rectangular', 'Muscular', 'Big-boned', 'Round', 'Pear-shaped', 'Curvy', 'Overweight', 'Underweight'] %> |
56 | 56 | <% options.each do |option| %> |
57 | 57 | <label> |
58 | 58 | <input type="checkbox" name="commission[features][]" value="<%= option %> body" /> |
|
80 | 80 | <!-- Hair color checkboxes --> |
81 | 81 | <div style="margin-bottom: 1em"> |
82 | 82 | <strong style="margin-right: 1em">Hair style</strong> |
83 | | - <% options = ['Afro', 'Bald', 'Balding', 'Bob cut', 'Bowl cut', 'Bouffant', 'Braided', 'Bun', 'Buzzcut', 'Chignon', 'Combover', 'Cornrows', 'Crewcut', 'Dreadlocks', 'Emo', 'Fauxhawk', 'Feathered', 'Flattop', 'Fringe', 'Liberty Spike', 'Long', 'Short', 'Wavy', 'Straight', 'Curly', 'Mop-top', 'Parted', 'Pigtails', 'Pixie', 'Pompadour', 'Ponytail', 'Rat-tail', 'Rocker', 'Slicked back', 'Spiked'] %> |
| 83 | + <% options = ['Long', 'Short', 'Wavy', 'Straight', 'Curly', 'Afro', 'Bald', 'Balding', 'Bob cut', 'Bowl cut', 'Bouffant', 'Braided', 'Bun', 'Buzzcut', 'Chignon', 'Combover', 'Cornrows', 'Crewcut', 'Dreadlocks', 'Emo', 'Fauxhawk', 'Feathered', 'Flattop', 'Fringe', 'Liberty Spike', 'Mop-top', 'Parted', 'Pigtails', 'Pixie', 'Pompadour', 'Ponytail', 'Rat-tail', 'Rocker', 'Slicked back', 'Spiked'] %> |
84 | 84 | <% options.each do |option| %> |
85 | 85 | <label> |
86 | 86 | <input type="checkbox" name="commission[features][]" value="<%= option %> hair style" /> |
|
136 | 136 | <!-- Race checkboxes --> |
137 | 137 | <div style="margin-bottom: 1em"> |
138 | 138 | <strong style="margin-right: 1em">Alternate Race</strong> |
139 | | - <% options = AutocompleteService.for_field_label(content_model: Character, label: 'Race') - ['Human'] %> |
| 139 | + <% options = AutocompleteService.for_field_label(content_model: Character, label: 'Race') - ['Human', 'Dark Elf'] %> |
140 | 140 | <% options.each do |option| %> |
141 | 141 | <label> |
142 | 142 | <input type="checkbox" name="commission[features][]" value="<%= option %> race" /> |
|
183 | 183 | All visualizer images are typically private by default when generated from Notebook.ai, but any images generated from this page |
184 | 184 | for the VizJam will be public by default (and visible right below this!). The jam is meant to introduce our creatives to |
185 | 185 | the new kinds of tools out there available for visualizing your ideas, and making everything public is a great way to |
186 | | - learn what's possible from each other. |
| 186 | + learn what's possible from each other. If you want to make private images, you can always use |
| 187 | + <%= link_to "Notebook.ai's standard visualization feature", basil_path %>. |
187 | 188 | </p> |
188 | 189 | <p> |
189 | 190 | Only the most recent 20 generated images are shown below, so make sure you save any images you want to keep! After they fall |
190 | 191 | off the list, you won't see them again! |
191 | 192 | </p> |
192 | 193 | </div> |
193 | 194 | </li> |
| 195 | + <li> |
| 196 | + <div class="collapsible-header"> |
| 197 | + <i class="material-icons">help</i> |
| 198 | + How is this different from the normal visualization features in Notebook.ai? |
| 199 | + </div> |
| 200 | + <div class="collapsible-body"> |
| 201 | + <p> |
| 202 | + Here are the big differences: |
| 203 | + |
| 204 | + <table> |
| 205 | + <th> |
| 206 | + <td><strong>VizJam</strong></td> |
| 207 | + <td><strong>Notebook.ai</strong></td> |
| 208 | + </th> |
| 209 | + <tr> |
| 210 | + <td><strong>Price</strong></td> |
| 211 | + <td>Free to use</td> |
| 212 | + <td>Available with Premium</td> |
| 213 | + </tr> |
| 214 | + <tr> |
| 215 | + <td><strong>Privacy</strong></td> |
| 216 | + <td>Visualizations are public</td> |
| 217 | + <td>Visualizations are private</td> |
| 218 | + </tr> |
| 219 | + <tr> |
| 220 | + <td><strong>Available Styles</strong></td> |
| 221 | + <td>Realistic</td> |
| 222 | + <td>Realistic & 11 other styles</td> |
| 223 | + </tr> |
| 224 | + <tr> |
| 225 | + <td><strong>Content</strong></td> |
| 226 | + <td>Characters only</td> |
| 227 | + <td><%= BasilService::ENABLED_PAGE_TYPES.map(&:pluralize).to_sentence %></td> |
| 228 | + </tr> |
| 229 | + <tr> |
| 230 | + <td><strong>Control</strong></td> |
| 231 | + <td>Limited checkbox options</td> |
| 232 | + <td>Unlimited, freeform text</td> |
| 233 | + </tr> |
| 234 | + </table> |
| 235 | + </p> |
| 236 | + </div> |
| 237 | + </li> |
194 | 238 | <li> |
195 | 239 | <div class="collapsible-header"> |
196 | 240 | <i class="material-icons">help</i> |
|
224 | 268 | <% else %> |
225 | 269 | <%= image_tag image_path("placeholders/loading.gif"), class: 'commission-image', style: 'background: #2196F3' %> |
226 | 270 | <% end %> |
227 | | - <span class="card-title"> |
228 | | - <%= commission.final_settings&.fetch('name', 'Nameless') %> |
| 271 | + <span class="card-title" style="background: black; opacity: 0.75; padding: 4px"> |
| 272 | + <%= commission.final_settings&.fetch('name', '').presence || 'No name' %> |
229 | 273 | </span> |
230 | 274 | <% end %> |
231 | 275 | </div> |
|
280 | 324 | <div class="modal-content"> |
281 | 325 | <h4> |
282 | 326 | <i class="material-icons <%= Character.text_color %>"><%= Character.icon %></i> |
283 | | - <%= commission.final_settings&.fetch('name', 'Nameless character') %> |
| 327 | + <%= commission.final_settings&.fetch('name', '').presence || 'Nameless character' %> |
284 | 328 | </h4> |
285 | 329 | <div class="row"> |
286 | 330 | <div class="col s12 m6"> |
|
306 | 350 | <%= commission.prompt %> |
307 | 351 | </blockquote> |
308 | 352 | </li> |
| 353 | + <li> |
| 354 | + <small class="grey-text">Generation ID: <%= commission.job_id %></small> |
| 355 | + </li> |
309 | 356 | </ul> |
310 | 357 | </div> |
311 | 358 | </div> |
|
0 commit comments