jay, novice human (![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
10billionghosts) wrote2021-03-22 12:26 pm
10billionghosts) wrote2021-03-22 12:26 pm
IGNORE ME
THIS IS A SEMI-PRIVATE PRE-RELEASE OF A NEW CODE. I need some help making pretty mood boards to use as examples.
If you use this code, like the results, and don't mind me using your board for the release post, send the code my way. I'll pick one mood board for each version of the code and deffo credit u for your contribution.
Usual guidelines for code customization apply:
- IMG_URL can be swapped for an image url.
- #URLHERE for urls.
- By default hex code #31487a is your base color (dark blue), and hex code #327be6 is your secondary color (bright blue). Change these to customize your lewk.
- Sample code DOES include a credit link. Please leave it there since the code technically isn't publicly released yet. (I know y'all will I'm just saying this in case someone stumbles on this post randomly lmao)
If you experience any issues, let me know about that, too! You can comment here or hmu on discord whatever's easiest. I'm generally working without break until 4 - 5PM most days, so I might not get to anything until the evening.
Smooches luv u thnx for looking
If you use this code, like the results, and don't mind me using your board for the release post, send the code my way. I'll pick one mood board for each version of the code and deffo credit u for your contribution.
Usual guidelines for code customization apply:
- IMG_URL can be swapped for an image url.
- #URLHERE for urls.
- By default hex code #31487a is your base color (dark blue), and hex code #327be6 is your secondary color (bright blue). Change these to customize your lewk.
- Sample code DOES include a credit link. Please leave it there since the code technically isn't publicly released yet. (I know y'all will I'm just saying this in case someone stumbles on this post randomly lmao)
If you experience any issues, let me know about that, too! You can comment here or hmu on discord whatever's easiest. I'm generally working without break until 4 - 5PM most days, so I might not get to anything until the evening.
Smooches luv u thnx for looking
The links in this design will scale in size automatically, so you can have one link, two links, ten, or more. I think it looks nicest with 4 - 8 links, personally.
-------
HEADER
Simpler design that just makes the bottom bar a bar. You can fill in images in all the solid color rectangles if you want.
-------
"HERE IS A QUOTE TEST TEST TEST"
This feller turns the bottom bar into a space for text, like a quote or a concept line. Right now it's formatted with courier font in a header font size, but you can customize that as well if you'd rather it be a smaller blurb or something.
To customize font, change font-family:courier, monospace; to whatever font family you'd like. To customize font size, you're going to need to futz with the font-size: clamp(); value.
Uhhhhhhhhhhhhhhhhhhhhhhh... it's kind of hard to crash course explain how clamp works, but the first value is the smallest size you're wiling to have the font show as, the middle number is the "average" which forces it to scale (I would recommend changing this to 1vw if you want smaller), and the last number is the largest the font will be.
To customize font, change font-family:courier, monospace; to whatever font family you'd like. To customize font size, you're going to need to futz with the font-size: clamp(); value.
Uhhhhhhhhhhhhhhhhhhhhhhh... it's kind of hard to crash course explain how clamp works, but the first value is the smallest size you're wiling to have the font show as, the middle number is the "average" which forces it to scale (I would recommend changing this to 1vw if you want smaller), and the last number is the largest the font will be.
-----------
EXTENDED CODE
Cake pudding marzipan sugar plum tiramisu ice cream jelly beans sweet roll. Muffin cupcake gummies candy canes marshmallow candy canes gingerbread pastry sugar plum. Danish fruitcake soufflé apple pie topping donut sweet roll sesame snaps. Cupcake topping topping liquorice lemon drops caramels halvah. Danish macaroon cake cake caramels muffin cupcake sweet soufflé. Brownie marshmallow caramels cake caramels apple pie powder.
Caramels donut chocolate marshmallow marzipan. Soufflé sesame snaps tart gummies gummi bears gummies cake wafer. Topping wafer cookie jelly lollipop.
Cotton candy donut candy canes ice cream dragée tootsie roll candy. Muffin cheesecake danish croissant cake croissant danish. Carrot cake cheesecake donut tiramisu chocolate bar.
Caramels donut chocolate marshmallow marzipan. Soufflé sesame snaps tart gummies gummi bears gummies cake wafer. Topping wafer cookie jelly lollipop.
Cotton candy donut candy canes ice cream dragée tootsie roll candy. Muffin cheesecake danish croissant cake croissant danish. Carrot cake cheesecake donut tiramisu chocolate bar.
OKAY! This one takes the code and turning it into an IC/OOC, log-posting, or information summary code. I'm still working on this one, and it'll probably have a completely separate post from the base moodboard code itself, so consider this a beta version. I'm just including the code in case anyone is dying to futz with it.