Welcome to my Layout Maker!
Please read this first!
This tool generates a layout that is responsive, which means it looks great on phones! Use dropdowns above to customize your layout's general features. Click the button to generate your HTML and CSS, and paste it into a file on Neocities.
Then you can replace all of the text with your own. For more customization, the CSS code has comments to explain what each part changes. Please read through the code - even if you have no idea what it means.
If you're feeling up for a challenge, I put together a guide which goes over the structure of how this layout is built, along with some specific tips on how to edit it in certain ways.
Check the links in the sidebar for more resources to build your own website!
- Cat Ipsum -
Rub my belly hiss swipe at owner's legs sniff catnip and act crazy growl at dogs in my sleep sit on the laptop for hiss at vacuum cleaner i like to spend my days sleeping and eating fishes that my human fished for me.
Head nudges eat my own ears. Hey! you there, with the hands why can't i catch that stupid red dot, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff, or roll over and sun my belly curl up and sleep on the freshly laundered towels.
SPINGLEBONGLE OKAY NO MOREText can go here. You can also add inline links. It's best not to make this too long because this moves to the top of the page on mobile.
Overview
Name
Stella
Alias(es)
Model No. 573114
Pronouns
he/she/it
Species
robot
Birthday
December 13
Age
9
MBTI
INTP
Flower
Hydrangea macrophylla
This is the base framework that I use for my character pages. Its main feature is that it allows you to easily make a grid with varying element widths, which is ironically something much more easily accomplished with flexbox than grid. It's also a fairly good Tumblr knockoff layout if you're into that.
You can copy the source code for this from Github! Or just take it from the view source page directly.
Character Traits
Likes
Small animals
Celestial objects
Science fiction
Bright colors
Roombas
Dislikes
Water
Waking up late
Chewing gum
Vague instructions
Hobbies
Listening to the radio
Collecting vintage tech
Trolling humans on chess.com
Conway's Game of Life
Fears
Becoming obsolete
Sharp objects
Magnets
Bugs (as in insects)
Details
Demeanor
thing
Temperament
thing
social
thing
intellect
thing
strengths
thing
flaws
thing
goals
thing
notes
thing
Design
Height
5'5"
build
lithe
eyes
purple, starry
hair
black, purple tips
clothing
mostly cute, feminine clothing. plenty of skirts and dresses, which it wears most often. an ample amount of baggy outerwear. ruffles and bows galore!
notes
thing
Story
waow epic content
Trivia
sign
thing
gemstone
thing
tarot cards
thing
magic
thing
drink
thing
weapon
thing
misc.
thing
Relationships
character ✦ character
i am so epic and swag... yes...
character ✦ character
i am so epic and swag... yes...
character ✦ character
i am so epic and swag... yes...
character ✦ character
i am so epic and swag... yes...
character ✦ character
i am so epic and swag... yes...
character ✦ character
i am so epic and swag... yes...
Ribbons and Miscellaneous
Text can go here. You can also add inline links. It's best not to make this too long because this moves to the top of the page on mobile.
Header
Name
thing
Alias(es)
thing
Pronouns
thing
Species
thing
Birthday
thing
Age
thing
MBTI
thing
Flower
thing
This is the framework that I use for my character pages. Its main feature is that it allows you to easily make a grid with varying element widths, which is ironically something much more easily accomplished with flexbox than grid. It's also a fairly good Tumblr knockoff layout if you're into that.
You can copy the source code for this from Github! Or just take it from the view source page directly.
Character Traits
Likes
skibidi
dop
dop
yes
yes
Dislikes
skibidi
dop
dop
yes
yes
Hobbies
skibidi
dop
dop
yes
yes
Fears
skibidi
dop
dop
yes
yes
Details
Demeanor
thing
Temperament
thing
social
thing
intellect
thing
strengths
thing
flaws
thing
goals
thing
notes
thing
Design
Height
thing
build
thing
eyes
thing
hair
thing
clothing
thing
notes
thing
Story
waow epic content
Trivia
sign
thing
gemstone
thing
tarot cards
thing
magic
thing
drink
thing
weapon
thing
misc.
thing
Relationships
character ✦ character
i am so epic and swag... yes...
character ✦ character
i am so epic and swag... yes...
character ✦ character
i am so epic and swag... yes...
character ✦ character
i am so epic and swag... yes...
character ✦ character
i am so epic and swag... yes...
character ✦ character
i am so epic and swag... yes...
Ribbons and Miscellaneous
marcie
leo
roxanne
viola
eren
alina
cecilia
sara
randall
owen
katherine
levi
caroline
daisy
sunny
rose
lavender
iris
marie
cecilia
lily
jasmine
violet
azalea
magnolia
aster
snowdrop
lola
juno
september
eliza