Word Goal Tracker
This is a simple tracker / log for a writing goal, mostly used for the NovelEmber event on World Anvil. You could also use it as a general word count tracker for whatever thing or event.
Inspired by the tracker on NaNoWriMo (despite recent events), I thought it would be nice to essentially have that, but embedded into a page here on World Anvil. So I made this silly thing.
I'd also recommend you always enter how many words you've written for each day, even if it's zero. It just makes it easier to keep track of which day it is, and shows people you / your world is still active, even if you didn't write anything for x amount of days. If you find bugs, let me know!
CSS
Tip: Using gradients will make it look even nicer! If you only want to change the tracker's progress bar (for whatever reason), then do this CSS:
(you could also just use the code above in the Article CSS)
I'd also recommend you always enter how many words you've written for each day, even if it's zero. It just makes it easier to keep track of which day it is, and shows people you / your world is still active, even if you didn't write anything for x amount of days. If you find bugs, let me know!
Getting the Statblock
Firstly, make a copy of the template in your world. Once you've clicked the button, you can close the tab.
You now have a copy of the template in your world's statblocks! This is a default template pre-filled for NovelEmber, so it already has 30 days and a total word goal of 50,000. You can change these to your goals, if they're different.
Copy Statblock
Statblock Details
Step 1
Go to your statblocks in the sidebar, and click on the newly created block.
It will be called "NovelEmber Template" and already have a few tags associated with it.
Reminder: Make sure you have RPG Features enabled under your Account Features!
It will be called "NovelEmber Template" and already have a few tags associated with it.
Reminder: Make sure you have RPG Features enabled under your Account Features!
Step 2
Rename the statblock and change its tags, too.
You can also change the Event Details, if they're different than what's already there.
You can also change the Event Details, if they're different than what's already there.
What a blank Word Goal Tracker looks like on a page:
Step 3
Once the event starts, you can log the words you wrote for whatever day it is.
You can also put links in, if your work is public. Each new line is a new link, so you can work on multiple things for the same goal and still share each one!
Tip: You can just hit the enter key to make a new line in the large textbox, it won't prematurely save the page!
Hit any save button when you're done.
You can also put links in, if your work is public. Each new line is a new link, so you can work on multiple things for the same goal and still share each one!
Tip: You can just hit the enter key to make a new line in the large textbox, it won't prematurely save the page!
Hit any save button when you're done.
It will individually separate the links based on the newline break and make a list on the card. Links will always open in a new tab.
Here's what it looks like:
Here's what it looks like:
Styling
Style the tracker with CSS to fit your world better!I recommend putting this code in your world's CSS and not the article CSS, especially if you plan on using the tracker multiple times / on multiple pages. Same thing goes for the progress bar styling.
.user-css .template-word_goal_tracker-nulcheck-208 .card .card-header {
background: #HEXColor;
}
.user-css .template-word_goal_tracker-nulcheck-208 .card {
background: #HEXColor;
}
You can use whatever color you want for the header and body of each day. You can also change the text color and fonts here, and it'll change across all the days.
Progress Bar Styling
I use the default progress bar from Bootstrap in the tracker, so if you change progress bars across your whole site (like I do), they should also change for the tracker..user-css .progress-bar { background: #HEXColor; }This will change all progress bars across your site.
Tip: Using gradients will make it look even nicer! If you only want to change the tracker's progress bar (for whatever reason), then do this CSS:
(you could also just use the code above in the Article CSS)
.user-css .template-word_goal_tracker-nulcheck-208 .progress-bar { background: whatevercolor; }
Using the Statblock
You can embed the statblock into a page for your and / or everyone else's viewing pleasure. If you make event pages in your world to track your progress for the event, this is a perfect place to put it!
I recommend putting this in the Full width Footer section, if you have stuff in the article's sidebar.
View it on a live page:
View it on a live page:
Comments