Pokemon Roster for Your Journals

[pumpkinhollow]

Hello friends!

Did you make a Pokemon friend in the new TDM? Want a reference for your new buddies? You can post this on your character's journal for easy reference! Here's an example:

NICKNAME

POKEMON SPECIES NAME

PERSONALITY BLURB HERE! .

code

Comes with the code for a text cut in case you'd like it to be obscured on the journal, but this can be removed. Here's a helpful link to Bulbapedia for images and Wiki articles about all Ghost types. You can pull your art from here or any other source!

<cut text="Optional flavor text!"> <lj-raw> <!-- OUTER WRAPPER - top; the wrapper is necessary for the code to work as intended --> <div style="max-width:750px;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;align-content:start;gap:30px;font-family:georgia, serif;font-size: clamp(11px, 1vw, 12px);"> <!-- CONTENT SPACE!!! - start; all of your cards go below this point --> <!-- CARD - start --> <div style="width:215px;height:250px;display:grid;grid-template-columns:1fr;grid-template-rows:27px 173px 50px;gap:0;border-radius:25px;box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;background:#fff url('BG_URL_HERE');"> <!-- HEADER; nickname here! Leave blank if no nickname. Use URL to link to species Bulbapedia page if desired --> <a href="#URL_HERE" style="text-decoration:none;grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2;padding:4px;display:flex;justify-content:center;align-items:center;align-content:end;text-align:center;font-weight:bold;text-transform:uppercase;text-shadow: 1px 1px 0px rgba(167,167,167,.75);color:#212121;">NICKNAME</a> <!-- HEADER; end --> <!-- PORTRAIT; change IMG_URL to sprite or artwork of Pokemon, size is 173x215, but any image will auto-scale to fit --> <div style="grid-column-start:1;grid-column-end:2;grid-row-start:2;grid-row-end:3;border:0;border-top:4px solid #fff;border-bottom:4px solid #fff;background:#ccc url('https://shinyrating.com/wp-content/uploads/2021/01/pokemon_icon_092_00.png')center;background-size:fit;"></div> <!-- PORTRAIT; end --> <!-- FOOTER; for additional information like pb or origin series --> <div style="grid-column-start:1;grid-column-end:2;grid-row-start:3;grid-row-end:4;padding:5px;text-align:center;line-height:1;"> <div style="margin:0;padding:0;font-size: clamp(10px, 1vw, 11px);text-transform:uppercase;font-weight:bold;letter-spacing:2px;color:#212121;"></lj-raw>POKEMON SPECIES NAME<lj-raw></div> <div style="margin-top:5px;font-size: clamp(9px, 1vw, 10px);font-style:italic;color:#aaa;"></lj-raw> PERSONALITY BLURB HERE! .<lj-raw></div> </div> <!-- FOOTER; end --> </div> <!-- CARD - end --> <!-- CONTENT SPACE - end; if you have a second Pokemon, copypaste CARD start to end above this line.--> </div> <!-- CREDIT; start --> <div style="max-width:750px;width:100%;margin:5px auto;text-align:center;font-size:10px;color:#ddd"><a title="code credit!" href="http://10billionghosts.dreamwidth.org" style="text-decoration:none;color:#ccc;">code</a></div> <!-- CREDIT; end -->

Comments

QUESTIONS/COMMENTS/CONCERNS

[pumpkinhollow]