Author Tools - Manuscript and Story Progress

Would you like to let your readers know at a glance where your manuscript is in the publishing process?  
What you'll need:
a page to put it on
(optional) a bit of CSS

Our examples:

Initiation - Liminal Chronicles Side Story Sample

Updated: 1/19/2021
Icon Key

To Do
In Progress

First Draft
First Draft Edits
Critique Partner Input
Second Draft Edits
Beta Reader Input
Beta Reader Edits
Cover Commision
To Editor
Editor's Edits
Sensitivity Reader

Misunderstandings - Liminal Chronicles Side Story Sample

Updated: 1/19/2021
Icon Key

To Do
In Progress

First Draft
First Draft Edits
Second Draft Edits

Setting Up the Statblock

  • Go to Author Tools - Manuscript and Story Progress and click the left bottom button that says 'Copy into (your world's name)'
  • Make a copy of the block
  • Go to your Tools->Statblocks and find your statblock.
  • Click 'Edit Sheet'. Fill in the fields.
  • 'To do' is the default.
  • What if I Don't Need All the Steps Listed on the Statblock?

    You can choose 'hide' in the dropdown list for a step to have it not show.
    Manuscript progress - hide option


    View and copy ('Copy Block') the statblock, then paste it into your page.
    Copy the block for use in your world


    The CSS classes setup in this block include:
  • .book-progress-block - Class for the overall block
  • .book-progress-key - Class for the symbol key
  • .book-progress-milestone - Class for the list of milestones in the process
  •   Here is the CSS code I used to create the statblock. So this is likely what you'll want to change.   .book-progress-block .far.fa-circle { color: white;}
    - the 'To Do' icon color   .book-progress-block .fas.fa-spinner {color: grey;}
    - the 'In Progress' icon color   .book-progress-block .far.fa-clock {color: yellow;}
    - the 'Waiting' icon color   .book-progress-block .fas.fa-check-circle {color: green;} - the 'Done' icon color
      .book-progress-key { color: white; background: #ffffff10; padding: 0px 10px 5px 10px; border-radius: 10px;} - The container for the icon key box   .book-progress-key p{ color: white;} - the color of the text in the key box   .book-progress-block h4, .book-progress-block h5 { color: white; padding-top: 15px; padding-bottom: 15px;} - the h4 and h5 headings - color of the text, and giving spacing above and below the headers  

    What If I Want to Edit the Process Steps Listed in the Block?

    Click 'Duplicate Block Template' and feel free to make your own version.
    Make a copy of the block
      I can't cover the steps for that. But feel free to read up about it. The code is pretty simple. And ask your questions in the WA discord's #custom-articles-and-statblocks-help.
    Guide to Block Templates
    Generic article | May 18, 2021
    I'd love to see your manuscript/story progress and what you do with the block! Let me know in the comments or a Discord DM. ;)

    For Guild Members

    Journeyman 30x30.png

    CSS modification is for guild members (Journeyman and above). If you're not subscribed at that level and wish to do so, you can on the membership page.

    (Journeyman icon property of World Anvil.)


    CSS Reference

    If you'd like to learn more about CSS, check out FreeCodeCamp and w3schools' CSS Reference.
    The WA Codex is a good place to start learning about how to play in WA.
    WA's discord #guild-css-help channel is also great. I hang out there just to learn from what people ask about.

    Cover image: Hacks and Help Cover by krzysztof-m


    Please Login in order to comment!
    22 Jan, 2021 00:41

    This is so pretty and useful. Thanks so much for all these resources! <3

    23 Jan, 2021 11:54

    Glad to share! I know I’m not the only one who wants to communicate about books in progress.

    Author of Rise: Liminal Chronicles |
    Powered by World Anvil