jay, novice human (![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
10billionghosts) wrote2021-12-31 03:15 pm
10billionghosts) wrote2021-12-31 03:15 pm
Entry tags:
code: dated - a timeline / pcal code
SEPTEMBER CALENDAR
For the first 24 hours, each player can take one slot per character. Once that time has elapsed, you may select an additional volunteer slot. Please note that players can take only one color-coded slot per month, and the following month you will not be able to take a slot of the same color.
PINK : one
BLUE : two
GREEN : three
🎂 : BIRTHDAY
🎁 : IC/OOC
🌟 : PLAYER EVENT
👀 : STAY TUNED
🏆 : SPORTS!
📚 : GROUP PROJECT
🔮 : DIVINATION
🐉 : MONSTERS? IDFK
📰 : IN THE NEWS
🌕 : FULL MOON
Tiramisu bonbon cupcake tiramisu biscuit muffin cake. Jelly-o candy sesame snaps chocolate soufflé chocolate chupa chups. Shortbread candy sugar plum chocolate cake chocolate cake. Pie brownie donut muffin oat cake. Chupa chups cheesecake pudding cupcake marzipan oat cake soufflé. Toffee marzipan marshmallow lemon drops brownie croissant toffee.
may
01
tuesday
01
tuesday
Chocolate cake chupa chups cake halvah macaroon gummi bears cheesecake shortbread. Sweet roll muffin danish jelly beans muffin. Gingerbread wafer cookie cheesecake dessert lemon drops sesame snaps macaroon. Toffee jelly-o toffee topping tart. Jelly soufflé gummies marzipan brownie sweet biscuit liquorice ice cream. Wafer fruitcake apple pie biscuit sesame snaps muffin. Muffin candy canes tiramisu sugar plum chocolate bar chocolate bar chocolate bar.
Gummies sweet roll gummi bears oat cake dragée sweet candy caramels. Bear claw cookie carrot cake shortbread danish cake. Apple pie tart cake biscuit sugar plum carrot cake jelly-o caramels candy.
Pudding shortbread sweet cookie chupa chups chupa chups. Pie cupcake soufflé liquorice biscuit croissant biscuit powder. Pastry candy jelly beans fruitcake sugar plum liquorice tootsie roll. Marzipan halvah cheesecake cotton candy pudding brownie gummi bears.
Gummies sweet roll gummi bears oat cake dragée sweet candy caramels. Bear claw cookie carrot cake shortbread danish cake. Apple pie tart cake biscuit sugar plum carrot cake jelly-o caramels candy.
Pudding shortbread sweet cookie chupa chups chupa chups. Pie cupcake soufflé liquorice biscuit croissant biscuit powder. Pastry candy jelly beans fruitcake sugar plum liquorice tootsie roll. Marzipan halvah cheesecake cotton candy pudding brownie gummi bears.
february
24
wednesday
24
wednesday
Ringing in the new year with a simple calendar/timeline code seemed appropriate, so say hello to DATED.
I'd like to say I was going for a more refined/fancy/classic-y look with DATED, but really what I mean is I had the sudden urge to use serif fonts. And everyone knows serif fonts are like classy. It honestly looks really good in grayscale (backgrounds for each date card set to #aaa), imo, but I've styled the template with some complimentary colors as in the example above. I started this code before Alboe Nu and then Alboe Nu possessed me for a week and a half lol, but I decided I wanted to get this fella done for NYE. So, here we are!
Anyway, DATED, like FEBRUARY 31, comes with a few options:
Here's your base code:
Code for a single, simple day card:
Code for a single day card with floating image:
Code for 14-day template:
HOW TO USE:
❣️ Mind those lj-raw tags!!
❣️ This code is mobile friendly and insanejournal friendly!
❣️ Everything is pretty clearly commented out, and can be duplicated by copy-pasting, or removed by deleting, the entire commented 'section' (everything between -- NAME -- and -- NAME END --, basically).
❣️ A quick note about the header on this one: it's set to flex-direction:row-reverse. This makes it so that on displays where the code scales small enough, the mini-calendar will always appear on top despite appearing to come after the calendar key information on a desktop. In the code, the mini-calendar does come first, and the key and summary come after.
❣️ This code was made to be used as a plot calendar or timeline, but you could easily use it for informational pages with a little bit of tweaking.
❣️ IMPORTANT: Look for instances of #MONTH# and change that to the abbreviation of your current month.
❣️ IMPORTANT: Look for the single instance of YYYY and fill that in for the year or delete it entirely to get rid of the year value on the calendar in the header.
❣️ IMPORTANT: Look for instances of DD and change that to the appropriate day on your date card. For single digit days, for best results, write them as 01, 02, 03, etc.
❣️ IMPORTANT: Look for instances of 'DAYDAY' and change that to the appropriate day of the week.
❣️ IMPORTANT: The mini-calendar by default is set up to be a 31 day month with the first starting on a Thursday. The mini-calendar is preeeetty cleanly laid out and shouldn't be too hard to update, but do remember to update it to reflect the proper month.
❣️ To add more day cards, simply copy paste additional cards where indicated in the code. There are comments marking that day cards should go below and above a certain point. Don't forget to update the DD value for each.
❣️ The keys are there as examples, please don't feel obligated to use them, or those emojis. You can customize that section or remove it entirely!
❣️ The text area in each day will scale automatically. No limit on length!
❣️ To change your calendar image, replace CAL_IMG_URL with an image URL.
❣️ To change the inset image, replace IMG_URL.
❣️ At the top of the code color:#000 establishes the primary font color for the whole code, which is black. You can change that hex code to change the standard color of all items.
❣️ hex code #82170d is our mini-calendar color. I suggest color matching it to whatever image you use for the calendar, itself, and then picking colors that looks nice with it for the rest of the code.
❣️ hex code #0D7882 is the header color, used for one header and for the outline on in-line images. By default the template uses a color that is complimentary to the mini-calendar color, but you could really use anything!
❣️ hex code #8DBABF is our background color, used for all the bubbles. It's a lighter version of the header color.
❣️ hex code #171717 is a grayish black used for the date labels on each day tag. You can find-replace this hexcode to change the month, day, and weekday for every date card.
❣️ Any other colors in the code are, I'm pretty sure, just used as examples in the key section.
❣️ This code does have a credit at the very bottom. I'd love if you kept it in there, but you can delete it if you want.
I love to see what people have done with my codes, so drop me a comment with a link if you're using this code in a way you think is neat! If you're feeling generous, you can also donate to my ko-fi! I'm a freelancer, and while I will always provide free codes, we live in end-stage capitalist hell, and every little bit helps.
This code is compatible with insanejournal.
Wishing you all good health and happiness in 2022.
I'd like to say I was going for a more refined/fancy/classic-y look with DATED, but really what I mean is I had the sudden urge to use serif fonts. And everyone knows serif fonts are like classy. It honestly looks really good in grayscale (backgrounds for each date card set to #aaa), imo, but I've styled the template with some complimentary colors as in the example above. I started this code before Alboe Nu and then Alboe Nu possessed me for a week and a half lol, but I decided I wanted to get this fella done for NYE. So, here we are!
Anyway, DATED, like FEBRUARY 31, comes with a few options:
- An optional header, which includes:
- A mini-calendar that links to individual days on the pcal, allowing your players to quickly access specific dates, or to link a specific day externally.
- Space for a block of text that will wrap around the calendar. Good for general guidelines, or important notes for a given calendar.
- An "emoji key" with a variety of styled emoji suggestions.
- I think, technically, the headers from FEBRUARY 31 and DATED are interchangeable. Don't quote me on that. I didn't test it. But you may be able to swap them back and forth with a little editing of the top width and min-width values on each header.
- A simple date card with options to include a floating image.
- A base template with one of each day card.
- A 14-day template to make your life a little easier.
Here's your base code:
Code for a single, simple day card:
Code for a single day card with floating image:
Code for 14-day template:
HOW TO USE:
❣️ Mind those lj-raw tags!!
❣️ This code is mobile friendly and insanejournal friendly!
❣️ Everything is pretty clearly commented out, and can be duplicated by copy-pasting, or removed by deleting, the entire commented 'section' (everything between -- NAME -- and -- NAME END --, basically).
❣️ A quick note about the header on this one: it's set to flex-direction:row-reverse. This makes it so that on displays where the code scales small enough, the mini-calendar will always appear on top despite appearing to come after the calendar key information on a desktop. In the code, the mini-calendar does come first, and the key and summary come after.
❣️ This code was made to be used as a plot calendar or timeline, but you could easily use it for informational pages with a little bit of tweaking.
❣️ IMPORTANT: Look for instances of #MONTH# and change that to the abbreviation of your current month.
❣️ IMPORTANT: Look for the single instance of YYYY and fill that in for the year or delete it entirely to get rid of the year value on the calendar in the header.
❣️ IMPORTANT: Look for instances of DD and change that to the appropriate day on your date card. For single digit days, for best results, write them as 01, 02, 03, etc.
❣️ IMPORTANT: Look for instances of 'DAYDAY' and change that to the appropriate day of the week.
❣️ IMPORTANT: The mini-calendar by default is set up to be a 31 day month with the first starting on a Thursday. The mini-calendar is preeeetty cleanly laid out and shouldn't be too hard to update, but do remember to update it to reflect the proper month.
❣️ To add more day cards, simply copy paste additional cards where indicated in the code. There are comments marking that day cards should go below and above a certain point. Don't forget to update the DD value for each.
❣️ The keys are there as examples, please don't feel obligated to use them, or those emojis. You can customize that section or remove it entirely!
❣️ The text area in each day will scale automatically. No limit on length!
❣️ To change your calendar image, replace CAL_IMG_URL with an image URL.
❣️ To change the inset image, replace IMG_URL.
❣️ At the top of the code color:#000 establishes the primary font color for the whole code, which is black. You can change that hex code to change the standard color of all items.
❣️ hex code #82170d is our mini-calendar color. I suggest color matching it to whatever image you use for the calendar, itself, and then picking colors that looks nice with it for the rest of the code.
❣️ hex code #0D7882 is the header color, used for one header and for the outline on in-line images. By default the template uses a color that is complimentary to the mini-calendar color, but you could really use anything!
❣️ hex code #8DBABF is our background color, used for all the bubbles. It's a lighter version of the header color.
❣️ hex code #171717 is a grayish black used for the date labels on each day tag. You can find-replace this hexcode to change the month, day, and weekday for every date card.
❣️ Any other colors in the code are, I'm pretty sure, just used as examples in the key section.
❣️ This code does have a credit at the very bottom. I'd love if you kept it in there, but you can delete it if you want.
I love to see what people have done with my codes, so drop me a comment with a link if you're using this code in a way you think is neat! If you're feeling generous, you can also donate to my ko-fi! I'm a freelancer, and while I will always provide free codes, we live in end-stage capitalist hell, and every little bit helps.
This code is compatible with insanejournal.
Wishing you all good health and happiness in 2022.
no subject
no subject
no subject
no subject
no subject
no subject
no subject
no subject
There isn't really an easy way to achieve that, unfortunately. While it's almost certainly doable, the date card template would need to be rewritten from scratch (and the day label itself possibly moved on the design). 🤔
Can't promise a firm date yet, but I will add attempting to combine these two aesthetics into a new calendar code to my list of potential next projects. C:
no subject
no subject
no subject
IF YOU STILL WANT:
I'm fairly certain that the images for this particular code came from either pinterest or tumblr. Searching terms like "seamless looping gif" and "cinemagraph" will often turn up stuff like that. "scenic anime gif" also will net you some nice stuff. So, for this one I probably searched like "snowing anime gif" or something to that effect.
As for posting JUST the calendar:
That should do it!