Entry tags:
[01] mobile-friendly biosheet (+ optional generator)
WHAT: A mobile-friendly multi-page biosheet. Could be used as an index. Still definitely taking cues from the lovely 10billionghosts, and continuing to use what I've learned by digging into efryndiel's cottagecore threadtracker generator code!
WHY: Because these things are a pain to maintain! This one is also highly customizable.
HOW: You can use as many or as few of the sections as you like, creating big detailed biosheets that also contain image galleries and CR charts and permissions, or smaller biosheets with only a few pages that can be used per-game.

LIVE PREVIEW
A quick sum-up, a TL;DR if you will. Describe your character's appearance in more detail here.
"Lorem ipsum varius fermentum quisque dictumst imperdiet hendrerit fringilla convallis dui viverra, neque aliquam vel elit non praesent hac urna varius conubia arcu, aenean porta eleifend maecenas et fringilla porttitor molestie bibendum etiam. Arcu nullam feugiat elementum class dictumst felis pharetra, pretium imperdiet rhoncus pulvinar ultrices magna etiam, curabitur vulputate cursus leo eleifend mollis. Tincidunt eros fringilla auctor fringilla nam senectus vestibulum pellentesque rutrum, placerat a porttitor semper facilisis justo dictumst nisi, in tempor ipsum sodales tempor pulvinar vulputate tempor.
Purus aliquet taciti donec viverra at duis scelerisque diam, lobortis suspendisse auctor augue dui tempus non, tempus lobortis condimentum rutrum tempus taciti litora. Hac maecenas libero arcu dolor praesent vivamus pulvinar consectetur placerat primis mi taciti semper sit at, non semper primis cubilia fringilla ante interdum tempus id torquent sodales elit dapibus. Interdum adipiscing aptent inceptos cubilia turpis sodales eget etiam nulla, congue vestibulum dui fermentum vivamus lorem nisi ad turpis etiam, lacus netus volutpat elementum facilisis purus ac dictumst.
Lorem ipsum varius fermentum quisque dictumst imperdiet hendrerit fringilla convallis dui viverra, neque aliquam vel elit non praesent hac urna varius conubia arcu, aenean porta eleifend maecenas et fringilla porttitor molestie bibendum etiam. Arcu nullam feugiat elementum class dictumst felis pharetra, pretium imperdiet rhoncus pulvinar ultrices magna etiam, curabitur vulputate cursus leo eleifend mollis. Tincidunt eros fringilla auctor fringilla nam senectus vestibulum pellentesque rutrum, placerat a porttitor semper facilisis justo dictumst nisi, in tempor ipsum sodales tempor pulvinar vulputate tempor."
COPY-PASTE VERSION
WHY: Because these things are a pain to maintain! This one is also highly customizable.
HOW: You can use as many or as few of the sections as you like, creating big detailed biosheets that also contain image galleries and CR charts and permissions, or smaller biosheets with only a few pages that can be used per-game.

Buffy Summers
one girl in all the world
Summary
the basics
Personality
the good the bad the ugly
Appearance
first impressions
Visuals
versatile gallery
Abilities
what they can do
Background
where they came from
Relationships
how they relate to others
Stats
a deep dive
OOC Info
permissions and contact info
Buffy Summers
one girl in all the world
Top
·
Summary ·
Personality ·
Appearance ·
Visuals ·
Abilities ·
Background ·
Relationships ·
Stats ·
OOC Info Summary;
STR
18
DEX
16
CON
14
INT
11
WIS
10
CHA
13
Alignment: Neutral Good
For best visual results, this should be more or less balanced with the number of "info" items you add.
There's plenty of room to add as much text here as you want, though. Especially at smaller font sizes. So go wild!
And don't forget to add HTML as desired. :)
There's plenty of room to add as much text here as you want, though. Especially at smaller font sizes. So go wild!
And don't forget to add HTML as desired. :)
Buffy Summers
one girl in all the world
Top
·
Summary ·
Personality ·
Appearance ·
Visuals ·
Abilities ·
Background ·
Relationships ·
Stats ·
OOC Info Personality;
+
positive trait · positive trait · positive trait · positive trait · positive trait · positive trait · positive trait · positive trait
=
neutral trait · neutral trait · neutral trait · neutral trait · neutral trait
-
negative trait · negative trait · negative trait · negative trait · negative trait · negative trait · negative trait
🔥
spicy trait · spicy trait · spicy trait · spicy trait · spicy trait · spicy trait · spicy trait
In Brief
An optional summary to go after the personality traits. You can also leave this blank, at which point the summary traits will fill the whole width of the page.
Include HTML as desired.
""Lorem ipsum varius fermentum quisque dictumst imperdiet hendrerit fringilla convallis dui viverra, neque aliquam vel elit non praesent hac urna varius conubia arcu, aenean porta eleifend maecenas et fringilla porttitor molestie bibendum etiam. Arcu nullam feugiat elementum class dictumst felis pharetra, pretium imperdiet rhoncus pulvinar ultrices magna etiam, curabitur vulputate cursus leo eleifend mollis. Tincidunt eros fringilla auctor fringilla nam senectus vestibulum pellentesque rutrum, placerat a porttitor semper facilisis justo dictumst nisi, in tempor ipsum sodales tempor pulvinar vulputate tempor.
Purus aliquet taciti donec viverra at duis scelerisque diam, lobortis suspendisse auctor augue dui tempus non, tempus lobortis condimentum rutrum tempus taciti litora. Hac maecenas libero arcu dolor praesent vivamus pulvinar consectetur placerat primis mi taciti semper sit at, non semper primis cubilia fringilla ante interdum tempus id torquent sodales elit dapibus. Interdum adipiscing aptent inceptos cubilia turpis sodales eget etiam nulla, congue vestibulum dui fermentum vivamus lorem nisi ad turpis etiam, lacus netus volutpat elementum facilisis purus ac dictumst.
Lorem ipsum varius fermentum quisque dictumst imperdiet hendrerit fringilla convallis dui viverra, neque aliquam vel elit non praesent hac urna varius conubia arcu, aenean porta eleifend maecenas et fringilla porttitor molestie bibendum etiam. Arcu nullam feugiat elementum class dictumst felis pharetra, pretium imperdiet rhoncus pulvinar ultrices magna etiam, curabitur vulputate cursus leo eleifend mollis.
Include HTML as desired.
""Lorem ipsum varius fermentum quisque dictumst imperdiet hendrerit fringilla convallis dui viverra, neque aliquam vel elit non praesent hac urna varius conubia arcu, aenean porta eleifend maecenas et fringilla porttitor molestie bibendum etiam. Arcu nullam feugiat elementum class dictumst felis pharetra, pretium imperdiet rhoncus pulvinar ultrices magna etiam, curabitur vulputate cursus leo eleifend mollis. Tincidunt eros fringilla auctor fringilla nam senectus vestibulum pellentesque rutrum, placerat a porttitor semper facilisis justo dictumst nisi, in tempor ipsum sodales tempor pulvinar vulputate tempor.
Purus aliquet taciti donec viverra at duis scelerisque diam, lobortis suspendisse auctor augue dui tempus non, tempus lobortis condimentum rutrum tempus taciti litora. Hac maecenas libero arcu dolor praesent vivamus pulvinar consectetur placerat primis mi taciti semper sit at, non semper primis cubilia fringilla ante interdum tempus id torquent sodales elit dapibus. Interdum adipiscing aptent inceptos cubilia turpis sodales eget etiam nulla, congue vestibulum dui fermentum vivamus lorem nisi ad turpis etiam, lacus netus volutpat elementum facilisis purus ac dictumst.
Lorem ipsum varius fermentum quisque dictumst imperdiet hendrerit fringilla convallis dui viverra, neque aliquam vel elit non praesent hac urna varius conubia arcu, aenean porta eleifend maecenas et fringilla porttitor molestie bibendum etiam. Arcu nullam feugiat elementum class dictumst felis pharetra, pretium imperdiet rhoncus pulvinar ultrices magna etiam, curabitur vulputate cursus leo eleifend mollis.
Buffy Summers
one girl in all the world
Top
·
Summary ·
Personality ·
Appearance ·
Visuals ·
Abilities ·
Background ·
Relationships ·
Stats ·
OOC Info Appearance;
"Lorem ipsum varius fermentum quisque dictumst imperdiet hendrerit fringilla convallis dui viverra, neque aliquam vel elit non praesent hac urna varius conubia arcu, aenean porta eleifend maecenas et fringilla porttitor molestie bibendum etiam. Arcu nullam feugiat elementum class dictumst felis pharetra, pretium imperdiet rhoncus pulvinar ultrices magna etiam, curabitur vulputate cursus leo eleifend mollis. Tincidunt eros fringilla auctor fringilla nam senectus vestibulum pellentesque rutrum, placerat a porttitor semper facilisis justo dictumst nisi, in tempor ipsum sodales tempor pulvinar vulputate tempor.
Purus aliquet taciti donec viverra at duis scelerisque diam, lobortis suspendisse auctor augue dui tempus non, tempus lobortis condimentum rutrum tempus taciti litora. Hac maecenas libero arcu dolor praesent vivamus pulvinar consectetur placerat primis mi taciti semper sit at, non semper primis cubilia fringilla ante interdum tempus id torquent sodales elit dapibus. Interdum adipiscing aptent inceptos cubilia turpis sodales eget etiam nulla, congue vestibulum dui fermentum vivamus lorem nisi ad turpis etiam, lacus netus volutpat elementum facilisis purus ac dictumst.
Lorem ipsum varius fermentum quisque dictumst imperdiet hendrerit fringilla convallis dui viverra, neque aliquam vel elit non praesent hac urna varius conubia arcu, aenean porta eleifend maecenas et fringilla porttitor molestie bibendum etiam. Arcu nullam feugiat elementum class dictumst felis pharetra, pretium imperdiet rhoncus pulvinar ultrices magna etiam, curabitur vulputate cursus leo eleifend mollis. Tincidunt eros fringilla auctor fringilla nam senectus vestibulum pellentesque rutrum, placerat a porttitor semper facilisis justo dictumst nisi, in tempor ipsum sodales tempor pulvinar vulputate tempor."
Buffy Summers
one girl in all the world
Top
·
Summary ·
Personality ·
Appearance ·
Visuals ·
Abilities ·
Background ·
Relationships ·
Stats ·
OOC Info Buffy Summers
one girl in all the world
Top
·
Summary ·
Personality ·
Appearance ·
Visuals ·
Abilities ·
Background ·
Relationships ·
Stats ·
OOC Info Abilities;
skill/ability name #1
Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae nunc sed velit dignissim sodales ut eu.
skill/ability name #2
Imperdiet proin fermentum leo vel orci porta non pulvinar neque laoreet suspendisse interdum consectetur libero id faucibus nisl tincidunt eget nullam non nisi est sit amet facilisis magna etiam tempor orci eu lobortis elementum nibh tellus molestie nunc non blandit massa enim nec dui nunc mattis enim ut tellus elementum.
skill/ability name #3
Habitant morbi tristique senectus et netus et malesuada fames ac.
Interdum velit laoreet id donec ultrices. Eget nunc scelerisque viverra mauris in aliquam sem fringilla. Turpis egestas sed tempus urna. Facilisi cras fermentum odio eu feugiat pretium nibh. Vel eros donec ac odio. Sed enim ut sem viverra aliquet eget sit amet tellus. Lobortis mattis aliquam faucibus purus in massa. Ac tortor vitae purus faucibus ornare suspendisse sed nisi lacus. Fermentum leo vel orci porta non.
Interdum velit laoreet id donec ultrices. Eget nunc scelerisque viverra mauris in aliquam sem fringilla. Turpis egestas sed tempus urna. Facilisi cras fermentum odio eu feugiat pretium nibh. Vel eros donec ac odio. Sed enim ut sem viverra aliquet eget sit amet tellus. Lobortis mattis aliquam faucibus purus in massa. Ac tortor vitae purus faucibus ornare suspendisse sed nisi lacus. Fermentum leo vel orci porta non.
Buffy Summers
one girl in all the world
Top
·
Summary ·
Personality ·
Appearance ·
Visuals ·
Abilities ·
Background ·
Relationships ·
Stats ·
OOC Info Background;
In Brief
Use this for anything else you might want to add! Insert desired HTML formatting here, remembering to use BR tags for line breaks.
Like this!
Lorem ipsum varius fermentum quisque dictumst imperdiet hendrerit fringilla convallis dui viverra, neque aliquam vel elit non praesent hac urna varius conubia arcu, aenean porta eleifend maecenas et fringilla porttitor molestie bibendum etiam. Arcu nullam feugiat elementum class dictumst felis pharetra, pretium imperdiet rhoncus pulvinar ultrices magna etiam, curabitur vulputate cursus leo eleifend mollis. Tincidunt eros fringilla auctor fringilla nam senectus vestibulum pellentesque rutrum, placerat a porttitor semper facilisis justo dictumst nisi, in tempor ipsum sodales tempor pulvinar vulputate tempor.
Purus aliquet taciti donec viverra at duis scelerisque diam, lobortis suspendisse auctor augue dui tempus non, tempus lobortis condimentum rutrum tempus taciti litora. Hac maecenas libero arcu dolor praesent vivamus pulvinar consectetur placerat primis mi taciti semper sit at, non semper primis cubilia fringilla ante interdum tempus id torquent sodales elit dapibus. Interdum adipiscing aptent inceptos cubilia turpis sodales eget etiam nulla, congue vestibulum dui fermentum vivamus lorem nisi ad turpis etiam, lacus netus volutpat elementum facilisis purus ac dictumst.
Like this!
Lorem ipsum varius fermentum quisque dictumst imperdiet hendrerit fringilla convallis dui viverra, neque aliquam vel elit non praesent hac urna varius conubia arcu, aenean porta eleifend maecenas et fringilla porttitor molestie bibendum etiam. Arcu nullam feugiat elementum class dictumst felis pharetra, pretium imperdiet rhoncus pulvinar ultrices magna etiam, curabitur vulputate cursus leo eleifend mollis. Tincidunt eros fringilla auctor fringilla nam senectus vestibulum pellentesque rutrum, placerat a porttitor semper facilisis justo dictumst nisi, in tempor ipsum sodales tempor pulvinar vulputate tempor.
Purus aliquet taciti donec viverra at duis scelerisque diam, lobortis suspendisse auctor augue dui tempus non, tempus lobortis condimentum rutrum tempus taciti litora. Hac maecenas libero arcu dolor praesent vivamus pulvinar consectetur placerat primis mi taciti semper sit at, non semper primis cubilia fringilla ante interdum tempus id torquent sodales elit dapibus. Interdum adipiscing aptent inceptos cubilia turpis sodales eget etiam nulla, congue vestibulum dui fermentum vivamus lorem nisi ad turpis etiam, lacus netus volutpat elementum facilisis purus ac dictumst.
Early Life
Another content section with another optional divider image section.
Canon
A third content section with yet another optional divider image section.
Game #1
A fourth content section.
Buffy Summers
one girl in all the world
Top
·
Summary ·
Personality ·
Appearance ·
Visuals ·
Abilities ·
Background ·
Relationships ·
Stats ·
OOC Info Relationships;
Spike
Use this for anything else you might want to add! Insert desired HTML formatting here, remembering to use BR tags for line breaks.
Like this!
Like this!
Dawn
Another content section with another optional divider image section.
Willow
A third content section with yet another optional divider image section.
Buffy Summers
one girl in all the world
Top
·
Summary ·
Personality ·
Appearance ·
Visuals ·
Abilities ·
Background ·
Relationships ·
Stats ·
OOC Info Stats Deep Dive;
Strength
Habitant morbi tristique senectus et netus et malesuada fames ac.
Interdum velit laoreet id donec ultrices. Eget nunc scelerisque viverra mauris in aliquam sem fringilla. Turpis egestas sed tempus urna. Facilisi cras fermentum odio eu feugiat pretium nibh. Vel eros donec ac odio. Sed enim ut sem viverra aliquet eget sit amet tellus. Lobortis mattis aliquam faucibus purus in massa. Ac tortor vitae purus faucibus ornare suspendisse sed nisi lacus. Fermentum leo vel orci porta non.
Interdum velit laoreet id donec ultrices. Eget nunc scelerisque viverra mauris in aliquam sem fringilla. Turpis egestas sed tempus urna. Facilisi cras fermentum odio eu feugiat pretium nibh. Vel eros donec ac odio. Sed enim ut sem viverra aliquet eget sit amet tellus. Lobortis mattis aliquam faucibus purus in massa. Ac tortor vitae purus faucibus ornare suspendisse sed nisi lacus. Fermentum leo vel orci porta non.
Dexterity
Imperdiet proin fermentum leo vel orci porta non pulvinar neque laoreet suspendisse interdum consectetur libero id faucibus nisl tincidunt eget nullam non nisi est sit amet facilisis magna etiam tempor orci eu lobortis elementum nibh tellus molestie nunc non blandit massa enim nec dui nunc mattis enim ut tellus elementum.
Constitution
Imperdiet proin fermentum leo vel orci porta non pulvinar neque laoreet suspendisse interdum consectetur libero id faucibus nisl tincidunt eget nullam non nisi est sit amet facilisis magna etiam tempor orci eu lobortis elementum nibh tellus molestie nunc non blandit massa enim nec dui nunc mattis enim ut tellus elementum.
Intelligence
Imperdiet proin fermentum leo vel orci porta non pulvinar neque laoreet suspendisse interdum consectetur libero id faucibus nisl tincidunt eget nullam non nisi est sit amet facilisis magna etiam tempor orci eu lobortis elementum nibh tellus molestie nunc non blandit massa enim nec dui nunc mattis enim ut tellus elementum.
Wisdom
Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae nunc sed velit dignissim sodales ut eu.
Charisma
Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae nunc sed velit dignissim sodales ut eu.
Buffy Summers
one girl in all the world
Top
·
Summary ·
Personality ·
Appearance ·
Visuals ·
Abilities ·
Background ·
Relationships ·
Stats ·
OOC Info Permissions;
Player
GENERATOR INSTRUCTIONS
USAGE
- Open the Google Sheets document! (You can see which VERSION it is by checking the title; the current version is also preserved on the INSTRUCTIONS sheet for future reference.)
- FILE > Make a copy
- You will want one copy for each character you plan to use this code for.
- Review the INSTRUCTIONS sheet if necessary. Also available on this sheet: quick-copy HTML that might be useful to you. Feel free to add more snippets. (You can then RIGHT-CLICK the INSTRUCTIONS SHEET and choose "Hide Sheet" to hide it.)
- From the SETTINGS sheet, set up your sections and pick your colors. These can be in any order. You can also add or remove sections.
- Fill out the section sheets that you plan to use. You can ignore the others, or right-click on them and choose "Hide Sheet" to get them out of your way!
NOTE: You can create line-breaks in any Google Sheets cell by hitting CTRL/CMD+ENTER.
COPYING YOUR DATA TO A NEW VERSION
- You can absolutely copy-paste data from old versions of my spreadsheet to new copies! Click on a column (e.g., "A" at the very top of the Section column on the LIST sheet), hit CTRL/CMD+C, and switch tabs to your fresh copy of my updated spreadsheet. Highlight the "A" column there, then hit CTRL/CMD+V.
- Take more care when copy-pasting columns with formulas involved, like the alignment columns.
- Everything on the SETTINGS sheet, it would probably be safer to manually copy over instead.
SETTINGS
Use pixels for font sizes. You can convert other units into pixels with a site like pixelconverter.com.
- Font: The font family you want to use.
- Header Font Size: The font size for each section header. Other header sizes will be percents of this one.
- Body Font Size: The font size for everything else.
- Background Color: #f6f6f6
- Main Text Color: inherit (will be whatever color your DW layout makes journal text)
- Main Text Alignment: The default alignment for all body text. Set to 'left' if justified text isn't a look you like.
- Color: #ba4f59
- Text On Color: #ffffff
- Splash Header Color: #ffffff
- Text On Splash Header: #000000
- Accent Color: #000000
- Text On Accent: #ffffff
- Drop Shadow Color: #dddddd
Providing all the text-on-color values to make it easy to keep everything very legible.
- Sections: As many or as few as you like. You can leave lines blank (e.g., clear out PERSONALITY from this example, and it will go directly from SUMMARY to APPEARANCE with no empty space between).
SECTION-SPECIFIC
SPLASH
- Title: The all-uppercase header text that is present on all pages.
- Subtitle: The all-lowercase header text that is present on all pages. Leave blank to have no subtitle.
- Nav Align: Whether the white NAVIGATION block goes flush to the left or flush to the right.
- Image URL: URL of your splash image.
- Image BG Color: Will only show if your splash image is transparent. Set this to transparent for no color at all.
- Image Position: top or center will usually work, but any valid value for background-position can be entered.
- Image Size: cover will usually work, but any valid value for background-size can be entered.
SUMMARY
- Title: The text of the page header that will appear at the top of this section.
- Splash Desc: The small description text that will appear in the SPLASH NAV section only.
- Nav Title: The text of the link that will appear in the NAV sections.
- Style: w/Stats + Blurb or w/Long Blurb. (See PREVIEWS.)
- Image: URL of your profile pic.
- Image BG Color: : Will only show if your splash image is transparent. Set this to transparent for no color at all.
- Image Position: top or center will usually work, but any valid value for background-position can be entered.
- Image Size: cover will usually work, but any valid value for background-size can be entered.
- Blurb: The text that appears in the right-hand column of the SUMMARY section. For best visual results, this should be more or less balanced with the number of "info" items you add.
- Stats: Optional stat weights for your characters, saving throws, etc. "STR", "CHA", etc can be whatever text you want, provided that it's SHORT. You can have more or fewer options by continuing to fill in both columns, or deleting data from both columns.
- Alignment: Optional alignment for your character.
- Label: The LEGEND value for each data row.
- Value: The FIELDSET value for each data row.
- Width: 1/3rd, half-width, or full-width.
- Explainer: This text pops in to explain the meaning of the width keywords. Don't edit, or you'll break it!
You can add as many rows here as you want.
PERSONALITY
- Title: Text that appears above the section.
- Splash Desc: The small description text that will appear in the SPLASH NAV section only.
- Nav Title: The text of the link that will appear in the NAV sections.
- Style: Two-Column will print the traits list and portrait on the left, with an optional TL;DR blurb and image section, then the longer blurb on the right. One-Column will print them all at full-width, which is ideal for really lengthy personality sections.
- Positive/Neutral/Negative/Spicy Indicators: The extremely short text, HTML entity, or emoji that will appear next to the list of traits. If you only want two or three, clear the Indicator fields for the extras, like so:
NOTE: It isn't necessary to delete the related columns, although you can.
- Longer: The text blurb that goes to the right of the other sections on this page, unless One-Column is selected. Can also be left blank.
- TL;DR Title: Displays below the list of Personality Traits, if set.
- TL;DR Contents: Displays below the title, if set.
- TL;DR Images: Up to three images can be set in a mobile-friendly block, each of which has...
-- Image URL: URL of your splash image.
-- Image BG Color: Will only show if your splash image is transparent. Set this to transparent for no color at all.
-- Image Position: top or center will usually work, but any valid value for background-position can be entered.
-- Image Size: cover will usually work, but any valid value for background-size can be entered.
APPEARANCE
- Title: Text that appears above the section.
- Splash Desc: The small description text that will appear in the SPLASH NAV section only.
- Nav Title: The text of the link that will appear in the NAV sections.
- Align: Left/Right for the positioning of the portrait and/or stats block.
- Style: w/Image + Stats for all three sections, w/Image for only the image and blurb, w/Stats for only the stats and blurb, Blurb Only for... only the blurb.
- Profile Image: URL of your appearance pic.
- Profile BG Color: Will only show if your splash image is transparent. Set this to transparent for no color at all.
- Profile Image Position: top or center will usually work, but any valid value for background-position can be entered.
- Profile Image Size: cover will usually work, but any valid value for background-size can be entered.
- Stats: More items can be added, but take care that it doesn't get too much longer than your profile image is tall.
NOTE: Up to three images can be set in a mobile-friendly block, each of which has the same properties as the Profile Image above.
VISUALS
- Title: Text that appears above the section.
- Splash Desc: The small description text that will appear in the SPLASH NAV section only.
- Nav Title: The text of the link that will appear in the NAV sections.
- Width/Width Units: The width and width units of your images, allowing you to opt for "images that take up around 20% of the width of the page". You can also go for a concrete width in pixels, at which point the page will fit as many images as possible in a given row.
- Image Height (in pixels): Self-explanatory.
NOTE: You must choose the same width and height for all your images, but keep in mind that these are really thumbnails that can be clicked to see the full image (or another URL, like a link to a wiki page or to a journal comment where you lay the whole image out with commentary). Use position and size to create nice-looking thumbnails, or create manual crops in an image editor to use and then just stick with "center" and "cover".
- Image: URL of your appearance pic.
- BG Color: Will only show if your splash image is transparent. Set this to transparent for no color at all.
- Position: top or center will usually work, but any valid value for background-position can be entered.
- Size: cover will usually work, but any valid value for background-size can be entered.
- URL: When the thumbnail is clicked on, this URL will be loaded. Leave blank to just link to the full image.
Re: VISUALS
LISTS
- Title: Text that appears above the section.
- Splash Desc: The small description text that will appear in the SPLASH NAV section only.
- Nav Title: The text of the link that will appear in the NAV sections.
- Name: The label for a given item.
- Description: The text for a given item.
BIG TEXT
- Title: Text that appears above the section.
- Splash Desc: The small description text that will appear in the SPLASH NAV section only.
- Nav Title: The text of the link that will appear in the NAV sections.
- Collapsible?: Whether each section should be in a details element that can be clicked open and closed. The first section will always be open when the page loads, while the others will be closed.
- Section Header: Optional text to prefix each section.
- Section Content: Required content for each section. If left blank, no section will show.
- Divider Images: Up to three images can be set in a mobile-friendly block, each of which has...
-- Placement: Whether the images should be printed after the header or after the content of a given section.
-- Images Height: Fixed height for all three images in the block.
-- Image URL: URL of your splash image.
-- Image BG Color: Will only show if your splash image is transparent. Set this to transparent for no color at all.
-- Image Position: top or center will usually work, but any valid value for background-position can be entered.
-- Image Size: cover will usually work, but any valid value for background-size can be entered.
BACKGROUND ONLY:
An optional interstitial block that will display in the first content section, if set to either Data or Blurb (Hidden, of course, will hide it).
- Title: LEGEND for this fieldset element.
- Alignment: Whether the interstitial flushes left or right.
- Style: Data, Blurb, or Hidden.
- Interstitial Blurb: If style is set to blurb, this will be the content of the interstitial.
- Interstitial Data: If style is set to data, you can print some label/text pairs, optionally prefixed with an indicator.
OOC INFO
- Title: Text that appears above the section.
- Splash Desc: The small description text that will appear in the SPLASH NAV section only.
- Nav Title: The text of the link that will appear in the NAV sections.
- Yes Indicator: Replace this with a different symbol, or simple English.
- No Indicator: See "Yes Indicator".
- Maybe Indicator: See "Yes Indicator".
- Name: The name of each permission.
- Permission: A drop-down of options that match the indicators on the previous screen. If set, the indicator for that permission type will appear in the field.
- Link: If set in conjunction with a Yes/No/Maybe value from the Permission drop-down, that value will be linked to whatever URL you put here. Use with comments on the same page to easily make a mobile-friendly footnote.
- Note: If set in conjunction with a Yes/No/Maybe value from the Permission drop-down, will be hovertext for the item. If Permission is left blank (as Touch/Kiss/Kill/NSFW are in the screencap), Note will be printed instead of a symbol.
NOTE: The Name values can be changed or cleared out to have different or fewer permissions in your list.
- Title: Subheader that will prefix the player section.
- Name / Value: These pairs will print out as FIELDSETS in the Player section. You can add more; an even number will look a bit better.