This Thread Tracker is a simple notebook style that kind of matches my CR Notebook
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: Notebook
» The colors used are:
- #866a4c: navigation year text; navigation border; page header bg
- #f7f6f3: navigation month bg
- #804024: navigation month text; page link
- #efd2b2: navigation arrow; page header text
- #f9f9f7: page bg
- #d3cec0 : page bg line
- #3e2f22: page text
- #c2b59f: page border
» As mentioned the text will automatically "cut" or "hide" once it hits the limit.
» 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 BOX: YEAR and corresponding END header.
» When adding or removing pages, make sure the anchor tag (ex; <a name="jan2021">) matches the links for the Month pages on the navigation (ex; <a href="#jan2021">).
» Use <br /> tags for line breaks!
» You can adjust the height of the main container to be longer or shorter to fit your needs. Just be sure you change in the height in both the first container and the Notebook Page Container. The default is ex; 650px for both.
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: Notebook
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.
Tags: