HELLO LOVELIES. HERE'S A WEIRD ONE FOR YOU! A meme code specific to a specific niche game lmao

Back in like, lmao, 2021 or 2022, I found this meme going around on FFXIV twitter that was like, a combat bark/battle personality profile for FFXIV Warriors of Light. I was litely unhinged about it for a while, eventually got permission from the original meme maker to release a code version, and then ... got embarrassed and never did lmfao. This code sat for like 2+ years in my scraps, and I remembered it last week and was like... fuck it. Let's try not to feel shame about what makes us happy and creative. 👍 So you can see my WoL Viktor's combat barks meme as the live preview at the bottom of this post.

Out of the box, this code comes pre-filled with spaces for the original FFXIV WOL TRUST meme. However, an intermediate+ coder (or anyone diligent enough) could probably prepurpose the outer wrappers of this code into an info page or biosheet -- feel free to!

That said, IF YOU WOULD LIKE ME TO CODE UP A MORE STRAIGHTFORWARD BIOSHEET OR OTHER CODE WITH THIS CLASSIC FINAL FANTASY LOOK AND RELEASE THAT SEPARATELY, PLEASE COMMENT BELOW! I may make more classic final fantasy-looking codes in the future, but don't have specific plans to rn.

GET THE CODE:
<lj-cut text="WOL Trust NPC Meme"> <lj-raw><div style="max-width:800px;width:100%;margin:5px auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch;align-content:start;gap:10px;font-family:courier new, monospaced;font-size:13px;line-height:1.5;color:#fff"> <!-- LEFT SIDE; these are the top left squares only, portrait and mini deets --> <div style="flex-grow:1;max-width:435px;min-height:600px;display:flex;flex-wrap:wrap;justify-content:start;align-items:stretch;align-content:stretch;gap:10px;"> <!-- PORTRAIT; change IMG_URL --> <div style="width:100%;padding-top:115%;border-radius:7px;border:5px ridge #d2d4e5;background:#ccc url('IMG_URL')center;background-size:cover;"></div> <!-- PORTRAIT; end --> <!-- BASICS; some basic information --> <div style="width:100%;min-height:100px;padding:10px;font-size:13px;border-radius:7px;border:5px ridge #d2d4e5;background:linear-gradient(#110cab, #11104e);flex-grow:1;"> <div style="font-size:15px;font-weight:bold;text-align:right;letter-spacing:4px;">BASICS</div> </lj-raw><b style="color:#5ad0ff">NAME:</b> ans <b style="color:#5ad0ff">ALTERNATE TITLE:</b> ans <b style="color:#5ad0ff">AGE:</b> ans <b style="color:#5ad0ff">PRONOUNS:</b> ans<lj-raw> </div> <!-- BASICS END --> </div> <!-- LEFT SIDE; end --> <!-- RIGHT SIDE; these are you right side top boxes only, combat style & misc --> <div style="max-width:435px;flex-grow:1;min-height:600px;display:flex;flex-wrap:wrap;justify-content:start;align-items:stretch;align-content:stretch;gap:10px;"> <!-- COMBAT STYLE; start --> <div style="min-height:100px;padding:10px;font-size:13px;border-radius:7px;border:5px ridge #d2d4e5;background:linear-gradient(#110cab, #11104e);flex-grow:1;"> <div style="width:100%;margin-bottom:5px;font-size:15px;font-weight:bold;text-align:right;letter-spacing:4px;">COMBAT STYLE</div> </lj-raw><b style="color:#5ad0ff">PARTY ROLE:</b> Tank/DPS/Healer/All-Rounder <b style="color:#5ad0ff">FAVORED CLASSES:</b> <b style="color:#5ad0ff">BATTLE BEHAVIOR:</b> (what would their AI be like?) <b style="color:#5ad0ff">LIMIT BREAK?:</b> (save it, waste it, use it smartly?)<lj-raw> </div> <!-- COMBAT STYLE END --> <!-- ADDITIONAL DEETS --> <div style="width:100%;min-height:100px;padding:10px;font-size:13px;border-radius:7px;border:5px ridge #d2d4e5;background:linear-gradient(#110cab, #11104e);"> <div style="width:100%;margin-bottom:5px;font-size:15px;font-weight:bold;text-align:right;letter-spacing:4px;">ABOUT</div> </lj-raw><b style="color:#5ad0ff">BRIEF DESCRIPTION:</b> (give us the elevator pitch) <b style="color:#5ad0ff">MOTIVATORS/INTERESTS:</b> (why do they fight?) <b style="color:#5ad0ff">NOTABLE GLAMOURS:</b> (alt outfits & looks)<lj-raw> </div> <!-- ADDITIONAL DEETS; end --> </div> <!-- RIGHT SIDE; end --> <!-- COMBAT BARKS; each subsection is labeled by comments like this one --> <div style="width:100%;min-height:300px;padding:10px;font-size:13px;border-radius:7px;border:5px ridge #d2d4e5;background:linear-gradient(#110cab, #11104e);"> <div style="width:100%;margin-bottom:5px;font-size:15px;font-weight:bold;text-align:right;letter-spacing:4px;">BATTLE QUOTES</div> <!-- QUOTES BELOW HERE; commenting indicates each section and line for quote --> <div style="width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;align-content:start;gap:10px;"> <!-- [character select quotes] --> <div style="flex-grow:1;max-width:48%;min-width:300px"><div style="font-weight:bold;letter-spacing:1.75px;color:#5ad0ff">CHARACTER SELECT:</div> <ul style="margin-top:1px;"> <!-- (line 1) --> <li style="margin:0 auto 8px;">❝ quote ❞</li> <!-- (line 2) --> <li style="margin:0 auto 8px;">❝ quote ❞</li> <!-- (line 3) --> <li style="margin:0 auto 8px;">❝ quote ❞</li></ul> </div> <!-- [character select quotes end] --> <!-- [initiating combat quotes] --> <div style="flex-grow:1;max-width:48%;min-width:300px"><div style="font-weight:bold;letter-spacing:1.75px;color:#5ad0ff">INITIATING COMBAT:</div> <ul style="margin-top:1px;"> <!-- (line 1) --> <li style="margin:0 auto 8px;">❝ quote ❞</li> <!-- (line 2) --> <li style="margin:0 auto 8px;">❝ quote ❞</li> <!-- (line 3) --> <li style="margin:0 auto 8px;">❝ quote ❞</li></ul> </div> <!-- [initiating combat quotes end] --> <!-- [protection/healing quotes] --> <div style="flex-grow:1;max-width:48%;min-width:300px"><div style="font-weight:bold;letter-spacing:1.75px;color:#5ad0ff">PROTECTION/HEALING:</div> <ul style="margin-top:1px;"> <!-- (line 1) --> <li style="margin:0 auto 8px;">❝ quote ❞</li> <!-- (line 2) --> <li style="margin:0 auto 8px;">❝ quote ❞</li> <!-- (line 3) --> <li style="margin:0 auto 8px;">❝ quote ❞</li></ul> </div> <!-- [protection/healing quotes end] --> <!-- [special move quotes] --> <div style="flex-grow:1;max-width:48%;min-width:300px"><div style="font-weight:bold;letter-spacing:1.75px;color:#5ad0ff">USING SPECIAL MOVE:</div> <ul style="margin-top:1px;"> <!-- (line 1) --> <li style="margin:0 auto 8px;">❝ quote ❞</li> <!-- (line 2) --> <li style="margin:0 auto 8px;">❝ quote ❞</li> <!-- (line 3) --> <li style="margin:0 auto 8px;">❝ quote ❞</li></ul> </div> <!-- [special move quotes end] --> <!-- [limit break quotes] --> <div style="flex-grow:1;max-width:48%;min-width:300px"><div style="font-weight:bold;letter-spacing:1.75px;color:#5ad0ff">USING LIMIT BREAK:</div> <ul style="margin-top:1px;"> <!-- (line 1) --> <li style="margin:0 auto 8px;">❝ quote ❞</li> <!-- (line 2) --> <li style="margin:0 auto 8px;">❝ quote ❞</li> <!-- (line 3) --> <li style="margin:0 auto 8px;">❝ quote ❞</li></ul> </div> <!-- [limit break quotes end] --> <!-- [low health quotes] --> <div style="flex-grow:1;max-width:48%;min-width:300px"><div style="font-weight:bold;letter-spacing:1.75px;color:#5ad0ff">AT LOW HEALTH:</div> <ul style="margin-top:1px;"> <!-- (line 1) --> <li style="margin:0 auto 8px;">❝ quote ❞</li> <!-- (line 2) --> <li style="margin:0 auto 8px;">❝ quote ❞</li> <!-- (line 3) --> <li style="margin:0 auto 8px;">❝ quote ❞</li></ul> </div> <!-- [low health quotes end] --> <!-- [defeat quotes] --> <div style="flex-grow:1;max-width:48%;min-width:300px"><div style="font-weight:bold;letter-spacing:1.75px;color:#5ad0ff">UPON DEFEAT:</div> <ul style="margin-top:1px;"> <!-- (line 1) --> <li style="margin:0 auto 8px;">❝ quote ❞</li> <!-- (line 2) --> <li style="margin:0 auto 8px;">❝ quote ❞</li> <!-- (line 3) --> <li style="margin:0 auto 8px;">❝ quote ❞</li></ul> </div> <!-- [defeat quotes end] --> <!-- [revival quotes] --> <div style="flex-grow:1;max-width:48%;min-width:300px"><div style="font-weight:bold;letter-spacing:1.75px;color:#5ad0ff">UPON REVIVAL:</div> <ul style="margin-top:1px;"> <!-- (line 1) --> <li style="margin:0 auto 8px;">❝ quote ❞</li> <!-- (line 2) --> <li style="margin:0 auto 8px;">❝ quote ❞</li> <!-- (line 3) --> <li style="margin:0 auto 8px;">❝ quote ❞</li></ul> </div> <!-- [revival quotes end] --> </div> </div> <!-- COMBAT BARKS END --> <!-- CREDIT (don't delete) --> <div style="width:100%;margin-top:-5px;text-align:right;font-size:10px;color:#aaa;">code by <a href="https://10billionghosts.dreamwidth.org" style="color:#737373">10billionghosts</a> // meme template inspired by <a href="https://twitter.com/amirrorofyou/status/1522436013536301056" style="color:#737373">farewell</a></div> <!-- CREDIT (don't delete) END --> </div></lj-raw>

There'll be a Persona-themed combat bark meme coming up shortly, but I am in work hell at just the moment so it may be a few hours/a day or two.

HOW TO USE:

❣️ Mind those lj-raw tags!!

❣️ This code is mobile compatible and insanejournal friendly!

❣️ The code comes with an LJ-cut by default at the very top. Feel free to remove it.

❣️ Replace IMG_URL with a pic of your character. 😘

❣️ You can easily add or remove additional quotes by deleting/adding more lists (the li code lines), as indicated by the comments in the code. You can add a ton of quote lines and the code won't break (lmao as seen by my live preview below dfsjkhadfs), but by default each section comes with three lines.

❣️ Feel free to delete the fancy quotes, or use the quote symbols you'd like. I just used them to add some styling.

❣️ IMPORTANT: if you actually use this code for your wol or oc, you better fucking link me to it!!!! (just drop a comment, or dm me if you're shy lmao.) I'LL BE SAD IF YOU DON'T!!! LET ME SEE!! I love hearing about other ppls ocs 😭

❣️ Since this code is like SO mono-use, I'm not going to go into color customization or anything like that. If you are trying to customize this code further and have questions, you can drop me a comment and I'll do my best to answer.

❣️ There is a credit code at the bottom of this post. Please leave the credit intact as it also credits the original meme creator.

❣️ This code was created and released with permission from the original meme's author/designer.

❣️ I love peeking at what people do with my codes, so feel free to comment if you use! If you're feeling generous, you can also donate to my ko-fi -- it's always greatly appreciated!