www.pocketgrimoire.co.uk
Open in
urlscan Pro
188.114.96.3
Public Scan
Submitted URL: http://www.pocketgrimoire.co.uk/
Effective URL: https://www.pocketgrimoire.co.uk/en_GB/
Submission: On June 30 via api from US — Scanned from NL
Effective URL: https://www.pocketgrimoire.co.uk/en_GB/
Submission: On June 30 via api from US — Scanned from NL
Form analysis 8 forms found in the DOM
<form id="select-edition-form" enctype="multipart/form-data">
<ul class="no-list mb-4">
<li>
<label for="edition-tb" class="radio">
<span class="radio__wrapper">
<input type="radio" name="edition" value="tb" id="edition-tb" class="radio__input" required="">
<span class="radio__render"></span>
</span>
<span class="radio__label">Trouble Brewing</span>
</label>
</li>
<li>
<label for="edition-bmr" class="radio">
<span class="radio__wrapper">
<input type="radio" name="edition" value="bmr" id="edition-bmr" class="radio__input">
<span class="radio__render"></span>
</span>
<span class="radio__label">Bad Moon Rising</span>
</label>
</li>
<li>
<label for="edition-snv" class="radio">
<span class="radio__wrapper">
<input type="radio" name="edition" value="snv" id="edition-snv" class="radio__input">
<span class="radio__render"></span>
</span>
<span class="radio__label">Sects and Violets</span>
</label>
</li>
<li>
<label for="edition-custom" class="radio">
<span class="radio__wrapper">
<input type="radio" name="edition" value="custom" id="edition-custom" class="radio__input">
<span class="radio__render"></span>
</span>
<span class="radio__label">Custom Script</span>
</label>
</li>
</ul>
<div id="custom-script" class="mb-4" hidden="">
<p>Upload a custom script, enter the URL of a custom script, or paste the JSON directly. <strong>Only load custom JSON files from sources that you trust!</strong></p>
<p>
<label for="custom-script-upload">Upload a custom script</label>
<span class="file-upload">
<input type="file" class="file-upload__input" name="custom-script-upload" id="custom-script-upload" accept="application/json">
<span class="file-upload__render" aria-hidden="true" data-placeholder="Choose file" data-value="Browse" data-button="Browse"></span>
</span>
</p>
<p>
<label for="custom-script-url">Enter a URL</label>
<input type="url" name="custom-script-url" id="custom-script-url" class="input" placeholder="https://www.example.com/script.json" data-no-store="">
</p>
<p>
<label for="custom-script-paste">Paste from clipboard</label>
<textarea name="custom-script-paste" id="custom-script-paste" class="input" placeholder="["washerwoman","investigator","librarian","chef"]"></textarea>
</p>
</div>
<p>
<button type="submit" class="button">
<span class="button__text">Select</span>
<span class="button__loader" role="progressbar" aria-valuetext="Loading" aria-busy="false" aria-live="assertive" aria-valuemin="0" aria-valuemax="1">
<span class="loader" aria-hidden="true"></span>
</span>
</button>
</p>
</form><form id="player-select">
<div class="breakdown">
<table class="breakdown__table breakdown__table--highlighted" id="breakdown-table">
<caption class="sr-only">The numbers of each team for the number of players.</caption>
<tbody>
<tr class="breakdown__row breakdown__row--players">
<th scope="row" class="breakdown__heading">Players</th>
<th scope="col" class="breakdown__cell js--breakdown--cell" data-count="5">5</th>
<th scope="col" class="breakdown__cell js--breakdown--cell" data-count="6">6</th>
<th scope="col" class="breakdown__cell js--breakdown--cell is-count" data-count="7">7</th>
<th scope="col" class="breakdown__cell js--breakdown--cell" data-count="8">8</th>
<th scope="col" class="breakdown__cell js--breakdown--cell" data-count="9">9</th>
<th scope="col" class="breakdown__cell js--breakdown--cell" data-count="10">10</th>
<th scope="col" class="breakdown__cell js--breakdown--cell" data-count="11">11</th>
<th scope="col" class="breakdown__cell js--breakdown--cell" data-count="12">12</th>
<th scope="col" class="breakdown__cell js--breakdown--cell" data-count="13">13</th>
<th scope="col" class="breakdown__cell js--breakdown--cell" data-count="14">14</th>
<th scope="col" class="breakdown__cell js--breakdown--cell" data-count="15">15+</th>
</tr>
<tr class="breakdown__row breakdown__row--townsfolk">
<th scope="row" class="breakdown__heading">Townsfolk</th>
<td class="breakdown__cell js--breakdown--cell">3</td>
<td class="breakdown__cell js--breakdown--cell">3</td>
<td class="breakdown__cell js--breakdown--cell is-count">5</td>
<td class="breakdown__cell js--breakdown--cell">5</td>
<td class="breakdown__cell js--breakdown--cell">5</td>
<td class="breakdown__cell js--breakdown--cell">7</td>
<td class="breakdown__cell js--breakdown--cell">7</td>
<td class="breakdown__cell js--breakdown--cell">7</td>
<td class="breakdown__cell js--breakdown--cell">9</td>
<td class="breakdown__cell js--breakdown--cell">9</td>
<td class="breakdown__cell js--breakdown--cell">9</td>
</tr>
<tr class="breakdown__row breakdown__row--outsider">
<th scope="row" class="breakdown__heading">Outsiders</th>
<td class="breakdown__cell js--breakdown--cell">0</td>
<td class="breakdown__cell js--breakdown--cell">1</td>
<td class="breakdown__cell js--breakdown--cell is-count">0</td>
<td class="breakdown__cell js--breakdown--cell">1</td>
<td class="breakdown__cell js--breakdown--cell">2</td>
<td class="breakdown__cell js--breakdown--cell">0</td>
<td class="breakdown__cell js--breakdown--cell">1</td>
<td class="breakdown__cell js--breakdown--cell">2</td>
<td class="breakdown__cell js--breakdown--cell">0</td>
<td class="breakdown__cell js--breakdown--cell">1</td>
<td class="breakdown__cell js--breakdown--cell">2</td>
</tr>
<tr class="breakdown__row breakdown__row--minion">
<th scope="row" class="breakdown__heading">Minions</th>
<td class="breakdown__cell js--breakdown--cell">1</td>
<td class="breakdown__cell js--breakdown--cell">1</td>
<td class="breakdown__cell js--breakdown--cell is-count">1</td>
<td class="breakdown__cell js--breakdown--cell">1</td>
<td class="breakdown__cell js--breakdown--cell">1</td>
<td class="breakdown__cell js--breakdown--cell">2</td>
<td class="breakdown__cell js--breakdown--cell">2</td>
<td class="breakdown__cell js--breakdown--cell">2</td>
<td class="breakdown__cell js--breakdown--cell">3</td>
<td class="breakdown__cell js--breakdown--cell">3</td>
<td class="breakdown__cell js--breakdown--cell">3</td>
</tr>
<tr class="breakdown__row breakdown__row--demon">
<th scope="row" class="breakdown__heading">Demons</th>
<td class="breakdown__cell js--breakdown--cell">1</td>
<td class="breakdown__cell js--breakdown--cell">1</td>
<td class="breakdown__cell js--breakdown--cell is-count">1</td>
<td class="breakdown__cell js--breakdown--cell">1</td>
<td class="breakdown__cell js--breakdown--cell">1</td>
<td class="breakdown__cell js--breakdown--cell">1</td>
<td class="breakdown__cell js--breakdown--cell">1</td>
<td class="breakdown__cell js--breakdown--cell">1</td>
<td class="breakdown__cell js--breakdown--cell">1</td>
<td class="breakdown__cell js--breakdown--cell">1</td>
<td class="breakdown__cell js--breakdown--cell">1</td>
</tr>
</tbody>
</table>
</div>
<div class="range mb-4">
<label for="player-count" class="range__label">Number of players</label>
<input type="range" name="player-count" id="player-count" class="range__input" min="5" max="15" step="1" value="7" data-output="#player-count-output" style="--size: 20;">
<output id="player-count-output" class="range__output">7</output>
</div>
<div class="switch mb-4">
<span class="switch__input">
<span class="toggle-switch">
<input type="checkbox" class="toggle-switch__input" name="toggle-abilities" id="toggle-abilities" checked="">
<span class="toggle-switch__render" aria-hidden="true"></span>
</span>
</span>
<label for="toggle-abilities" class="switch__label">Show character abilities</label>
</div>
<div class="switch mb-4">
<span class="switch__input">
<span class="toggle-switch">
<input type="checkbox" class="toggle-switch__input" name="toggle-duplicates" id="toggle-duplicates">
<span class="toggle-switch__render" aria-hidden="true"></span>
</span>
</span>
<label for="toggle-duplicates" class="switch__label">Allow duplicate characters</label>
</div>
<p><button type="button" class="button" id="player-select-random">Highlight random</button></p>
<fieldset class="sidebar character-select__group is-hide-duplicates" data-team="townsfolk">
<legend class="sr-only">Townsfolk</legend>
<div class="sidebar__side character-select__score">
<div class="sidebar__side-content character-select__heading">
<div class="character-select__title" aria-hidden="true">Townsfolk</div>
<div class="character-select__score-box">
<span class="js--character-select--count">0</span>
<span class="character-select__score-seperator" data-vertical="-" data-horizontal="|"></span>
<span class="js--character-select--total">5</span>
</div>
</div>
</div>
<div class="sidebar__body">
<div class="character-select__characters js--character-select--list"></div>
</div>
</fieldset>
<fieldset class="sidebar character-select__group is-hide-duplicates" data-team="outsider">
<legend class="sr-only">Outsiders</legend>
<div class="sidebar__side character-select__score">
<div class="sidebar__side-content character-select__heading">
<div class="character-select__title" aria-hidden="true">Outsiders</div>
<div class="character-select__score-box">
<span class="js--character-select--count">0</span>
<span class="character-select__score-seperator" data-vertical="-" data-horizontal="|"></span>
<span class="js--character-select--total">0</span>
</div>
</div>
</div>
<div class="sidebar__body">
<div class="character-select__characters js--character-select--list"></div>
</div>
</fieldset>
<fieldset class="sidebar character-select__group is-hide-duplicates" data-team="minion">
<legend class="sr-only">Minions</legend>
<div class="sidebar__side character-select__score">
<div class="sidebar__side-content character-select__heading">
<div class="character-select__title" aria-hidden="true">Minions</div>
<div class="character-select__score-box">
<span class="js--character-select--count">0</span>
<span class="character-select__score-seperator" data-vertical="-" data-horizontal="|"></span>
<span class="js--character-select--total">1</span>
</div>
</div>
</div>
<div class="sidebar__body">
<div class="character-select__characters js--character-select--list"></div>
</div>
</fieldset>
<fieldset class="sidebar character-select__group is-hide-duplicates" data-team="demon">
<legend class="sr-only">Demons</legend>
<div class="sidebar__side character-select__score">
<div class="sidebar__side-content character-select__heading">
<div class="character-select__title" aria-hidden="true">Demons</div>
<div class="character-select__score-box">
<span class="js--character-select--count">0</span>
<span class="character-select__score-seperator" data-vertical="-" data-horizontal="|"></span>
<span class="js--character-select--total">1</span>
</div>
</div>
</div>
<div class="sidebar__body">
<div class="character-select__characters js--character-select--list"></div>
</div>
</fieldset>
<fieldset class="sidebar character-select__group is-hide-duplicates" data-team="traveller">
<legend class="sr-only">Travellers</legend>
<div class="sidebar__side character-select__score">
<div class="sidebar__side-content character-select__heading">
<div class="character-select__title" aria-hidden="true">Travellers</div>
<div class="character-select__score-box">
<span class="js--character-select--count">0</span>
<span class="character-select__score-seperator" data-vertical="-" data-horizontal="|"></span>
<span class="js--character-select--total">X</span>
</div>
</div>
</div>
<div class="sidebar__body">
<div class="character-select__characters js--character-select--list"></div>
</div>
</fieldset>
<p>
<label for="token-layout">Layout</label>
<select name="token-layout" id="token-layout" class="input">
<option value="ellipse">Ellipse</option>
<option value="diagonal">Diagonal</option>
<option value="horizontal">Horizontal</option>
<option value="vertical">Vertical</option>
</select>
</p>
<input type="text" name="validation" id="player-select-validation" class="sr-only" aria-label="Validation" aria-description="This field exists just to aid with validation">
<ul class="button-list">
<li><button type="submit" class="button button--full-height">Draw Characters</button></li>
<li><button type="submit" class="button button--full-height" id="player-select-all">Add All</button></li>
</ul>
</form><form id="character-decision-form">
<div id="character-decision-wrapper" class="mb-4"></div>
<p id="character-decision-ability"></p>
<p>
<label for="player-name" class="d-block text-small">Name yourself (optional)</label>
<input type="text" class="input" name="player-name" id="player-name" list="player-name-options">
</p>
<datalist id="player-name-options"></datalist>
<p><button type="submit" class="button" data-dialog-hide="">Return to Character Select</button></p>
</form><form id="cache-form">
<p>
<span class="switch ">
<span class="switch__input">
<span class="toggle-switch">
<input type="checkbox" class="toggle-switch__input" name="clear-all" id="clear-all" checked="">
<span class="toggle-switch__render" aria-hidden="true"></span>
</span>
</span>
<label for="clear-all" class="switch__label">Clear everything</label>
</span>
<small class="d-block">Turning this off will allow individual parts of the cache to be cleared.</small>
</p>
<ul id="clear-individual" class="no-list mb-4 p-2 bd-dark" hidden="">
<li>
<div class="switch ">
<span class="switch__input">
<span class="toggle-switch">
<input type="checkbox" class="toggle-switch__input" name="clear" id="clear-lookup" value="lookup" checked="">
<span class="toggle-switch__render" aria-hidden="true"></span>
</span>
</span>
<label for="clear-lookup" class="switch__label">Clear data</label>
</div>
<small class="d-block">The data for the jinxes, team breakdown, and character information.</small>
</li>
<li>
<div class="switch ">
<span class="switch__input">
<span class="toggle-switch">
<input type="checkbox" class="toggle-switch__input" name="clear" id="clear-characters" value="characters" checked="">
<span class="toggle-switch__render" aria-hidden="true"></span>
</span>
</span>
<label for="clear-characters" class="switch__label">Clear edition</label>
</div>
<small class="d-block">The edition, or script, that's been selected and loaded.</small>
</li>
<li>
<div class="switch ">
<span class="switch__input">
<span class="toggle-switch">
<input type="checkbox" class="toggle-switch__input" name="clear" id="clear-tokens" value="tokens" checked="">
<span class="toggle-switch__render" aria-hidden="true"></span>
</span>
</span>
<label for="clear-tokens" class="switch__label">Clear tokens</label>
</div>
<small class="d-block">The position of the tokens in the grimoire.</small>
</li>
<li>
<div class="switch ">
<span class="switch__input">
<span class="toggle-switch">
<input type="checkbox" class="toggle-switch__input" name="clear" id="clear-inputs" value="inputs" checked="">
<span class="toggle-switch__render" aria-hidden="true"></span>
</span>
</span>
<label for="clear-inputs" class="switch__label">Clear inputs</label>
</div>
<small class="d-block">User settings for this website.</small>
</li>
<li>
<div class="switch ">
<span class="switch__input">
<span class="toggle-switch">
<input type="checkbox" class="toggle-switch__input" name="clear" id="clear-details" value="details" checked="">
<span class="toggle-switch__render" aria-hidden="true"></span>
</span>
</span>
<label for="clear-details" class="switch__label">Clear open/closed</label>
</div>
<small class="d-block">Which sections are open or closed.</small>
</li>
<li>
<div class="switch ">
<span class="switch__input">
<span class="toggle-switch">
<input type="checkbox" class="toggle-switch__input" name="clear" id="clear-infoTokens" value="infoTokens" checked="">
<span class="toggle-switch__render" aria-hidden="true"></span>
</span>
</span>
<label for="clear-infoTokens" class="switch__label">Clear custom info tokens</label>
</div>
<small class="d-block">The custom info tokens that have been added.</small>
</li>
<li>
<div class="switch ">
<span class="switch__input">
<span class="toggle-switch">
<input type="checkbox" class="toggle-switch__input" name="clear" id="clear-names" value="names" checked="">
<span class="toggle-switch__render" aria-hidden="true"></span>
</span>
</span>
<label for="clear-names" class="switch__label">Clear names</label>
</div>
<small class="d-block">The player names suggestions.</small>
</li>
<li>
<div class="switch ">
<span class="switch__input">
<span class="toggle-switch">
<input type="checkbox" class="toggle-switch__input" name="clear" id="clear-height" value="height" checked="">
<span class="toggle-switch__render" aria-hidden="true"></span>
</span>
</span>
<label for="clear-height" class="switch__label">Clear pad height</label>
</div>
<small class="d-block">The height of the pad in the grimoire.</small>
</li>
</ul>
<p>
<span class="switch ">
<span class="switch__input">
<span class="toggle-switch">
<input type="checkbox" class="toggle-switch__input" name="clear-refresh" id="clear-refresh" checked="">
<span class="toggle-switch__render" aria-hidden="true"></span>
</span>
</span>
<label for="clear-refresh" class="switch__label">Refresh afterwards</label>
</span>
<small class="d-block">Refreshing will load in new data for anything that's been cleared.</small>
</p>
<p id="token-warning"><small><strong>Warning:</strong> any tokens that have been placed on the grimoire will be forgotten.</small></p>
<p id="info-token-warning"><small><strong>Warning:</strong> any custom info tokens will be forgotten.</small></p>
<p><button type="submit" class="button">Clear Cache</button></p>
</form><form id="locale-form" class="locale-form locale-form--setup">
<label for="select-locale" class="locale-form__label">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" aria-labelledby="language-icon"
class="locale-form__label-icon"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<title id="language-icon">Language</title>
<path style="fill: currentColor;"
d="M0 128C0 92.7 28.7 64 64 64H256h48 16H576c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H320 304 256 64c-35.3 0-64-28.7-64-64V128zm320 0V384H576V128H320zM178.3 175.9c-3.2-7.2-10.4-11.9-18.3-11.9s-15.1 4.7-18.3 11.9l-64 144c-4.5 10.1 .1 21.9 10.2 26.4s21.9-.1 26.4-10.2l8.9-20.1h73.6l8.9 20.1c4.5 10.1 16.3 14.6 26.4 10.2s14.6-16.3 10.2-26.4l-64-144zM160 233.2L179 276H141l19-42.8zM448 164c11 0 20 9 20 20v4h44 16c11 0 20 9 20 20s-9 20-20 20h-2l-1.6 4.5c-8.9 24.4-22.4 46.6-39.6 65.4c.9 .6 1.8 1.1 2.7 1.6l18.9 11.3c9.5 5.7 12.5 18 6.9 27.4s-18 12.5-27.4 6.9l-18.9-11.3c-4.5-2.7-8.8-5.5-13.1-8.5c-10.6 7.5-21.9 14-34 19.4l-3.6 1.6c-10.1 4.5-21.9-.1-26.4-10.2s.1-21.9 10.2-26.4l3.6-1.6c6.4-2.9 12.6-6.1 18.5-9.8l-12.2-12.2c-7.8-7.8-7.8-20.5 0-28.3s20.5-7.8 28.3 0l14.6 14.6 .5 .5c12.4-13.1 22.5-28.3 29.8-45H448 376c-11 0-20-9-20-20s9-20 20-20h52v-4c0-11 9-20 20-20z">
</path>
</svg>
</label>
<select name="select-locale" id="select-locale" class="input locale-form__dropdown" data-no-store="">
<option value="/de_DE/" lang="de-DE" dir="ltr">Deutsch</option>
<option value="/en_GB/" lang="en-GB" dir="ltr" selected="">English</option>
<option value="/es_ES/" lang="es-ES" dir="ltr">Español</option>
<option value="/es_AR/" lang="es-AR" dir="ltr">Español argentino</option>
<option value="/fr_FR/" lang="fr-FR" dir="ltr">Français</option>
<option value="/it_IT/" lang="it-IT" dir="ltr">Italiana</option>
<option value="/kv_RU-KO/" lang="kv-RU-KO" dir="ltr">коми кыв</option>
<option value="/nb_NO/" lang="nb-NO" dir="ltr">Norsk bokmål</option>
<option value="/nn_NO/" lang="nn-NO" dir="ltr">Norsk nynorsk</option>
<option value="/pt_BR/" lang="pt-BR" dir="ltr">Português brasileiro</option>
<option value="/ru_RU/" lang="ru-RU" dir="ltr">Русский</option>
<option value="/th_TH/" lang="th-TH" dir="ltr">ภาษาไทย</option>
<option value="/sl_SI/" lang="sl-SI" dir="ltr">Slovenščina</option>
<option value="/sv_SE/" lang="sv-SE" dir="ltr">Svenska</option>
<option value="/uk_UA/" lang="uk-UA" dir="ltr">українська</option>
<option value="/vi_VI/" lang="vi-VI" dir="ltr">Tiếng việt</option>
<option value="/ja_JP/" lang="ja-JP" dir="ltr">日本語</option>
<option value="/zh_CN/" lang="zh-CN" dir="ltr">简体中文</option>
<option value="/zh_TW/" lang="zh-TW" dir="ltr">繁體中文</option>
<option value="/he_IL/" lang="he-IL" dir="rtl">עִברִית</option>
</select>
<button type="submit" class="button locale-form__action">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-labelledby="tick-icon"
class="locale-form__icon"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
<title id="tick-icon">Set Language</title>
<path style="fill: currentColor;"
d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z">
</path>
</svg>
</button>
</form><form class="settable-title bluffs__heading pad__title">
<h3 class="settable-title__title bluffs__title js--settable-title--title">Demon Bluffs</h3>
<input type="text" class="settable-title__input bluffs__input js--settable-title--input" list="bluffs-title-list" hidden="">
<datalist id="bluffs-title-list">
<option value="Demon Bluffs" class="js--settable-title--start">
</option>
<option value="Demon Bluffs" class="js--settable-title--previous">
</option>
</datalist>
<button type="button" class="bluffs__remove no-btn js--demon-bluffs--remove" aria-label="Remove">
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"
aria-hidden="true"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path style="fill: currentColor;"
d="M135.2 17.7C140.6 6.8 151.7 0 163.8 0H284.2c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32h96l7.2-14.3zM32 128H416V448c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V128zm96 64c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16z">
</path>
</svg>
</button>
</form><form class="settable-title bluffs__heading pad__title">
<h3 class="settable-title__title bluffs__title js--settable-title--title">Demon Bluffs</h3>
<input type="text" class="settable-title__input bluffs__input js--settable-title--input" list="bluffs-title-list" hidden="">
<datalist id="bluffs-title-list">
<option value="Demon Bluffs" class="js--settable-title--start">
</option>
<option value="Demon Bluffs" class="js--settable-title--previous">
</option>
</datalist>
<button type="button" class="bluffs__remove no-btn js--demon-bluffs--remove" aria-label="Remove">
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"
aria-hidden="true"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path style="fill: currentColor;"
d="M135.2 17.7C140.6 6.8 151.7 0 163.8 0H284.2c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32h96l7.2-14.3zM32 128H416V448c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V128zm96 64c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16z">
</path>
</svg>
</button>
</form><form class="settable-title" data-multiple="Characters">
<span class="settable-title__title js--settable-title--title">Token</span>
<input type="text" class="settable-title__input settable-title__input--full js--settable-title--input" list="token-title-list" hidden="">
<datalist id="token-title-list">
<option value="Token" class="js--settable-title--start">
</option>
<option value="Token" class="js--settable-title--previous">
</option>
<option value="Characters">
</option>
<option value="Demon Bluffs">
</option>
</datalist>
</form>Text Content
POCKET GRIMOIRE
SETUP
* Select Edition
SELECT EDITION
×
* Trouble Brewing
* Bad Moon Rising
* Sects and Violets
* Custom Script
Upload a custom script, enter the URL of a custom script, or paste the JSON
directly. Only load custom JSON files from sources that you trust!
Upload a custom script
Enter a URL
Paste from clipboard
Select
* Select Characters
SELECT CHARACTERS
×
The numbers of each team for the number of players. Players 5 6 7 8 9 10 11
12 13 14 15+ Townsfolk 3 3 5 5 5 7 7 7 9 9 9 Outsiders 0 1 0 1 2 0 1 2 0 1 2
Minions 1 1 1 1 1 2 2 2 3 3 3 Demons 1 1 1 1 1 1 1 1 1 1 1
Number of players 7
Show character abilities
Allow duplicate characters
Highlight random
Townsfolk
Townsfolk
0 5
Outsiders
Outsiders
0 0
Minions
Minions
0 1
Demons
Demons
0 1
Travellers
Travellers
0 X
Layout Ellipse Diagonal Horizontal Vertical
* Draw Characters
* Add All
SELECT YOUR CHARACTER
×
Tap any of the numbered tokens to choose your character. Darker ones have
already been chosen.
REMEMBER YOUR CHARACTER
×
Name yourself (optional)
Return to Character Select
* Character Sheet
CHARACTER SHEET
×
Scan this QR code to see the character sheet
Include:
Travellers
Fabled
* Clear Cache
CLEAR CACHE
×
Clear everything Turning this off will allow individual parts of the cache to
be cleared.
* Clear data
The data for the jinxes, team breakdown, and character information.
* Clear edition
The edition, or script, that's been selected and loaded.
* Clear tokens
The position of the tokens in the grimoire.
* Clear inputs
User settings for this website.
* Clear open/closed
Which sections are open or closed.
* Clear custom info tokens
The custom info tokens that have been added.
* Clear names
The player names suggestions.
* Clear pad height
The height of the pad in the grimoire.
Refresh afterwards Refreshing will load in new data for anything that's been
cleared.
Warning: any tokens that have been placed on the grimoire will be forgotten.
Warning: any custom info tokens will be forgotten.
Clear Cache
Language Deutsch English Español Español argentino Français Italiana коми кыв
Norsk bokmål Norsk nynorsk Português brasileiro Русский ภาษาไทย Slovenščina
Svenska українська Tiếng việt 日本語 简体中文 繁體中文 עִברִית Set Language
GRIMOIRE
DEMON BLUFFS
* Show all bluffs
* Add bluffs
DEMON BLUFFS
TOKEN
×
* Show
* Change
SELECT BLUFF
×
* Show existing characters
* Show travellers
* Show evil characters
* Add token
SELECT CHARACTER
×
* Add reminder
SELECT REMINDER
×
Show all reminders
Add multiple
Add all
* Add traveller
TRAVELLERS
×
* Bureaucrat
* Thief
* Gunslinger
* Scapegoat
* Beggar
* Apprentice
* Matron
* Judge
* Bishop
* Voudon
* Barista
* Harlot
* Butcher
* Bone Collector
* Deviant
* Gangster
* 河伯
* 叫花子
Show all travellers
* Add fabled
FABLED
×
* Doomsayer
* Angel
* Buddhist
* Hell's Librarian
* Revolutionary
* Fiddler
* Toymaker
* Fibbin
* Duchess
* Sentinel
* Spirit of Ivory
* Djinn
* Storm Catcher
* Deus ex Fiasco
* Bootlegger
* Ferryman
* Gardener
* Show tokens
CHARACTERS
×
* Reset pad height
* Clear Grimoire
Token Settings
Show night order
Character token size 1
Reminder token size 1
TOKEN
×
Add token
TOKEN
×
* Show
* Shroud
* Rotate
* Reminder
* Replace
* Ghost vote
What is the name of this player? Set player name
Most recently added reminders:
Remove token
REMINDER
×
Remove
JINXES
Target Trick Reason
Show jinxes not in play
NIGHT ORDER
First night
Other nights
Swipe to change nights.
Show dead characters
Show characters not in play
INFO TOKENS
* This is the Demon
* These are your Minions
* These characters are not in play
* This character selected you
* This player is
* You are
* Did you nominate today?
* Did you vote today?
CUSTOM INFO TOKENS
* Add info token
×
This is the Demon
×
These are your Minions
×
These characters are not in play
×
This character selected you
×
This player is
×
You are
×
Did you nominate today?
×
Did you vote today?
×
STORYTELLER NOTES
Notes
Clear notes
ACKNOWLEDGEMENTS
Blood on the Clocktower is a trademark of Steven Medway and The Pandemonium
Institute.
Night reminders and other auxiliary text written by Ben Finney.
Icons are taken from Font Awesome.
Many images and data are taken from Clocktower.online and the Blood on the
Clocktower website.
This is an unofficial virtual grimoire for Blood on the Clocktower. This project
is free and the source code can be found on GitHub. This project is not
affiliated with the Pandemonium Institute. If you enjoy playing Blood on the
Clocktower, please consider buying your own grimoire - as well as being more
flexible than this digital version, it also supports the creators.
Noticed a bug or have an improvement suggestion? Let me know in the
pocket-grimoire channel on the unofficial discord server (my name on there is
"Skateside") or raise an issue in GitHub.
Version 0.9.14