laenavesse: (Default)
laenavesse ([personal profile] laenavesse) wrote in [community profile] efryndiel2021-04-19 06:26 pm

[ code ] thread tracker: collapsible details

tracker collapsible details


2021
January
1/01: thread type ⋙ blurb

1/02: toplevel ⋙ something something prompt liners, quick overview, list of people who responded if feeling detailed

1/03: character name ⋙ just giving a general feel of what a thread tracker might look like

1/04: log post ⋙ maybe will just have a bunch of one liners.

1/05: network ⋙ can pretty much do what you want and can also format stuff idk how detailed people actually get in their trackers. here have a
line break

1/06: open log ⋙ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum euismod mi ac ornare. Etiam vulputate libero in felis feugiat, non hendrerit lorem commodo. Pellentesque id vestibulum nisi, fringilla faucibus orci. Ut at cursus arcu. Integer ex ligula, hendrerit at tincidunt at, luctus quis eros. Suspendisse nisl orci, porta eget feugiat sed, pulvinar a justo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In venenatis tortor id dolor finibus commodo. Praesent ut orci ut elit malesuada iaculis. Nunc elementum purus in arcu consectetur fermentum.

1/07: ⋙ too wide? no worries you can adjust the width no problem

1/08: ⋙ you could also just have no line breaks and have everything single spaced

1/09: ⋙ don't forget to read the instructions

April
4/02: thread type ⋙ blurb

4/10: thread type ⋙ blurb

May
5/03: character name ⋙ blurb

5/22: event toplevel ⋙ blurb blurb blurb long blurb and then you can add html like a
line break and format things within the blrub like bold words or something idk

5/25: network ⋙ blurb blurb chatter accidental video

5/25: closed log ⋙ we know you're doing dirty things :shiftyeyes:

June
6/05: character name ⋙ blurb

September
9/01: character name ⋙ blurb

2020
January
date: thread type ⋙ blurb

February
date: thread type ⋙ blurb

March
date: thread type ⋙ blurb

April
date: thread type ⋙ blurb

May
date: thread type ⋙ blurb

June
date: thread type ⋙ blurb

July
date: thread type ⋙ blurb

August
date: thread type ⋙ blurb

September
date: thread type ⋙ blurb

October
date: thread type ⋙ blurb

November
date: thread type ⋙ blurb

December
date: thread type ⋙ blurb

2019
June
date: thread type ⋙ blurb

July
date: thread type ⋙ blurb

August
date: thread type ⋙ blurb

8/11: type ⋙ filler filler filler

September
date: thread type ⋙ blurb

9/28: type ⋙ filler filler filler

October
date: thread type ⋙ blurb

10/31: type ⋙ filler filler filler

November
date: thread type ⋙ blurb

11/05: type ⋙ filler filler filler

December
date: thread type ⋙ blurb

12/25: type ⋙ filler filler filler




about

This Thread Tracker is very simplistic compared to anything else I've done hah. Utilizing the collapsible cuts, the code is pretty straightforward and easy to update, but with trackers trying to keep up with everything and update can be annoying. So for those interested, I have made an automated script for this particular tracker. I've made it as easy to use as possible so that all anyone has to do is input their data and run it, but there are ways to customize it a little more.

Further instructions are detailed below within the cuts.

A small credit code is included, but any credit goes to [personal profile] laenavesse @ [community profile] efryndiel. Once again I must honor DimensionSlip for providing a base and concept for the automations and fun fact, the sorting methods are actually based of a script we used for the Taken lists in [community profile] empatheias and [community profile] forgottentales.


raw code instructions
» Pastebin for the raw code. You can save or c/p the code and edit it as you see fit: Thread Tracker: Collapsible Details

» The colors used are:

  • #ccaf64: year border
  • #806d3f: year id text
  • #eb8d52: year detail arrow
  • #69948f: month box shadow
  • #264b4d: month id text
  • #cba551: month detail arrow
  • #000000: month text
  • #93151b: link

year header width (%) 90
month width (%) 85
content width (%) 90
» The symbols provided are completely random and can be whatever you want.
» To add more "Month Pages" use the code between "MONTH CONTAINER" and "END MONTH CONTAINER". Same for adding years to the navigation, only you're looking for the YEAR CONTAINER and corresponding END YEAR CONTAINER header.
» Use <br /> tags for line breaks!
» You can adjust the width of the containers to be wider or shorter to fit your needs.



automated script and instructions
After reading about the raw code, you may be tempted to have something that could reduce the work for you. Google Spreadsheets allows the user to create app scripts, and with this tool it can take the data in the sheet and generate the code. With the number of threads you might have, this will make maintaining and organizing everything a breeze. If you want to make certain modifications, it's not difficult and quite easy, but it does require a few extra steps that those unfamiliar with how spreadsheets and coding work might find a little daunting at first. But the payoff is worth it.

There is even a script to let you preview the code within the spreadsheet! Handy.

Also, the generated code doesn't have any line breaks so it's...one giant mess. But since you're c/ping everything it shouldn't matter too much, ah ha... However, if it does matter to you there is HTML Formatter that will make it less of a giant blob! Just C/P the giant blob and it will reformat into something more legible.

Here is the spreadsheet. To save, Make a Copy of it for your own use: Thread Tracker: Collapsible Details

It's already "pre-filled" with random data for up to three years so you can see how it works. You're free to remove any of those extra years, it'll work with just one year just fine. Should you ever need to make a new year, just duplicate the Year Template and you're good to go.

I have included detailed instructions on how to do practically everything you could possibly do with the code with minimum risk. But if you have any questions or need help with modifications, just comment and I'll take a poke, even customize it for you if possible. However, I am not a professional, so my own abilities are limited.


Post a comment in response:

If you don't have an account you can create one now.
HTML doesn't work in the subject.
More info about formatting