Species In Depth

CuckooHoopoe

Info

Created: 1 year, 8 months ago
Creator: https://toyhou.se/CuckooHoopoe
Favorites: 340

Profile

Species In Depth [f2u]

I'm running out of title ideas

I know I JUST released a code intended for closed species but I didn't like that one so I designed a new one lmao. I'll be using this one as soon as I get my characters design done lol.

This code uses a collapse button (the pink button that says "More Info") to reveal the rest of the profile since its a bit on the longer side but in the code I describe how to remove that feature.

You CAN modify this code to fit a non CS, thats cool too.

I usually use my own art in code samples but I didn't have a character that matched the theme AND had art by me. Art used in sample is by ibana, Princely, and me.

Features

Mobile Friendly
Custom colours
Beginner friendly??
Removeable collapse button

IMPORTANT NOTES

I commented the FUCK outta this so you can easily go thru and rearrange or delete things. But I'd advise against it if you dont know basic bootstrap.
Icons from font-awesome
A comment would be appreciated, I'd like to see it!
Don't use WYSIWYG

Code Rules

Sample Character

Code

Name or Title

Name Content

Age Content

Gender unknown

Pronouns pro/noun

Species Content

Rarity Content

Masterlist MYO#000

Occupation Content

This is a super short summary about the character, a TL;DR. It could also be just a quote. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus.

Gallery

Literature

Lore

More Info

About

Write about your character here. This is not where you write their backstory, thats a whole other section... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus.

Personality

Write about the chracters personality here. These boxes and images stretch to all be the same height. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus.

Favourites

Colour Content

Animal Content

Flower Content

Number Content

Holiday Content

Season Content

Drink Content

Place Content

Scent Content

Genre Content

Instrument Content

Likes

Write about what they like, feel free to explain why they like it
likes
likes

Dislikes

Write about what they don't like, feel free to explain why they dislike it
dislikes
dislikes

Trivia

List stuff like hobbies, manerisms, fun facts, etc. about their personality
I cannot for the love of god figure out how to make the middle column stretch to match the height of the other two columns so if you're anal like me about matching column heights then make sure that there is enough content here in the likes and dislikes to make the other two columns stretch. Otherwise you will have a weird blank space below the dislikes box. (looks fine on mobile view tho :^D)
trivia
trivia

Design Notes

Write some other important notes about the characters design
For example, the sample character I use here (Christine my lovE) has legs made of crystal, you cannot draw her legs without them! They must be animal paws.
The image to the right of this column (below on mobile) doubles as a link to the refsheet.
note
note

Species Traits

Trait Name Describe trait, if you write more than the width of the line then the text will wrap around so it'll remain legible, but dont write a whole essay T^T (rarity)

Trait Name Trait Type (rarity)

History

Go wild, write as much as you want. Feel free to change the header, subheader, whatever. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

Subheader

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

Subheader

Friend [relationship]

Recent Images

No images.