hello!! i've been modifying your amazing life-saving scripts for my own personal use for ages, but i was wondering if i could commission you to set up a sheets thingy for a thread tracker code i set up that's a little bit more complicated than i'm used to because of all the moving parts. i just get lost in a sea of javascript which is a language i DO NOT SPEAK, and get scared and backflip out of there lol

BASICALLY if possible, i would like for it to have the same functionality as your cottagecore thread tracker but with this code i put together:

<raw-code> <div style="margin: 20px auto; width: 100%; max-width: 600px; font-family: 'helvetica neue', sans-serif; font-size: 13px; text-align: justify; box-sizing: content-box;"> <details open style="margin-bottom: 20px;"> <summary style="font-size: 0px;"> <div style="box-sizing: content-box; width: 100%; height: 60px; padding: 10px; background-image: url('https://images.plurk.com/70EcqpWUM6L7vff1RkD0QX.png'); background-size: cover; background-position: center center; color: #fff; font-weight: bold; font-size: 30px; text-align: center; display: flex; justify-content: center; align-items: center;"> <div> <div style="line-height: 1;">YEAR</div> <div style="font-size: 10px; font-family: courier new; letter-spacing: 2px;"><a href="PERMA AC LINK" style="text-decoration: none; color: #fff; font-weight: 400;">PERMANENT AC</a></div> </div> </summary> <details open> <summary style="font-size: 0px; cursor: pointer;"> <div style="margin-top: 10px; line-height: 1; text-align: left; font-size: 25px; font-weight: bold; color: #6d9175; text-transform: lowercase;">may</div> </summary> <!--- this is for a toplevel/entry which has multiple replies from different characters ---!> <div style="margin: 5px 0;"> <div><a href="link" style="color: #6d9175; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; font-family: courier;">01/01</a> » <b>threadtype</b></div> <div style="margin: 0px 20px;"><a href="THREAD LINK" style="color: #6d9175; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; font-family: courier;">character name</a> — blurb goes here.</div> <div style="margin: 0px 20px;"><a href="THREAD LINK" style="color: #6d9175; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; font-family: courier;">character name</a> — blurb goes here.</div> </div> <!--- end toplevel/entry with replies from diff characters ---!> <!--- this is the formatting for a tag-out or an inbox thread ---!> <div style="margin: 5px 0;"><a href="THREAD LINK" style="color: #6d9175; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; font-family: courier;">01/01</a> » <b>threadtype</b> with character name — blurb goes here.</div> <!--- end formatting for tag-out/inbox thread ---!> </details> <details open> <summary style="font-size: 0px; cursor: pointer;"> <div style="margin-top: 10px; line-height: 1; text-align: left; font-size: 25px; font-weight: bold; color: #6d9175; text-transform: lowercase;">june</div> </summary> threads go in here obviously lol </div> </details> </details> </div> </raw-code>

i don't need to be able to change the fonts/colours/etc, but if possible could i have a part on the spreadsheet where i can put in different image links to change the background pic on each year box?

in terms of the variables, if possible i would like for the years to be in the order of current/most recent year at the top (with the details set to open, and also the permanent ac link only needs to be on the current/most recent year) and then descending from there (e.g. 2024, 2023, 2022, etc., with earlier years' details closed), but then the months running chronologically within each year (e.g. jan, feb, march, in that order), with all their details set to open. i hope this makes sense and sorry in advance for this novel 😭