raincoded ([personal profile] raincoded) wrote2025-02-05 03:24 pm

[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

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
Summary;
Age 22
D.O.B. jan 19
Zodiac pisces
Gender female
Pronouns she/her/hers
Species Slayer
Hometown L.A.
Full Name Buffy Anne Summers
Alias The Slayer
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. :)
Buffy Summers
one girl in all the world
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
A quick sum-up, a TL;DR if you will.
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.
Buffy Summers
one girl in all the world
Appearance;
Height 5'4" / 163cm
Build slender
Eyes hazel
Hair long, wavy, blond
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."
Buffy Summers
one girl in all the world
Visuals;
Buffy Summers
one girl in all the world
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.
Buffy Summers
one girl in all the world
Background;
In Brief
Relationships mother (deceased),
sister,
best friend,
????,
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.
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
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!
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
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.
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
Permissions;
Backtag* Yes.
Threadjack* No.
Touch Insert more detailed feelings.
Kiss Insert more detailed feelings.
Ship Yes.
Manipulate* Maybe.
Mindread No.
Injure Yes.
Fight* Maybe.
Kill Insert more detailed feelings.
Player
player Your Name
p.b. played by
contact yourname#1234
timezone your timezone


COPY-PASTE VERSION

cap_n_port: (Default)

Re: VISUALS

[personal profile] cap_n_port 2025-04-05 07:13 pm (UTC)(link)
how do i make visuals square