lina_trinch: (Default)
𝔦𝔱'𝔰-𝔞 𝔪𝔢 🌠 ([personal profile] lina_trinch) wrote in [community profile] killthecake2020-02-28 02:05 pm
Entry tags:

[15] GitS Inspired Biosheet x2






Codes:

Light Mode
Live Preview Here
Dark Mode
Live Preview Here


Currently broken. Working on being fixed.

❖ Make sure Disable Auto-Formatting is checked when you copy/paste the code into your post.

❖ To get the information about your character's personality, take the quiz at 16personalities.

❖ The font I used throughout on both is courier. Feel free to change that if you want but the size change will probably make the code go a bit wonky.

❖ You should be able to add as much info in each module as you want. If you have any problems with it, let me know!




Ctrl+F & Replace:

HEADER_IMG - Header image.
ICON_IMG - The six circular images in the visuals module. They can be any size.
HIST_IMG - Image in the history section.
RELATION_IMG - Icons for characters in the relations section.

Character - Character name in the header.
Canon - Canon name in the subheader.
Lorem Ipsum - Text to fill in throughout. You have to use <br /><br /> to separate paragraphs.
PERCENT% - The percentage of a personality trait. There are two places to fill in for each trait.
TRAIT - Personality trait.
P_TYPE - Personality type header. Like Defender, Entertainer, etc.
AAAA-A - Personality type subheader. The letters, like ISFJ-A.
Char Name - Character's names in the Relations section.
URL - Url link to songs in the Music section.
Song Name - Song Artist - The name and artist of your song.
Lyric - Whatever lyrics you want to add for your song.




Light Mode:

#fff border, background, background gradient, personality trait text
#c9c9c9 background gradient
#6e6e6e lyric text
#000 relations' borders

#b8bae3 header image border, visuals borders, visuals shadows, module headers' circles, module headers' divider gradient, personality traits' background
#878ade music notes
#898aa3 music's dividers
#72739e module borders, header image gradient, header divider, module headers' divider gradient, personality traits' background, relations' icons' border
#575878 credit text
#555678 personality type text
#454782 song name and artist text

rgba(0,0,0,0) transparent gradients

Dark Mode:

#fff module headers' text, relations' borders, song name and artist text
#ebebeb modules' text
#b3b3b3 lyrics text
#949494 border
#636363 background gradient
#262626 background, background gradient
#000 personality trait text

#d3d4f0 module borders, header divider, music notes, credit text
#b8bae3 header image border, visuals borders, module headers' gradient, personality traits' background, relations' images' borders, musics' dividers
#b7baeb header text, personality type text
#72739e header image gradient, visuals shadows, module headers' circles, module headers' gradient, personality traits' background

rgba(0,0,0,0) transparent gradients