Important!

I used multiple image files to create this template, all of which are hosted on Imgur. HERE is a zip file with all the one's I've used. Feel free to use them however you want.

------------------------------------

HOW TO INSTALL

1. Copy EVERYTHING

2. Paste it into the "About me" box in your JanitorAI profile settings and save.

3. Fill in your images, links and text (see below).

RULES SO IT DOESN'T BREAK

1. No blank lines anywhere. For a new paragraph type <br><br>

2. Image links must be direct, I use Imgur: https://i.imgur.com/abc123.png

Leave an image empty like this if you don't use it: src=""

3. Only change words inside "quotes" or between > and <.

Don't delete quotes, < >, { } or anything that says class=

4. Never add /* comments */ inside the <style> part.

CHEAT SHEET: Find this (Ctrl/Cmd + F) -> change it

YOUR PROFILE

content: "Your Name" ----- your name (no @)

content: "Your tagline here" ----- the line under your name

"devout" ----- word after follower count

"Consume" / "Purge" ----- Follow / Unfollow buttons

"Packed on: mm.dd.yy" ----- your join date

"Fresh Cuts" / "Offal" ----- the Characters / Favorites tabs

"cuts in stock" ----- word after character count

BACKGROUND

class="cv-bg"> put your image in the src="" before it

class="cv-bg cv-glitch" optional GIF layered on top

.cv-glitch{opacity:.3 GIF strength (.1 faint - .5 strong)

THE SIX TABS (each starts with <details class="cv-cut ...)

01 Brain About Me + tag chips

02 Shoulder Socials / contact

03 Rib Rules

04 Loin Updates (project roadmap)

05 Rump Extra Info (use it for anything)

06 Shank Gallery

- Tab title: the text after class="cv-title">

- Tab text: between <p> and </p>

TODAY'S SPECIAL

class="cv-special" status between <p> and </p>,

date between <i> and </i>

LISTS: one line = one item. Copy a line to add, delete to remove.

TAGS (About Me)

<span class="cv-tag">tag</span>

-> change "tag"

SOCIAL LINKS (Shoulder)

<a href="PASTE-LINK-HERE" class="cv-link"><img src="" alt="">Ko-fi</a>

-> your link, then the name before </a>

Not a link (email etc.)? Use the <span class="cv-link"> line:

-> label before <i>, address between <i> and </i>

UPDATES (Loin)

<details class="cv-job cv-done"><summary><b>Name</b></summary><p>Details</p></details>

-> cv-job cv-done = finished cv-job cv-now = current

cv-job = planned

GALLERY (Shank)

<details class="cv-art" ...><summary><img src="" ...

-> image link in src="", title in place of "Art title"

CHOICE CUTS (friends)

<a href="PASTE-LINK-HERE" class="cv-hang"> ...

-> their profile link, their picture in the cv-pfp src="",

then Name and @name

THE COLD ROOM (series)

<a href="...custom_tags=YOURTAG..." class="cv-side"> ...

-> your series tag in place of YOURTAG, cover picture in the

cv-pfp src="", "Series Name" (twice) and the description

Don't change the cv-png links. Those are the meat art.

CHARACTER CARD STICKERS

They're the last three lines before </style>:

HOT DEAL!! / MANAGER'S SPECIAL!! / ALL YOU CAN EAT

A sticker shows on every card that has its tag.

- Pick the tag: change the word after pp-tag-

.pp-tag-hotdeal -> .pp-tag-[insert your tag here] (= every #[the tag] card)

lowercase, no #. Built-in tags work too: .pp-tag-deaddove

- Or pick one bot: replace PASTE-BOT-ID with the first 8

characters after /characters/ in that bot's link.

- Turn a sticker off: change its tag to .pp-tag-none

OPTIONAL FINE TUNING

.cv-rig{position:fixed!important;left:0;right:0;top:40px

-> raise/lower 40px to move the hanging knives

.cv-hands{height:80px;bottom:56px}

-> raise 56px if the hands hide behind your phone's menu bar

.pp-cc-wrapper:nth-child(3n

-> the 3 lines that colour the meat inside the card packages

CREDIT

CARNIVORAL CSS by @Ru1nous

Free to use and edit as you please! Credit is appreciated but not required.

The little "CARNIVORAL CSS by Ru1nous" line at the bottom of the page can stay

or go, it's up to you.