Ron Au commited on
Commit
c0087aa
1 Parent(s): d8e32e1

docs(credit): Acknowledge datasource and Pokémon Company

Browse files
Files changed (2) hide show
  1. static/index.html +9 -6
  2. static/style.css +7 -3
static/index.html CHANGED
@@ -36,12 +36,15 @@
36
  <input id="name-input" name="name" type="text" placeholder="Ash" maxlength="75" />
37
  <button type="submit">Submit</button>
38
  </form>
39
- <p>
40
- Each illustration is <strong>generated with AI</strong> using a <a href="https://rudalle.ru/en/" rel="noopener" target="_blank">ruDALL-E</a>
41
- model <a href="https://huggingface.co/minimaxir/ai-generated-pokemon-rudalle" target="_blank">fine-tuned by Max Woolf.</a> Over
42
- <a href="https://huggingface.co/models" target="_blank">30,000 such models</a> are hosted on Hugging Face for immediate use.</a
43
- >
44
- </p>
 
 
 
45
  </section>
46
  <section class="output" data-mode="booster" data-state="ready">
47
  <div class="actions" aria-hidden="true">
36
  <input id="name-input" name="name" type="text" placeholder="Ash" maxlength="75" />
37
  <button type="submit">Submit</button>
38
  </form>
39
+ <div class="info-text">
40
+ <p>
41
+ Each illustration is <strong>generated with AI</strong> using a <a href="https://rudalle.ru/en/" rel="noopener" target="_blank">ruDALL-E</a>
42
+ model <a href="https://huggingface.co/minimaxir/ai-generated-pokemon-rudalle" target="_blank">fine-tuned by Max Woolf.</a> Over
43
+ <a href="https://huggingface.co/models" target="_blank">30,000 such models</a> are hosted on Hugging Face for immediate use.</a
44
+ >
45
+ </p>
46
+ <p>Abilities and descriptions via <a href="https://pokemontcg.io" rel="noopener" target="_blank">Pokémon TCG Developers</a>. Not affiliated with The Pokémon Company.</p>
47
+ </div>
48
  </section>
49
  <section class="output" data-mode="booster" data-state="ready">
50
  <div class="actions" aria-hidden="true">
static/style.css CHANGED
@@ -216,15 +216,19 @@ form button {
216
  border-bottom-left-radius: 0;
217
  }
218
 
219
- .info p {
 
 
 
 
220
  width: 80%;
221
- margin: 3rem auto 0;
222
  text-align: justify;
223
  color: var(--theme-subtext);
224
  line-height: 1.5rem;
225
  }
226
 
227
- .info a,
228
  info a:is(:hover, :focus, :active, :visited) {
229
  color: var(--theme-subtext);
230
  cursor: pointer;
216
  border-bottom-left-radius: 0;
217
  }
218
 
219
+ .info-text {
220
+ margin-top: 2.5rem;
221
+ }
222
+
223
+ .info-text p {
224
  width: 80%;
225
+ margin: 1rem auto;
226
  text-align: justify;
227
  color: var(--theme-subtext);
228
  line-height: 1.5rem;
229
  }
230
 
231
+ .info-text a,
232
  info a:is(:hover, :focus, :active, :visited) {
233
  color: var(--theme-subtext);
234
  cursor: pointer;