Monthly Planner

[tesscodes]

December

MONTHLY PLANNER

PRIORITIES

Nulla varius ex et magna pharetra.

Vestibulum ante ipsum primis in faucibus orci luctus.

Sed purus urna, congue et viverra ac, cursus sed leo.

Phasellus ornare enim nec est vehicula.

TO DO LIST

✔

Checked item

✔

Checked item

 

Unchecked item

 

Unchecked item

WEEKLY GOALS

Week #1 - First week's goal

Week #2 - Second week's goal

Week #3 - Third week's goal

Week #4 - Fourth week's goal

QUICK LINKS Gamename activity sheet Post new entry @ gamename Event thread

NOTES

Nulla varius ex et magna pharetra, et tincidunt justo convallis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Sed purus urna, congue et viverra ac, cursus sed leo. Phasellus ornare enim nec est vehicula, eget tincidunt ex scelerisque. Duis nec massa eget ipsum porta interdum.

Information

Hey guys! This month we're squeezing in an extra post, because we could all use a little extra fun this year and the holidays are coming up! Whether seasonal depression is currently suiting up to kick your ass (me), or you just need help staying organized (...also me), I thought a monthly planner would be something new to bring to the table that I've never done before. All the help we can get, right guys?

These modules can easily be reordered for a different setup, duplicated, renamed, etc.! Anyway, enjoy! 💖

Update: 11.27.20 Small edit to correct the unchecked space; forgot to hardcode the   in the textarea version, LOL.

The Coding

<lj-raw><div style="max-width:800px;margin:0 auto;background:#F4F1EA;padding:60px;border:1px solid rgba(0,0,0,0.05);box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;font-family:calibri,sans-serif;font-size:13px;color:#111;line-height:1.3;"> <!--HEADER--> <div style="width:100%;text-align:center;line-height:0.9;font-family:times,serif;margin:0 0 5px 0;"> <i style="font-size:50px;color:#C19475;">Month</i> <div style="font-size:10px;letter-spacing:5px;">MONTHLY PLANNER</div> </div> <!--COLUMN #1--> <div style="width:calc(50% - 20px);"> <!--PRIORITIES--> <center style="background:#C19475;font-family:times,serif;color:#fff;font-size:10px;letter-spacing:5px;padding:8px;margin:30px 0 0 0;">PRIORITIES</center> <div style="background:rgba(0,0,0,0.05);padding:10px;margin:5px 0 0 0;"> Priority </div> <div style="background:rgba(0,0,0,0.05);padding:10px;margin:5px 0 0 0;"> Priority </div> <!--TO DO LIST--> <center style="background:#C19475;font-family:times,serif;color:#fff;font-size:10px;letter-spacing:5px;padding:8px;margin:30px 0 0 0;">TO DO LIST</center> <div style="border:1px solid #C19475;padding:10px 10px 0 10px;margin:5px 0 0 0;"> <div style="display:inline-block;width:20px;border-bottom:1px solid #C19475;color:#CDA58A;text-align:center;margin:0 5px 12px 0;">✔</div> Checked<br> <div style="display:inline-block;width:20px;border-bottom:1px solid #C19475;color:#CDA58A;text-align:center;margin:0 5px 12px 0;">&nbsp;</div> Unchecked<br> </div> </div> <!--COLUMN #2--> <div style="width:calc(50% - 20px);"> <!--GOALS--> <center style="background:#C19475;font-family:times,serif;color:#fff;font-size:10px;letter-spacing:5px;padding:8px;margin:30px 0 0 0;">WEEKLY GOALS</center> <div style="border-bottom:1px solid #C19475;padding:5px 10px 10px 10px;margin:5px 0 0 0;"><b style="color:#CDA58A;">Week #1 -</b> Goal </div> <div style="border-bottom:1px solid #C19475;padding:5px 10px 10px 10px;margin:5px 0 0 0;"><b style="color:#CDA58A;">Week #2 -</b> Goal </div> <div style="border-bottom:1px solid #C19475;padding:5px 10px 10px 10px;margin:5px 0 0 0;"><b style="color:#CDA58A;">Week #3 -</b> Goal </div> <div style="border-bottom:1px solid #C19475;padding:5px 10px 10px 10px;margin:5px 0 0 0;"><b style="color:#CDA58A;">Week #4 -</b> Goal </div> <!--QUICK LINKS--> <center style="background:#C19475;font-family:times,serif;color:#fff;font-size:10px;letter-spacing:5px;padding:8px;margin:30px 0 0 0;">QUICK LINKS</center> <a href="" style="display:block;text-decoration:none;background:rgba(0,0,0,0.05);padding:10px;margin:5px 0 0 0;color:#111;">Link</a> </div> <!--NOTES--> <center style="width:100%;background:#C19475;font-family:times,serif;color:#fff;font-size:10px;letter-spacing:5px;padding:8px;margin:35px 0 0 0;">NOTES</center> <div style="width:100%;background:rgba(0,0,0,0.05);padding:10px;margin:5px 0 0 0;"> Extra_notes </div> </div><div style="margin:5px auto 0 auto;max-width:800px;text-align:right;letter-spacing:4px;font-size:7px;font-family:calibri,sans-serif;"><a href="http://tessisamess.insanejournal.com/133837.html" style="color:#aaa;text-decoration:none;">CODING BY</a></div></lj-raw>

Editing Guide

Paste the coding into Notepad or similar and bring up Replace All (usually Ctrl+H) to replace values quickly and easily!

DIMENSIONS

800px - Width
60px - Container padding
50% - Each column width

FONTS

times,serif - Headings
calibri,sans-serif - Body text

COLORS

#fff

Module header text

#F4F1EA

Container background

#CDA58A

Checkmarks; weekly goal titles

#C19475

Month title; module header background; module borders

#111

Body text

rgba(0,0,0,0.05)

Container border; module info background

Terms of Use

♡ Do not remove credit.
♡ Do not redistribute my codes in part or in whole (posting a copy for players to use in your game is fine with a link to original post.)
♡ If you break something during editing, please feel free to drop me a comment and I'll help as best I can!
♡ I love seeing edits! This isn't a rule, but if you have a cool edit of one of my codes I'd love to see it!