where the butterfly goes

2023

January

ღ 2/06 : Log » this tracker has a lot of different options! and many ways to customize! it does have a "manual c/p" version if the spreadsheet is too overwhelming for those not familiar with googlesheets or don't need all the bells and whistles

» { character } you can do custom formatting with your info, such as using italics or other html formatting codes
» { character } the neat thing about this sheet is it will keep a tally of your comments or points, which is handy for games that use rewards

ღ 2/10 » { character } this sheet has "just the tracker" version and there is a "rewards" version. since every game has a different format, please contact me so i can set one up for your game specifically

February

ღ 3/14: Network » { character } leaving fields blank is totally fine. don't like the "TYPE" column? just clear out the example values and right click > hide the column
ღ 3/14: Network » { character } same with the "COM#", "STATUS", and "USED" columns. You can hide the "COM#" column and toggle comments to be invisible or shown, but you can delete the "STATUS" and "USED" columns as they aren't used the code.
ღ 3/19 : Network » i just randomly colored the empty squares to make it look nice you can always reset that back to white or change it

» { character } the "STYLE" sheet has a lot of fields to customize. the "MONTHS" sheet is where you put in all the cool customization for the month headers. if you want to make the header blank, just leave the field empty.
» { character } blurb blurb blurb blurby blurb

March

ღ 4/03: Network » { character } now i just have a lot of blurbs blah blah blah blah blah
ღ 4/12: Log » { character } blah blah blah blah
ღ 4/15: Inbox » { character } it's for testing stuff so you can preview before clearing out everything
ღ 4/20: Log » { character } lalalalalalala

April

ღ 5/01 : Log » these are all collapsible by the way, just click on the month headers or click on the screenshot below

SELECT MONTH

February

March

April

about & instructions
This is a fully automated calendar that uses Google Sheets to generate a calendar that will fit whatever needs you have. It's a simple design, but can be customized if you know what to do (I can also help change things if needed). The main draw is being able to not only display a calendar, but also maintain it without having to dig into the code and update it manually all the time. You can color the cells and it will be the same on the code. You can also customize the calendar so that you can put unique Month headers or Days if you have custom labeled calendar. It is based off the Gregorian 7x5 (with occasional 7x6) grid, but not impossible to change to something different. This will work for any year by adjusting the Starting Day settings, and will also work for leap years.

Here are some screenshots: Spreadsheet; Preview. For a live example, I used this for songerein here, and our spreedsheet looks like this.

To save, Make a Copy of the spreadsheet for your own use. It's already "pre-filled" with random data so you can see how it works. When you run it for the first time, you'll have to accept permissions (it's safe as everything is local to your machine). Just follow the instructions that pop up and then you'll be able to run it.

• Calendar

The generated code doesn't have any line breaks so it's one giant mess. Since you're c/ping everything it shouldn't matter too much, however, there is HTML Formatter and other HTML formatters that will make it less of a giant blob! Just C/P the giant blob and it will reformat into something more legible.

I have included detailed instructions on how to work the sheet. 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.

As a side note, for those who use Tessisamess's calendar code, I have it scripted for this, as well. I just don't have a public release version since the calendar code is not mine and I feel a little awkward publicly releasing scripts for other codes. It does have credits for both Tess and myself. If you wish to have a scripted version of that code, just hit me up and I'll send it over.

A small credit code is included, but any credit goes to laenavesse @ efryndiel. Although not necessary, I do accept tips on ko-fi! For this script in particular, I'd really appreciate any from those who use it since it was a beast to create. I can also do script commissions for other codes!

about
This Image Board or image gallery is very simple and straightforward, yet super flexible for how you might to display images. The main div is dynamic and is set to fill the entire page, and the images will shift and adjust to fit. This means that it may look different depending on the size of the browser window. Although what's displayed has the images rotated at various angles, they could all be set to straight instead. It's easy to move images around to suit one's needs as well as changing the widths. Styled like a "pin board," it has a very "free floating" kind of appearance. It also includes alt text so you can add descriptions or image credits on hover. The images are also thumbnails that will open to the original sized file when clicked.

Although this is pretty simple to update manually, I have made an automated script that will make it easier to update the images and change overall styles. 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 laenavesse @ efryndiel. Although not necessary, I do accept tips now on ko-fi!

raw code instructions

» Pastebin for the raw code. You can save or c/p the code and edit it as you see fit: Image Board: Pin Board

» The colors used are:

• #f4f3ef: main div (board) bg color
  
• #866a4c: main div (board) border color
  
• #948659: image border color
  
• #d5d5d5: box shadow color for both main div (board) and images
  
• #804024: header text

» Just copy the image code to add new images. No need for line breaks or anything, it's designed to flow and wrap automatically. All images are also aligned to be centered. Images can be ordered any way you want, though you may want to keep in mind how images of different heights will look against each other.

» You can change the widths of the images to be whatever you want, though it's recommended to be between 200px-300px. 300+px works well for wider, horizontal images. But they can really be whatever you want depending on the kind of look or purpose you're going for!

» You can change the border color of each image to give a more colorful look.

» The code that rotates the image is transform: rotate(#deg);. If you want the image to be straight, you can just remove this value completely (in the automation, you would set the value to "0"). Negative values rotate the image counterclockwise, positive values rotate it clockwise. I would suggest being in the range between -10 and 10 for subtle tilts.

» Adjust the box-shadow color if changing the main div (board) color so that it can pop better if the default doesn't work well.

» For the minimum width (min-width) of the main div, I would suggest making it 50px wider than the biggest image. Because the div is dynamic, when the browser is screen is downsized it will automatically change and the images with flow to fit (mostly so it still looks decent on mobile). So if your largest image is 300px wide, the main div should be 350px. The code is currently set to 350px.

» I have the maximum width (max-width) of the main div set at 100%, but this can be changed to whatever you want. In the automation script, you'll need to specify if the value is a percentage (ex, 90%) or absolute value (ex, 750px). The "%" or the "px" need to be included!

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 Sheets 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 images you might have, this will make maintaining and organizing everything a breeze. If you want to make certain modifications, it's not too difficult, but it does require a few extra steps that may seem daunting to those not familiar with how coding or Google Sheets work. 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.

I have two versions of the spreadsheets, one the more basic one and one that is already modified to allow custom border colors for individual images. To save, Make a Copy of it for your own use.

• Image Gallery: Pin Board v. Basic Default
  
• Image Gallery: Pin Board v. Custom Image Border Colors

It's already "pre-filled" with random data so you can see how it works.

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.

about & instructions
This particular tracker is designed for isleofavalon as it includes the submission for for the rewards. There are two versions. 1) Default: tracker starts at year 2021; 2) 2020: tracker includes 2020 for the old vets. This tracker CAN double up and be used with my automated thread trackers, but these particular ones just generate the submission form. If you'd like it to be merged with a thread tracker, I'll be happy to help.

Credit goes to laenavesse @ efryndiel.


To save the spreadsheet, Make a Copy of the spreadsheet of your choice for your own use: Default (2021) | 2020

It's already "pre-filled" with random data so you can see how it works. You can even use just one sheet for all your years instead of separating them out.

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. Otherwise, this is mostly working with the spreadsheet itself, so there's a lot of freedom to work with it.

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 laenavesse @ 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 empatheias and 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.