laenavesse (
laenavesse) wrote in
efryndiel2021-04-19 06:26 pm
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
Entry tags:
[ code ] thread 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
※ 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
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:
※ 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
September
2020
January
February
March
April
May
June
July
August
September
October
November
December
2019
June
July
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]](https://www.dreamwidth.org/img/silk/identity/user.png)
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
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.