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

static/index.html

@@ -36,12 +36,15 @@
             <input id="name-input" name="name" type="text" placeholder="Ash" maxlength="75" />
             <button type="submit">Submit</button>
         </form>
-        <p>
-          Each illustration is <strong>generated with AI</strong> using a <a href="https://rudalle.ru/en/" rel="noopener" target="_blank">ruDALL-E</a>
-          model <a href="https://huggingface.co/minimaxir/ai-generated-pokemon-rudalle" target="_blank">fine-tuned by Max Woolf.</a> Over
-            <a href="https://huggingface.co/models" target="_blank">30,000 such models</a> are hosted on Hugging Face for immediate use.</a
-          >
-        </p>
+        <div class="info-text">
+          <p>
+            Each illustration is <strong>generated with AI</strong> using a <a href="https://rudalle.ru/en/" rel="noopener" target="_blank">ruDALL-E</a>
+            model <a href="https://huggingface.co/minimaxir/ai-generated-pokemon-rudalle" target="_blank">fine-tuned by Max Woolf.</a> Over
+              <a href="https://huggingface.co/models" target="_blank">30,000 such models</a> are hosted on Hugging Face for immediate use.</a
+            > 
+          </p>
+          <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>
+        </div>
       </section>
       <section class="output" data-mode="booster" data-state="ready">
         <div class="actions" aria-hidden="true">

static/style.css

@@ -216,15 +216,19 @@ form button {
   border-bottom-left-radius: 0;
 }
 
-.info p {
+.info-text {
+  margin-top: 2.5rem;
+}
+
+.info-text p {
   width: 80%;
-  margin: 3rem auto 0;
+  margin: 1rem auto;
   text-align: justify;
   color: var(--theme-subtext);
   line-height: 1.5rem;
 }
 
-.info a,
+.info-text a,
 info a:is(:hover, :focus, :active, :visited) {
   color: var(--theme-subtext);
   cursor: pointer;