jay, novice human (![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
10billionghosts) wrote2022-12-16 10:34 am
10billionghosts) wrote2022-12-16 10:34 am
code: UNMALLOWED - a mobile-friendly biosheet
CHARACTER NAME
STR
18
DEX
18
CON
18
INT
18
WIS
18
CHA
18
Space here for a concept line or very brief quote. Seriously, you only have like four -- maybe five -- lines max before this breaks the layout, so keep it short.
positive
easy-going, friendly, ride-or-die, trait, trait, trait
neutral
low key, fashion conscious, good listener
negative
listless, unambitious, impatient, inconsiderate
Topping carrot cake jelly-o pudding bonbon. Jelly-o chocolate cake lollipop biscuit bonbon tart. Liquorice cupcake tootsie roll marshmallow topping gummi bears.
Tiramisu tart liquorice soufflé donut lemon drops chocolate. Lollipop lemon drops wafer tootsie roll macaroon carrot cake.
Tiramisu tart liquorice soufflé donut lemon drops chocolate. Lollipop lemon drops wafer tootsie roll macaroon carrot cake.
background;
Jelly pie croissant ice cream halvah gummi bears bonbon. Bear claw jelly beans candy oat cake chocolate cake candy. Pastry shortbread soufflé topping chupa chups bear claw jelly pudding soufflé. Marshmallow muffin candy canes sugar plum tiramisu ice cream liquorice apple pie. Halvah gummi bears jelly marshmallow sweet icing muffin. Brownie sesame snaps croissant apple pie ice cream chocolate halvah cheesecake. Halvah marshmallow biscuit tootsie roll lemon drops tart dragée. Dragée gingerbread wafer jujubes halvah sweet tiramisu.Icing brownie chocolate cake cookie sugar plum shortbread cookie wafer. Dragée danish cookie bear claw sweet candy ice cream. Tart chocolate bar soufflé cotton candy carrot cake. Macaroon lollipop cheesecake toffee tart. Muffin oat cake soufflé donut soufflé. Chocolate lemon drops lollipop pastry jujubes lemon drops chocolate lemon drops.
player name . pb name . timezone . contact info
Merry Draftsmas! Code eight in the Draftsmas block is Unmallowed, a biosheet with easily removable and reorganizable sub-sections, all assembled with mobile view in mind.
Unmallowed was inspired by the looks of carrd sites from the 2010s. It was supposed to be part of a bigger, fully modular set that came in two styles, but the thought of coding up a bunch of extra modular pieces and the instructions for all of them got a little too daunting. The whole code set wound up sitting for half a year. I may eventually release an expansion to unmallowed (as well as its slight variation, mallowed), but I think I'll need to get the spark for the set again before that can happen.
As is, UNMALLOWED comes with:
CODE HERE:
HOW TO USE:
❣️ Mind those lj-raw tags!!
❣️ This code is mobile compatible and insanejournal friendly!
❣️ While this app scales well at any resolution, because of its length, it's best posted under an lj-cut.
❣️ All sections in this app are modular and removable. Here are some ideas for things you could do with that:
❣️ The template has six instances of IMG_URL that will need to be replaced. The very top character portrait works best if you're using a landscape mode picture where the content is well centered. While square in desktop view, the portrait becomes landscape ratio on mobile. The other images are whatever, bro. Do what u like.
❣️ The code can get a little dense in places. Be sure to check for !!text between exclamation points!! for items that you'll want to update.
❣️ You can add ONE (1) more basic info item to the BASIC INFO section without breaking the code. Adding more will break the code. You can remove as many as you'd like without breaking the code.
❣️ hex code #006c80 is the primary color (dark teal by default), used for most backgrounds and text. It's declared several times in the code, so you'll want to find-replace it to update it.
❣️ hex code #03c9c6 is the secondary color (teal by default), used in labeling. This color is also declared several times throughout the code, so, again, find-replace for it.
❣️ hex code #cdfefd is your tertiary color (light blue by default), used for backgrounds. You guessed it, find-replace for an easy time.
❣️ hex code #fff is white, and it used only as a background for fieldset items. For readability, I would recommend keeping this as-is.
❣️ This code comes with a credit by default. Appreciate it if you leave it in, but you can delete if you want! :)
❣️ I love peeking at what people do with my codes, so feel free to comment if you use! If you're feeling generous, you can also donate to one of the charities listed on the main draftmas hub post.
Unmallowed was inspired by the looks of carrd sites from the 2010s. It was supposed to be part of a bigger, fully modular set that came in two styles, but the thought of coding up a bunch of extra modular pieces and the instructions for all of them got a little too daunting. The whole code set wound up sitting for half a year. I may eventually release an expansion to unmallowed (as well as its slight variation, mallowed), but I think I'll need to get the spark for the set again before that can happen.
As is, UNMALLOWED comes with:
- One fully coded biosheet with completely modular rows. Any section can be moved or shuffled around in the code as needed.
- One variant code for the top row that provides space for an "ABOUT" blurb, rather than a D&D stat block.
HOW TO USE:
❣️ Mind those lj-raw tags!!
❣️ This code is mobile compatible and insanejournal friendly!
❣️ While this app scales well at any resolution, because of its length, it's best posted under an lj-cut.
❣️ All sections in this app are modular and removable. Here are some ideas for things you could do with that:
- WANTED LINES POST FOR A NEW CHARACTER: Pare down the template by removing the background and personality sections and the fieldset items from the appearance section.
- LOCATIONS PAGE: Stack the appearance section multiple times for different locations. You can also change the flex-direction of the appearance section to swap which comes first, text or moodboard.
- INFORMATION/PREMISE PAGE: Use JUST the background section for large blocks of text. You can also include the HEADER section to split multiple background sections.
- OOC INFO: Use JUST the Basic Info section for an OOC info card for yourself!
❣️ The template has six instances of IMG_URL that will need to be replaced. The very top character portrait works best if you're using a landscape mode picture where the content is well centered. While square in desktop view, the portrait becomes landscape ratio on mobile. The other images are whatever, bro. Do what u like.
❣️ The code can get a little dense in places. Be sure to check for !!text between exclamation points!! for items that you'll want to update.
❣️ You can add ONE (1) more basic info item to the BASIC INFO section without breaking the code. Adding more will break the code. You can remove as many as you'd like without breaking the code.
❣️ hex code #006c80 is the primary color (dark teal by default), used for most backgrounds and text. It's declared several times in the code, so you'll want to find-replace it to update it.
❣️ hex code #03c9c6 is the secondary color (teal by default), used in labeling. This color is also declared several times throughout the code, so, again, find-replace for it.
❣️ hex code #cdfefd is your tertiary color (light blue by default), used for backgrounds. You guessed it, find-replace for an easy time.
❣️ hex code #fff is white, and it used only as a background for fieldset items. For readability, I would recommend keeping this as-is.
❣️ This code comes with a credit by default. Appreciate it if you leave it in, but you can delete if you want! :)
❣️ I love peeking at what people do with my codes, so feel free to comment if you use! If you're feeling generous, you can also donate to one of the charities listed on the main draftmas hub post.
TOP VARIANT: no d&d stats
Cupcake ipsum dolor sit amet powder jujubes.
Chupa chups pastry fruitcake dragée chocolate cake danish carrot cake. Cake toffee pastry pie gummi bears wafer. Croissant cake sweet roll caramels cake dragée danish.
Chocolate bar gingerbread tiramisu tootsie roll gummies brownie jelly beans.
Chupa chups pastry fruitcake dragée chocolate cake danish carrot cake. Cake toffee pastry pie gummi bears wafer. Croissant cake sweet roll caramels cake dragée danish.
Chocolate bar gingerbread tiramisu tootsie roll gummies brownie jelly beans.
no subject
no subject
no subject
no subject
no subject
with:
no subject
no subject
no subject