Concept
Toyhou.se is a character repository that allows Users to customize their profiles and character profiles using HTML, CSS, Bootstrap, and FontAwesome icons. I wanted to create custom user and character profile codes based on certain themes and ideas that I found fun!
Development
Toyhou.se offers externally linked CSS as a premium feature, which I do not have, so my codes use in-line styling and Bootstrap classes. I also added in FontAwesome icons. I really enjoy being able to own the entire process and create custom code for my characters.
Samples
User Profile 1
I modeled this user profile off of a phone screen, with the user's information listed in chat bubbles with a profile picture.
User Profile 2
I wanted a simpler User profile where I can easily display basic information and include necessary links. I used tooltipster to display image credits when a viewer hovers on the icons.
Character Profile 1
My goal is to show the character's basic information and story, as well as display art of the character. I created three main tabs: About, Story, and Relationships, with subsections.
Character Profile 2
Some of my characters are singers, actors, models, etc. I wanted to create an artist web page character profile. There are 4 tabs for this profile: Home, About, Story, Relationships.
Next Steps
I want to design character folders and a relationship chart, so I'll be working on those once my characters and stories are more developed.